:root{--bg:#0c0e13;--card:#151821;--line:#262b38;--text:#f2f4f8;--muted:#9aa3b5;--accent:#5b7fc7;--accent-hover:#6f90d4;--error:#ef6b6b}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text)}body{flex-direction:column;align-items:center;min-height:100vh;padding:48px 16px;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;display:flex}.logo{width:auto;height:40px;margin-bottom:40px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;width:100%;max-width:480px;padding:32px}h1{letter-spacing:-.01em;font-size:28px;font-weight:700}.lead{color:var(--muted);margin-top:8px}.code-input{letter-spacing:.4em;text-align:center;width:100%;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:12px;outline:none;margin-top:24px;padding:16px;font-size:32px;font-weight:600}.code-input:focus{border-color:var(--accent)}.btn{text-align:center;color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:16px;padding:14px 16px;font-size:16px;font-weight:600;text-decoration:none;display:block}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{border:1px solid var(--line);color:var(--text);background:0 0}.btn.secondary:hover{border-color:var(--accent)}.error{color:var(--error);margin-top:12px;font-size:14px}.steps{gap:16px;margin-top:28px;list-style:none;display:grid}.steps li{grid-template-columns:32px 1fr;align-items:start;gap:12px;display:grid}.num{width:32px;height:32px;color:var(--accent);background:#5b7fc726;border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.note{color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:12px;margin-top:24px;padding:16px;font-size:14px}.footer{text-align:center;max-width:480px;color:var(--muted);margin-top:32px;font-size:13px}.big-code{letter-spacing:.15em;text-align:center;margin-top:16px;font-size:64px;font-weight:700}