:root{--bg: #fafafa;--bg-card: #ffffff;--bg-secondary: #f5f5f5;--bg-auth: #f0f4ff;--bg-gate: #fff8e1;--border: #e0e0e0;--text: #1a1a1a;--text-muted: #666;--text-subtle: #999;--primary: #1976d2;--primary-hover: #1565c0;--primary-light: #e3f2fd}html.dark{--bg: #0f172a;--bg-card: #1e293b;--bg-secondary: #162032;--bg-auth: #0f172a;--bg-gate: #1c1500;--border: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--text-subtle: #64748b;--primary: #1976d2;--primary-hover: #1565c0;--primary-light: #0d2a4a}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:background .2s,color .2s}button{font-family:inherit;cursor:pointer}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg-auth)}.auth-card{background:var(--bg-card);border-radius:16px;padding:2rem;width:100%;max-width:420px;box-shadow:0 4px 24px #00000014}.auth-card h1{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.auth-card__sub{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.auth-card__oauth{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.auth-card__divider{text-align:center;position:relative;margin-bottom:1.25rem;color:var(--text-subtle);font-size:.8rem}.auth-card__divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}.auth-card__divider span{background:var(--bg-card);padding:0 .75rem;position:relative}.auth-card__error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.6rem .9rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem}.auth-card__submit{width:100%;padding:.75rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;margin-top:.5rem;transition:background .2s}.auth-card__submit:hover:not(:disabled){background:var(--primary-hover)}.auth-card__submit:disabled{background:var(--border);cursor:default}.auth-card__footer{text-align:center;margin-top:1.25rem;font-size:.875rem;color:var(--text-muted)}.auth-card__footer a{color:var(--primary);text-decoration:none;font-weight:500}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem;border-radius:8px;font-size:.9rem;font-weight:500;border:2px solid var(--border);background:var(--bg-card);color:var(--text);transition:border-color .2s}.oauth-btn:hover{border-color:#bbb}.form-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.form-field label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.form-field input{padding:.65rem .9rem;border:2px solid var(--border);border-radius:8px;font-size:.95rem;font-family:inherit;outline:none;background:var(--bg-card);color:var(--text);transition:border-color .2s}.form-field input:focus{border-color:var(--primary)}.form-field__hint{font-size:.8rem;margin-top:.1rem}.form-field__hint--error{color:#dc2626}.form-field--error input{border-color:#dc2626}.password-strength{margin-top:.5rem}.password-strength__bar{height:4px;background:var(--border);border-radius:4px;overflow:hidden;margin-bottom:.6rem}.password-strength__fill{height:100%;border-radius:4px;transition:width .3s,background .3s}.password-strength__fill.weak{background:#ef4444}.password-strength__fill.medium{background:#f59e0b}.password-strength__fill.strong{background:#22c55e}.password-strength__rules{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.3rem .5rem}.password-strength__rules li{display:flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--text-subtle);transition:color .2s}.password-strength__rules li .material-symbols-outlined{font-size:.95rem;color:var(--border);transition:color .2s}.password-strength__rules li.ok,.password-strength__rules li.ok .material-symbols-outlined{color:#22c55e}.password-strength__rules li.error,.password-strength__rules li.error .material-symbols-outlined{color:#ef4444}