@font-face{font-family:DM Sans;src:url(/fonts/DMSans-Variable.ttf)format("truetype-variations");font-weight:100 1000;font-display:swap}@font-face{font-family:DM Mono;src:url(/fonts/DMMono-Regular.ttf)format("truetype");font-weight:400;font-display:swap}:root{--ink:#111218;--ink-raised:#191b23;--ink-overlay:#21242e;--line:#2c3039;--line-strong:#3d424e;--paper:#f7f8fa;--paper-2:#c8cbd4;--paper-3:#8b909e;--paper-faint:#5b606d;--accent:#fff;--danger:#ff8a80;--danger-bg:#ff8a801a;--ok:#7ee2a8;--font-sans:"DM Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, "SF Mono", monospace;--radius:10px}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--paper);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0}.shell{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.masthead{border-bottom:1px solid var(--line);padding:28px 32px}.masthead img{width:auto;height:22px;display:block}.stage{justify-content:center;align-items:flex-start;padding:56px 24px 72px;display:flex}.card{width:100%;max-width:460px;position:relative}.colophon{border-top:1px solid var(--line);color:var(--paper-faint);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:20px 32px;font-size:12px;display:flex}h1{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(26px,4vw,34px);font-weight:500;line-height:1.15}.lede{color:var(--paper-2);margin:0 0 30px;font-size:15.5px;line-height:1.55}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-faint);margin:0 0 18px;font-size:11px}label{color:var(--paper-2);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.hint{color:var(--paper-3);margin:8px 0 0;font-size:13px;line-height:1.5}input{background:var(--ink-raised);border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;color:var(--paper);font-family:var(--font-sans);padding:13px 14px;font-size:15px;transition:border-color .12s,background .12s}input::placeholder{color:var(--paper-faint)}input:focus{border-color:var(--paper);background:var(--ink-overlay);outline:none}input.code{font-family:var(--font-mono);letter-spacing:.42em;text-align:center;padding-left:.42em;font-size:22px}button{background:var(--accent);width:100%;color:var(--ink);border:1px solid var(--accent);border-radius:var(--radius);font-family:var(--font-sans);cursor:pointer;margin-top:20px;padding:13px 18px;font-size:15px;font-weight:600;transition:opacity .12s}button:hover:not(:disabled){opacity:.88}button:disabled{opacity:.45;cursor:not-allowed}.linkish{width:auto;color:var(--paper-3);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;margin-top:16px;padding:0;font-size:13.5px;font-weight:400;text-decoration:underline}.linkish:hover{color:var(--paper)}.alert{border-radius:var(--radius);background:var(--danger-bg);color:var(--danger);border:1px solid #ff8a8057;margin:0 0 22px;padding:13px 15px;font-size:14px;line-height:1.5}.alert[data-tone=neutral]{border-color:var(--line-strong);background:var(--ink-raised);color:var(--paper-2)}.steps{gap:6px;margin-bottom:26px;display:flex}.steps span{background:var(--line);border-radius:2px;flex:1;height:2px}.steps span[data-on=true]{background:var(--paper)}.done-mark{opacity:.95;width:44px;height:auto;margin-bottom:26px}@media (max-width:520px){.masthead{padding:22px 20px}.stage{padding:40px 20px 56px}.colophon{padding:18px 20px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.devcode{font-family:var(--font-mono);letter-spacing:.22em;color:var(--paper);background:var(--ink);border:1px solid var(--line-strong);border-radius:5px;padding:2px 8px;font-size:17px}