:root{--bg:#0a0612;--panel:#16102a;--ink:#f6f1ff;--muted:#a99ec7;--accent:#ff3d9a;--accent2:#35e0ff;--radius:18px;--display:ui-rounded,"Segoe UI",system-ui,sans-serif;--text:-apple-system,"Segoe UI",system-ui,Roboto,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 var(--text)}
img{max-width:100%;display:block}a{color:inherit}
.top{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#0a0612ee;position:sticky;top:0;z-index:5;border-bottom:1px solid #2a1f4a}
.brand{font:800 20px var(--display);text-decoration:none}
.badge{background:var(--accent);color:#fff;padding:3px 10px;border-radius:99px;margin-right:8px;font-size:14px}
nav a{margin-left:22px;text-decoration:none;color:var(--muted)}nav a:hover{color:var(--accent2)}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;padding:56px 32px;max-width:1150px;margin:auto}
.eyebrow{color:var(--accent2);text-transform:uppercase;letter-spacing:.15em;font-size:13px}
h1{font:900 56px/1.05 var(--display);margin:.2em 0;text-shadow:0 0 28px #ff3d9a66}
.lede{color:var(--muted);font-size:19px}
.hero img{border-radius:var(--radius);box-shadow:0 0 60px #ff3d9a55}
.btn{display:inline-block;background:var(--accent);padding:12px 22px;border-radius:99px;font-weight:700;text-decoration:none;margin-right:10px}
.btn.alt{background:transparent;border:1px solid var(--accent2);color:var(--accent2)}
section.block{max-width:1000px;margin:auto;padding:40px 32px}
h2{font:800 32px var(--display);color:var(--accent2)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.card{background:var(--panel);border-radius:var(--radius);padding:20px;border:1px solid #2a1f4a}
.card h3{margin:0 0 6px;color:var(--accent)}.tag{font-size:12px;color:var(--accent2);text-transform:uppercase;letter-spacing:.1em}
footer{text-align:center;color:var(--muted);padding:40px}
@media(max-width:800px){.hero{grid-template-columns:1fr}h1{font-size:38px}}
section:not(.hero){max-width:1000px;margin:0 auto;padding:48px 32px 8px}
footer{padding:32px;text-align:center}
h2{font-family:var(--display)}