@font-face{font-family:Geist;src:url(/static/geist.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#0B0D10;--card:#12151A;--ink:#F2F4F7;--ink2:#A3AAB5;--ink3:#6F7784;--line:#232830;--lime:#C6F432;--accent:#C6F432;--bad:#EF4444;--ease:cubic-bezier(.2,.8,.2,1)}
:root[data-theme=light]{color-scheme:light;--bg:#F4F5F7;--card:#fff;--ink:#0F1218;--ink2:#566070;--ink3:#8A93A0;--line:#E4E6EA;--accent:#65A30D}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;color:var(--ink);font:400 15px/1.55 Geist,system-ui,sans-serif;overflow-x:clip;position:relative;background:var(--bg)}
header,main,footer{position:relative;z-index:1}
header{display:flex;align-items:center;gap:10px;padding:24px clamp(20px,4vw,40px);font-weight:700;font-size:18px;letter-spacing:-.02em}
header small{display:block;font-weight:500;font-size:12px;color:var(--ink3);letter-spacing:0}
.lg{fill:var(--lime)}
main{display:grid;place-items:center;padding:24px 20px 140px}
.box{width:100%;max-width:380px}
.lock{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);margin-bottom:26px}
.lock svg,.note svg{width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
h1{font-size:clamp(28px,6vw,34px);font-weight:700;letter-spacing:-.03em;line-height:1.1;text-wrap:balance}
.lead{color:var(--ink2);margin-top:10px;text-wrap:pretty}
.note{display:flex;gap:10px;margin-top:22px;padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.45;background:rgba(198,244,50,.1);color:var(--ink);border:1px solid rgba(198,244,50,.25)}
.note svg{width:18px;height:18px;flex:none;margin-top:1px}
.note.error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.35)}.note.error svg{stroke:var(--bad)}
.note b{font-weight:600;overflow-wrap:anywhere}
.go{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:50px;border-radius:10px;background:#C6F432;color:#0B0D10;font-weight:600;font-size:15px;text-decoration:none}
.go .g{width:20px;height:20px;flex:none;background:#fff;border-radius:50%;padding:2px}
.go:active{transform:scale(.99)}
.go[aria-disabled=true]{pointer-events:none;background:var(--line);color:var(--ink3)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}
.fine{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);color:var(--ink3);font-size:13px;display:flex;gap:9px}
.fine .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);flex:none;margin-top:7px}
.bars{position:fixed;left:0;right:0;bottom:44px;width:100%;height:min(26vh,210px);z-index:0;pointer-events:none;opacity:.9}
.bars .b{fill:var(--line)}.bars .b.hot{fill:var(--lime)}
footer{padding:14px clamp(20px,4vw,40px) 20px;color:var(--ink3);font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media (max-width:520px){main{place-items:start center;padding-top:7vh}}