.auth-layout{grid-template-columns:420px 1fr;min-height:100svh;display:grid}@media (width<=820px){.auth-layout{grid-template-columns:1fr}.auth-brand{display:none}}.auth-brand{background:var(--brand-panel-bg,#1a1510);padding:var(--space-10);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.auth-brand:after{display:none}.auth-brand-logo{--brand-logo-mark:#fff;--brand-logo-name:#fff;font-size:var(--text-2xl);position:relative}.auth-brand-body{padding-bottom:var(--space-6);position:relative}.auth-brand-headline{font-family:var(--font-heading);font-size:38px;font-weight:var(--font-heading-weight);color:#fff;letter-spacing:-1px;margin:0 0 var(--space-4);line-height:1.15}.auth-brand-sub{font-size:var(--text-base);color:#ffffffb8;margin:0;line-height:1.6}.auth-panel{padding:var(--space-6) var(--space-5);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:380px}.auth-mobile-logo{font-size:var(--text-xl);margin-bottom:var(--space-8);display:none}@media (width<=820px){.auth-mobile-logo{display:block}}.auth-heading{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-heading-weight);color:var(--color-text-heading);margin:0 0 var(--space-1);letter-spacing:-.5px;line-height:var(--leading-tight)}.auth-subheading{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4)}.auth-form{gap:var(--space-3);flex-direction:column;display:flex}.form-field{gap:var(--space-1);flex-direction:column;display:flex}.form-row-split{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-heading)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-heading);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.form-input::placeholder{color:var(--color-text-muted)}.form-input.error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-bg)}.form-error{font-size:var(--text-xs);color:var(--color-error)}.form-row{justify-content:flex-end;align-items:center;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);border:none;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);width:100%}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.auth-link{font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--font-medium);transition:opacity var(--transition-fast);text-decoration:none}.auth-link:hover{opacity:.8}.auth-footer{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.input-wrapper{position:relative}.input-wrapper .form-input{padding-right:40px}.input-toggle{right:var(--space-3);cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:0;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.input-toggle:hover{color:var(--color-text-heading)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--space-4)}.auth-status{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-10) 0;flex-direction:column;display:flex}.auth-status-icon{width:56px;height:56px;margin-bottom:var(--space-1);border-radius:50%;justify-content:center;align-items:center;display:flex}.auth-status-icon.success{color:#15803d;background:#22c55e1a}.auth-status-icon.error{background:var(--color-error-bg);color:var(--color-error)}.auth-status-icon.loading{background:var(--color-primary-bg)}.auth-status h2{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-heading-weight);color:var(--color-text-heading);margin:0}.auth-status p{font-size:var(--text-sm);color:var(--color-text-muted);max-width:280px;margin:0}.alert-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid #ef444440}.alert-success{color:var(--color-success);background:#22c55e1a;border:1px solid #22c55e40}