:root{color-scheme:dark;--bg:#080f1f;--panel:#101827;--text:#f8fafc;--muted:#94a3b8;--line:hsla(0,0%,100%,.1);--purple:#c084fc;--gold:#f5c35b;--emerald:#34d399}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(192,132,252,.14),transparent 32rem),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit}main{width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:56px 0}.panel{border:1px solid var(--line);background:rgba(16,24,39,.86);border-radius:28px;padding:28px;box-shadow:0 20px 80px rgba(0,0,0,.28)}.grid{display:grid;grid-gap:16px;gap:16px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(192,132,252,.28);background:rgba(192,132,252,.1);color:#e9d5ff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.card{border:1px solid var(--line);background:hsla(0,0%,100%,.04);border-radius:20px;padding:18px}.muted{color:var(--muted)}.button{display:inline-flex;border:1px solid rgba(245,195,91,.36);background:rgba(245,195,91,.1);color:#fde68a;border-radius:999px;padding:12px 16px;font-weight:800;text-decoration:none}h1{max-width:920px;margin:20px 0 0;font-size:clamp(40px,7vw,76px);line-height:.96;letter-spacing:-.06em}h2{margin:0 0 12px;font-size:24px}p{line-height:1.7}code{color:#e9d5ff}