.auth-wrap{background:var(--bg);min-height:100vh;display:flex}.auth-grid{grid-template-columns:1fr .7fr;width:100%;min-height:80vh;display:grid}.auth-form-side{flex:1;justify-content:center;align-items:center;display:flex}.auth-form-container{width:100%;max-width:448px}.auth-card{background:color-mix(in srgb,var(--card)95%,var(--bg)5%);border:1px solid var(--border);border-radius:16px;padding:32px}.auth-head{margin-bottom:32px}.auth-title{color:var(--text);margin:0 0 8px;font-size:30px;font-weight:600}.auth-sub{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.auth-form{gap:14px;display:grid}.auth-field{gap:8px;display:grid}.auth-label{color:var(--text);opacity:.9;font-size:14px;font-weight:500}.auth-field-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.auth-email-row{align-items:flex-start;gap:8px;display:flex}.auth-email-row .input,.auth-email-row .input-wrapper{flex:1}.auth-email-input{min-width:0}.auth-extra-fields{gap:20px;margin-top:4px;display:grid}.auth-toggle-extra{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;margin:-4px 0 4px;padding:8px 0;font-size:13px;font-weight:500;transition:color .2s}.auth-toggle-extra:hover{color:var(--accent);opacity:.8}.auth-hint{color:var(--accent);margin-top:4px;font-size:12px;line-height:1.4}.field-error{color:var(--danger);margin-top:4px;font-size:12px}.auth-actions{flex-direction:column;align-items:center;gap:8px;margin-top:0;display:flex}.auth-footer-links{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:14px;display:flex}.auth-footer-links .auth-link{color:var(--accent);font-weight:500;text-decoration:none;transition:color .2s}.auth-footer-links .auth-link:hover{color:var(--accent);opacity:.8}.auth-link-separator{color:var(--muted);margin:0 2px}.auth-or{align-items:center;margin:32px 0;display:flex;position:relative}.auth-or:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.auth-or-text{color:var(--muted);background:color-mix(in srgb,var(--card)95%,var(--bg)5%);margin:0 auto;padding:0 16px;font-size:14px;position:relative}.oauth-grid{gap:12px;display:grid}.oauth-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:12px;height:48px;padding:12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.oauth-btn:hover{background:color-mix(in srgb,var(--card)90%,var(--bg)10%);border-color:var(--border)}.oauth-icon{flex-shrink:0;width:20px;height:20px;display:inline-block}.auth-illustration-side{display:none;position:relative;overflow:hidden}.auth-illustration{object-fit:cover;width:100%;height:100%;display:block}.auth-illustration-overlay{background:linear-gradient(to right,transparent,var(--bg)90%);position:absolute;inset:0}.auth-inline-note{text-align:center;color:var(--muted);margin-top:24px;font-size:14px}.auth-inline-note .auth-link{color:var(--accent);font-weight:500;text-decoration:none;transition:color .2s}.auth-inline-note .auth-link:hover{color:var(--accent);opacity:.8}@media (min-width:1024px){.auth-illustration-side{display:block}}@media (max-width:1023px){.auth-grid{grid-template-columns:1fr}.auth-form-side{padding:24px 16px}}