:root{--bg:#0b1018;--panel:#101827;--card:#0f1a2a;--text:#e8f0ff;--muted:#9fb0d1;--accent:#67d2ff;--accent2:#4df2c2;--border:rgba(255,255,255,.08)}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:16px/1.75 system-ui,Segoe UI,Roboto,Arial}a{color:var(--accent);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:24px} .section{padding:32px 0;border-top:1px solid var(--border)}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}
.grid{display:grid;gap:16px} @media(min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}}
.btn{display:inline-block;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#001018;padding:10px 14px;border-radius:12px;font-weight:800}
.badge{display:inline-block;background:#0b2436;border:1px solid #15344a;color:#a7e7ff;padding:6px 12px;border-radius:999px;font-weight:800;letter-spacing:.4px;margin-bottom:12px}
.muted{color:var(--muted)} .mono{font-family:ui-monospace,Consolas,Menlo,monospace}
.hash{font-size:12px;background:#0b1320;padding:4px 6px;border-radius:6px;display:inline-block;cursor:pointer}
.qr{display:flex;align-items:center;gap:10px} .qr img{width:72px;height:72px;border:1px solid var(--border);border-radius:8px}
h1,h2,h3{margin:0 0 12px}