:root{--bg:#0b1220;--card:#121a2b;--text:#e9f0ff;--muted:#8ea3c0;--accent:#1afa9a;--danger:#ff6b6b;}
*{box-sizing:border-box;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}
html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}
header{max-width:980px;margin:24px auto 8px;padding:0 16px}
h1{font-size:40px;line-height:1.1;margin:0 0 8px}
h1 span{opacity:.8}
.chips span{display:inline-block;background:#0f1627;border:1px solid #1f2a45;color:#9fb0ca;padding:6px 10px;margin-right:6px;border-radius:999px;font-size:12px}
.grid{max-width:980px;margin:0 auto;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.card{background:var(--card);border:1px solid #1e2a44;border-radius:16px;padding:16px}
h2{margin:0 0 12px}
.qrwrap{display:flex;align-items:center;justify-content:center;background:#0f1627;border:1px dashed #223251;border-radius:12px;height:340px}
.qr{filter: drop-shadow(0 0 6px rgba(26,250,154,.35));}
.hint{color:var(--muted);font-size:14px}
.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}
.pad button{background:#0f1627;border:1px solid #1f2a45;color:var(--text);font-size:22px;border-radius:12px;padding:16px 0;cursor:pointer}
.pad button:hover{border-color:#2a3a60}
.pin{width:100%;padding:12px 14px;background:#0f1627;border:1px solid #1f2a45;border-radius:12px;color:var(--text);font-size:16px}
.status{margin-top:10px;font-size:14px;color:var(--muted)}
.status.ok{color:var(--accent)}
.status.bad{color:var(--danger)}
footer{max-width:980px;margin:8px auto 24px;padding:0 16px;color:#9fb0ca}
.mobile header h1{font-size:28px}
.sub{color:var(--muted)}
.cta{background:var(--accent);color:#002110;border:none;border-radius:12px;padding:12px 16px;font-weight:600;cursor:pointer}
.ghost{margin-top:8px;background:transparent;border:1px solid #2d3a57;color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer}
.otp{margin-top:16px}
.digits{font-size:40px;letter-spacing:2px;background:#0f1627;border:1px solid #1f2a45;border-radius:12px;display:inline-block;padding:8px 12px}
@media(max-width:900px){.grid{grid-template-columns:1fr}}