:root{color-scheme:light dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0d0f12;color:#f5f7fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#1f2937 0,#0d0f12 48%)}main{width:min(100% - 32px,480px);margin:0 auto;padding:48px 0}.brand{display:inline-block;margin-bottom:24px;color:#f5f7fa;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:-.03em}.card{border:1px solid #303741;border-radius:16px;background:#14181e;padding:28px;box-shadow:0 24px 80px #0008}.eyebrow{margin:0 0 10px;color:#88a6ff;font:600 11px/1.2 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em}h1{margin:0;font-size:28px;line-height:1.15;letter-spacing:-.035em}h2{font-size:20px}.intro{margin:12px 0 24px;color:#aeb7c4;line-height:1.6}form{display:grid;gap:10px}label,.code-label{color:#cbd2dc;font-size:13px}input{width:100%;border:1px solid #3b4552;border-radius:9px;background:#0d1117;color:#fff;padding:12px 13px;font:inherit;outline:none}input:focus{border-color:#7d9cff;box-shadow:0 0 0 3px #5777df33}button,.card a{display:inline-flex;justify-content:center;border:0;border-radius:9px;background:#e8edff;color:#111827;padding:11px 15px;font:600 14px/1.2 inherit;text-decoration:none;cursor:pointer}button:hover,.card a:hover{background:#fff}.secondary{background:#252c35;color:#d9e0ea}.actions{display:flex;gap:10px;margin-top:20px}.code{display:block;margin:10px 0 20px;font:700 30px/1 ui-monospace,monospace;letter-spacing:.16em}dl{display:grid;gap:10px;margin:0}dl div{border-top:1px solid #303741;padding-top:10px}dt{color:#8792a2;font-size:11px;text-transform:uppercase;letter-spacing:.08em}dd{margin:4px 0 0;overflow-wrap:anywhere;color:#d9e0ea;font-size:13px}#status,#error{min-height:20px;margin:18px 0 0;font-size:13px}#status{color:#9fb0c7}#error{color:#ff9b9b}.fine-print{text-align:center;color:#6f7a89;font-size:12px}@media(max-width:520px){main{padding:24px 0}.card{padding:22px}.actions{flex-direction:column}}