:root{color-scheme:dark;--color-bg: #0f1115;--color-surface: #1a1d24;--color-border: #2c303a;--color-text: #e7e9ee;--color-text-muted: #9aa0ac;--color-primary: #4f7dfa;--color-primary-hover: #6f93fb;--color-error: #f26d6d}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.page{padding:2rem 1.5rem}.page h1{margin:0 0 .5rem;font-size:1.5rem}.page p{color:var(--color-text-muted)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{width:100%;max-width:26rem;display:flex;flex-direction:column;gap:1rem;padding:2rem;border-radius:.75rem;background:var(--color-surface);border:1px solid var(--color-border)}.auth-card h1{margin:0 0 .5rem;font-size:1.5rem}.auth-card__error{margin:0;padding:.65rem .75rem;border-radius:.5rem;background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error);font-size:.9rem}.auth-card__switch{margin:0;font-size:.9rem;color:var(--color-text-muted);text-align:center}.auth-card__switch a{color:var(--color-primary)}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.field input{padding:.6rem .7rem;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:1rem}.field input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.field__error{color:var(--color-error);font-size:.8rem}.field__hint{color:var(--color-text-muted);font-size:.8rem}