:root{color-scheme:light;--ink:#18324c;--muted:#607386;--bg:#f6f8fb;--panel:#fff;--border:#dfe6ed;--blue:#1666d1}
*{box-sizing:border-box}body{font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);margin:0;min-height:100vh}
.topbar{background:var(--panel);height:72px;border-bottom:1px solid var(--border);padding:0 max(20px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.brand-dot{width:11px;height:11px;background:var(--blue);border-radius:50%}.brand strong{font-size:20px;letter-spacing:.04em}.brand-sub{color:var(--muted);border-left:1px solid var(--border);padding-left:12px;margin-left:4px;font-size:14px}
.container{max-width:1080px;padding:56px 20px;margin:auto;min-height:calc(100vh - 132px)}.auth-box{background:var(--panel);width:100%;max-width:460px;margin:30px auto;padding:38px;border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 48px #18324c0a}
h1{font-size:clamp(28px,3vw,39px);line-height:1.2;letter-spacing:-.03em;margin:8px 0 14px}h2{font-size:20px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.13em;color:var(--blue)}.muted{color:var(--muted)}.form{display:flex;flex-direction:column;gap:9px;margin-top:28px}label{font-weight:650;font-size:14px;margin-top:8px}input{padding:13px 14px;border:1px solid #bdcad6;border-radius:9px;font:inherit;outline-offset:3px}input:focus{outline:2px solid #9dc3ff;border-color:var(--blue)}.button{font:inherit;font-weight:650;cursor:pointer;border:1px solid var(--border);border-radius:9px;padding:10px 18px;text-decoration:none;display:inline-block}.button-primary{background:var(--blue);color:#fff;border-color:var(--blue);margin-top:10px;text-align:center}.button-quiet{background:white;color:var(--ink)}.error{background:#fff4f2;color:#a02921;padding:14px;border-radius:9px;border:1px solid #ffc8c4;margin-top:18px}.hint{font-size:13px;color:var(--muted);margin-top:18px}.hero{margin-bottom:30px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat{background:white;border:1px solid var(--border);padding:25px;border-radius:14px}.stat div{color:var(--muted)}.stat strong{display:block;font-size:34px;margin-top:12px}.callout{margin-top:25px;background:white;border:1px solid var(--border);padding:24px 28px;border-radius:14px}.footer{padding:20px;text-align:center;color:var(--muted);font-size:13px}
@media(max-width:650px){.brand-sub{display:none}.container{padding:28px 16px}.auth-box{padding:26px}.stats-grid{grid-template-columns:1fr}.stat strong{font-size:30px}}
