:root{--bg: #0b1020;--panel: #0f172a;--muted: #94a3b8;--text: #e5e7eb;--brand: #22d3ee;--brand-2: #f59e0b;--card: #0b1222;--radius: 18px;--pad: 16px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1200px 400px at 50% -10%,rgba(34,211,238,.1),transparent),linear-gradient(180deg,#0b1020,#0f172a 30%,#0b1020);color:var(--text);font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:inherit;text-decoration:none;cursor:pointer}.container{max-width:1100px;margin:0 auto;padding:24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#ffffff14,#ffffff05);cursor:pointer}.btn:hover{border-color:#ffffff47}.card{background:var(--card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);box-shadow:0 8px 24px #00000059}.muted{color:var(--muted)}.brand-pill{font-size:12px;padding:2px 8px;border-radius:999px;color:#0b1222;background:linear-gradient(90deg,var(--brand),#8b5cf6)}.grid{display:grid;gap:16px}@media (min-width: 720px){.grid.cards-3{grid-template-columns:repeat(3,1fr)}}