:root{--bg:#070c1c;--panel:#0d1634;--border:#1e2b57;--text:#e7f0ff;--muted:#9fb2da;--cyan:#12d0ff;--green:#00ffa8;--blue:#3a83ff;--danger:#ff9baa;--focus:0 0 0 4px rgba(18,208,255,.18)}
*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;color:var(--text);background:radial-gradient(900px 500px at 0 0,rgba(18,208,255,.12),transparent 60%),linear-gradient(180deg,#070c1c,#0b1438);font:14px/1.5 Inter,"Segoe UI",Arial,sans-serif}.card{width:min(100%,600px);padding:30px;background:linear-gradient(180deg,rgba(20,28,62,.88),rgba(14,22,50,.9));border:1px solid var(--border);border-radius:18px;box-shadow:0 26px 70px #0008,0 0 28px rgba(18,208,255,.14)}.brand{display:flex;align-items:center;gap:10px;margin-bottom:26px;color:#d6e6ff;font-size:17px;font-weight:800}.mark{width:38px;height:38px;display:grid;place-items:center;color:#061224;background:linear-gradient(135deg,var(--blue),var(--green));border-radius:10px;font-size:12px}h1{margin:0 0 7px;font-size:24px}.intro,.hint{color:var(--muted)}.steps{margin:18px 0;padding-left:20px;color:#cbd7ef}.field{margin:16px 0}.field label{display:block;margin-bottom:6px;color:#cbd5f0;font-weight:650}.input{width:100%;padding:12px;color:var(--text);background:#0b1533;border:1px solid var(--border);border-radius:11px;outline:none}.input:focus{border-color:var(--blue);box-shadow:var(--focus)}.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.button{padding:12px 17px;color:#fff;background:linear-gradient(90deg,var(--blue),var(--green));border:0;border-radius:11px;cursor:pointer;font-weight:750}.button:disabled{opacity:.65;cursor:wait}.link{color:#d9e8ff;text-underline-offset:2px}.link:hover{color:var(--cyan)}.message{min-height:22px;margin-top:13px;color:var(--danger)}.message.success{color:var(--green)}.setup{display:none}.qr{width:230px;height:230px;display:block;margin:18px auto;padding:10px;background:#fff;border-radius:12px}.secret{padding:10px;overflow-wrap:anywhere;color:var(--cyan);background:#091127;border:1px solid var(--border);border-radius:8px;font:13px Consolas,monospace;text-align:center}.dev-link{display:none;margin-top:14px;padding:12px;background:#14233f;border-radius:9px}.dev-link.show{display:block}@media(max-width:520px){body{align-items:stretch;padding:0}.card{min-height:100vh;padding:26px 21px;border:0;border-radius:0}.actions{align-items:stretch;flex-direction:column-reverse}.actions>*{width:100%;text-align:center}}