:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eff6ff;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--border:#e2e8f0;--border-light:#f1f5f9;--bg:#fff;--bg-subtle:#f8fafc;--error:#dc2626;--error-soft:#fef2f2;--error-border:#fecaca;--success:#16a34a;--success-soft:#f0fdf4;--success-border:#bbf7d0;--font-heading:"Manrope", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box}body{color:var(--text-primary);background-color:var(--bg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;will-change:scroll-position;background-image:linear-gradient(#0f172a06 1px,#0000 1px),linear-gradient(90deg,#0f172a06 1px,#0000 1px);background-size:32px 32px;margin:0;line-height:1.5;transform:translateZ(0)}.auth-container{background:0 0;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-brand img{width:auto;height:36px}h2{text-align:center;color:var(--text-primary);font-family:var(--font-heading);letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.auth-form{flex-direction:column;gap:1.125rem;display:flex}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.auth-form input{border:1px solid var(--border);width:100%;font-size:.9375rem;font-family:var(--font-body);color:var(--text-primary);background-color:#fff;border-radius:.5rem;padding:.75rem .875rem;transition:border-color .2s,box-shadow .2s}.auth-form input::placeholder{color:var(--text-tertiary)}.auth-form input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.auth-form>button[type=submit]{background:var(--primary);color:#fff;cursor:pointer;width:100%;font-size:.9375rem;font-weight:500;font-family:var(--font-body);border:none;border-radius:.5rem;margin-top:.5rem;padding:.8rem;transition:background .2s,transform .1s}.auth-form>button[type=submit]:hover{background:var(--primary-hover)}.auth-form>button[type=submit]:active{transform:scale(.98)}.auth-form>button[type=submit]:disabled{background:var(--text-tertiary);cursor:not-allowed;transform:none}.password-wrapper{width:100%;position:relative}.password-wrapper input{padding-right:2.75rem}.password-toggle{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;align-items:center;padding:.25rem;transition:color .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.form-alert,#auth-status,.auth-feedback{text-align:center;border:1px solid #0000;border-radius:.5rem;margin-top:1rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500}.success{background-color:var(--success-soft);color:var(--success);border-color:var(--success-border)}.error{background-color:var(--error-soft);color:var(--error);border-color:var(--error-border)}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.875rem}.auth-switch a{color:var(--primary);font-weight:500;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-divider{align-items:center;gap:.75rem;margin:.5rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none}.auth-back{text-align:center;margin-top:1.5rem}.auth-back a{color:var(--text-tertiary);font-size:.8125rem;text-decoration:none;transition:color .2s}.auth-back a:hover{color:var(--text-primary)}@media (width<=480px){.auth-container{padding:1rem}.auth-card{border-radius:.75rem;padding:2rem 1.25rem}h2{font-size:1.35rem}}@media (width<=480px){.auth-card{max-width:100%;padding:2rem 1.5rem}.auth-logo{height:24px}}.auth-brand{text-align:center;margin-bottom:1.75rem}.auth-brand a{text-decoration:none;display:inline-block}.auth-logo{width:auto;max-width:200px;height:28px;margin:0 auto;display:block}.auth-card{border:1px solid var(--border);width:100%;max-width:460px;box-shadow:none;background:#fff;border-radius:.875rem;padding:2.5rem 2.25rem}.auth-subtitle{text-align:center;color:#64748b;margin:0 0 1.75rem;font-size:.875rem}.password-toggle{color:#64748b;justify-content:center;align-items:center;width:20px;height:20px;transition:color .2s;display:flex;right:.75rem}.password-toggle:hover{color:#2563eb}.password-toggle svg{width:18px;height:18px}.optional-label{color:#64748b;font-size:.85em;font-weight:400}.field-hint{color:#64748b;margin-top:.25rem;font-size:.8em;font-style:italic}@media (width<=480px){.auth-card{max-width:100%;padding:2rem 1.5rem}.auth-logo{height:24px}}