:root{--bg:#f3f5f4;--panel:#fff;--ink:#16232e;--muted:#5b6873;--rule:#dce2e0;--main:#0f3b57;--acc:#b08d57;--bad:#b42318;--ok:#1f7a4d;--font:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1719;--panel:#162124;--ink:#e6eeec;--muted:#9aaaa8;--rule:#2a383b;--main:#d2b27a;--acc:#d2b27a;--bad:#f97066;--ok:#4cc38a}}:root[data-theme=dark]{--bg:#0f1719;--panel:#162124;--ink:#e6eeec;--muted:#9aaaa8;--rule:#2a383b;--main:#d2b27a;--acc:#d2b27a;--bad:#f97066;--ok:#4cc38a}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--font)}.gate{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}.box{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--rule);border-top:4px solid var(--acc);border-radius:14px;padding:28px 24px}.box img{height:56px;width:auto;display:block;margin-bottom:14px}.box h1{font-size:21px;line-height:1.25;margin:0 0 6px;font-weight:800}.box p{margin:8px 0;color:var(--muted);font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;margin-top:16px;border-radius:10px;border:0;background:var(--main);color:var(--panel);font:inherit;font-weight:700;cursor:pointer}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--rule)}.err{color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent);padding:10px 12px;border-radius:10px;font-size:14px;margin-top:12px}.ok{color:var(--ok)}.rules{font-size:13px;color:var(--muted);padding-left:18px;margin:12px 0 0}.rules li{margin:4px 0}