:root{--bg:#f1f6fa;--card:#fff;--fg:#0d2e47;--muted:#51677a;--line:rgba(13,46,71,.12);--primary:#1a93cc;--primary-ink:#0f6f9e;--btn:#fff;--btn-h:#eef3f7;
  --font:Satoshi,Figtree,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--shadow:0 0 15px rgba(13,46,71,.03),0 2px 30px rgba(13,46,71,.08),0 0 1px rgba(13,46,71,.3)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#000000;--card:#18181b;--fg:#ecedee;--muted:#a1a1aa;--line:rgba(255,255,255,.12);--primary:#33ace5;--primary-ink:#86dbff;--btn:#27272a;--btn-h:#3f3f46;--shadow:0 0 1px rgba(255,255,255,.2)}}
:root[data-theme="dark"]{--bg:#000000;--card:#18181b;--fg:#ecedee;--muted:#a1a1aa;--line:rgba(255,255,255,.12);--primary:#33ace5;--primary-ink:#86dbff;--btn:#27272a;--btn-h:#3f3f46}
*{box-sizing:border-box}html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--fg);font:15px/1.5 var(--font);display:grid;place-items:center;padding:24px 16px}
main{width:100%;max-width:400px;background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:32px 28px}
.brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;font-weight:800;letter-spacing:.14em;font-size:17px}
.mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#33ace5,#1a93cc);display:grid;place-items:center}.mark svg{width:16px;height:16px}
.brand small{font-weight:500;letter-spacing:0;font-size:14px;color:var(--muted)}
h1{font-size:22px;line-height:1.25;margin:0 0 6px;letter-spacing:-.015em}
p{margin:0 0 22px;color:var(--muted)}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--btn);color:var(--fg);font:600 14.5px var(--font);text-decoration:none;margin-top:10px;transition:background .15s}
.btn:hover{background:var(--btn-h)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.btn.primary{background:var(--primary);border-color:transparent;color:#fff}.btn.primary:hover{filter:brightness(1.05);background:var(--primary)}
.btn svg{width:18px;height:18px}
.foot{margin-top:22px;font-size:12.5px;color:var(--muted)}
