*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:hidden;max-width:100vw}
:root{
  --bg:#0b0b1a;--bg2:#13132a;--cyan:#00d4ff;--mag:#ff006e;--lime:#a4ff00;--vio:#9d4edd;--gold:#ffd60a;
  --txt:#e7e9ff;--mut:#9aa0c3;--card:#161634;--bdr:rgba(255,255,255,.08);
}
body{background:var(--bg);color:var(--txt);font:16px/1.65 'Inter',system-ui,sans-serif;
  background-image:
    radial-gradient(1px 1px at 12% 18%,#fff 50%,transparent),
    radial-gradient(1px 1px at 28% 73%,#fff 50%,transparent),
    radial-gradient(2px 2px at 47% 31%,var(--cyan) 50%,transparent),
    radial-gradient(1px 1px at 65% 88%,#fff 50%,transparent),
    radial-gradient(1px 1px at 78% 12%,var(--mag) 50%,transparent),
    radial-gradient(1.5px 1.5px at 92% 58%,var(--lime) 50%,transparent),
    radial-gradient(1px 1px at 8% 92%,var(--vio) 50%,transparent),
    radial-gradient(circle at 70% 0%,rgba(157,78,221,.18),transparent 50%),
    radial-gradient(circle at 0% 100%,rgba(0,212,255,.12),transparent 55%);
  background-attachment:fixed;
  background-size:600px 600px,500px 500px,800px 800px,700px 700px,520px 520px,640px 640px,460px 460px,100% 100%,100% 100%;
}
h1,h2,h3{font-family:'Audiowide','Orbitron',sans-serif;font-weight:400;letter-spacing:.5px;line-height:1.2}
h1{font-size:clamp(1.9rem,6vw,3.3rem);background:linear-gradient(95deg,var(--cyan),var(--mag) 40%,var(--lime) 70%,var(--vio));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px rgba(0,212,255,.3)}
h2{font-size:clamp(1.4rem,4vw,2.1rem);color:var(--cyan);text-shadow:0 0 12px rgba(0,212,255,.4);margin:1.6rem 0 .8rem}
h3{font-size:clamp(1.1rem,3vw,1.4rem);color:var(--lime);margin:1rem 0 .5rem}
p{margin:0 0 1rem;color:var(--txt)}
a{color:var(--cyan);text-decoration:none}
a:hover{color:var(--mag)}
code,kbd{font-family:'JetBrains Mono',monospace;background:rgba(0,212,255,.1);padding:.1em .35em;border-radius:3px;color:var(--lime)}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}

/* HEADER */
header{position:sticky;top:0;z-index:50;background:rgba(11,11,26,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--bdr)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:12px;padding:8px 0}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo svg{width:38px;height:38px;filter:drop-shadow(0 0 8px var(--cyan))}
.logo span{font-family:'Audiowide',sans-serif;font-size:1.15rem;background:linear-gradient(90deg,var(--cyan),var(--mag));-webkit-background-clip:text;background-clip:text;color:transparent}
.menu-btn{background:transparent;border:1px solid var(--cyan);color:var(--cyan);padding:10px 14px;border-radius:6px;font:inherit;cursor:pointer;min-height:44px;min-width:44px;display:none}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
nav a{display:inline-block;padding:10px 12px;border-radius:6px;color:var(--txt);font-size:.9rem;min-height:44px;line-height:24px}
nav a:hover{background:rgba(0,212,255,.1);color:var(--cyan)}
@media(max-width:880px){
  .menu-btn{display:inline-block}
  nav ul{display:none;position:absolute;left:0;right:0;top:64px;flex-direction:column;background:rgba(11,11,26,.97);padding:10px;border-bottom:1px solid var(--bdr)}
  nav ul.open{display:flex}
}

/* HERO */
.hero{padding:48px 0 36px;text-align:center;position:relative}
.hero p.lead{color:var(--mut);max-width:760px;margin:14px auto 22px;font-size:clamp(1rem,2.5vw,1.15rem)}
.cta{display:inline-block;padding:14px 26px;background:linear-gradient(90deg,var(--mag),var(--vio));color:#fff!important;border-radius:8px;font-weight:600;min-height:48px;line-height:24px;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 24px rgba(255,0,110,.4)}
.cta:hover{transform:translateY(-2px);box-shadow:0 0 32px rgba(255,0,110,.6);color:#fff!important}
.cta.alt{background:linear-gradient(90deg,var(--cyan),var(--lime));color:#0b0b1a!important;box-shadow:0 0 24px rgba(0,212,255,.4)}

/* CARDS */
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:24px 0}
.card{background:linear-gradient(160deg,var(--card),var(--bg2));border:1px solid var(--bdr);border-radius:12px;padding:22px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.card::before{content:"";position:absolute;inset:-1px;border-radius:12px;padding:1px;background:linear-gradient(135deg,var(--cyan),var(--mag),var(--lime),var(--vio));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.35;pointer-events:none}
.card:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,212,255,.18)}
.card h3{margin-top:0}
.stat{font-family:'Audiowide',sans-serif;font-size:clamp(1.8rem,5vw,2.6rem);background:linear-gradient(90deg,var(--cyan),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent;display:block;margin:.3rem 0}

/* IMAGES */
.media{margin:24px 0;border-radius:10px;overflow:hidden;border:1px solid var(--bdr);box-shadow:0 0 32px rgba(157,78,221,.18)}
.media img{display:block;width:100%;height:auto}
figure{margin:24px 0}
figure img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--bdr)}
figcaption{color:var(--mut);font-size:.85rem;text-align:center;margin-top:8px}

/* STARS */
.stars{display:inline-flex;gap:3px;color:var(--gold);font-size:1.1rem;letter-spacing:2px;text-shadow:0 0 8px rgba(255,214,10,.6)}

/* TABLE */
.tbl-scroll{overflow-x:auto;margin:18px 0;border-radius:10px;border:1px solid var(--bdr)}
table{width:100%;border-collapse:collapse;min-width:480px}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--bdr)}
th{background:rgba(0,212,255,.1);color:var(--cyan);font-family:'Audiowide',sans-serif;font-size:.85rem;letter-spacing:.5px}
tr:last-child td{border-bottom:none}

/* FAQ */
details{background:var(--card);border:1px solid var(--bdr);border-radius:8px;padding:14px 18px;margin:10px 0}
details[open]{border-color:var(--cyan)}
summary{cursor:pointer;font-weight:600;color:var(--cyan);min-height:32px;font-family:'Inter',sans-serif}
details p{margin-top:10px;color:var(--mut)}

/* SECTIONS */
section{padding:24px 0}
ul.bullets{list-style:none;padding:0;margin:1rem 0}
ul.bullets li{padding:10px 0 10px 28px;position:relative;color:var(--txt)}
ul.bullets li::before{content:"★";position:absolute;left:0;top:8px;color:var(--lime);text-shadow:0 0 6px var(--lime)}

/* FOOTER */
footer{margin-top:48px;padding:32px 0 24px;border-top:1px solid var(--bdr);background:rgba(11,11,26,.6)}
footer .grid{margin:0 0 18px}
footer h4{font-family:'Audiowide',sans-serif;color:var(--mag);margin-bottom:10px;font-size:1rem}
footer ul{list-style:none}
footer li a{color:var(--mut);display:inline-block;padding:6px 0;font-size:.9rem;min-height:32px}
footer li a:hover{color:var(--cyan)}
.copy{text-align:center;color:var(--mut);font-size:.82rem;padding-top:18px;border-top:1px solid var(--bdr)}
.disclaimer{background:rgba(255,0,110,.08);border:1px solid rgba(255,0,110,.3);padding:12px 16px;border-radius:8px;font-size:.85rem;color:var(--mut);margin:18px 0}

/* FAB */
.fab{position:fixed;right:14px;bottom:14px;z-index:60;padding:14px 18px;background:linear-gradient(90deg,var(--mag),var(--vio));color:#fff;border-radius:30px;box-shadow:0 6px 24px rgba(255,0,110,.5);font-weight:600;display:none;min-height:48px;align-items:center}
@media(max-width:880px){.fab{display:inline-flex}}

/* breadcrumbs */
.bc{font-size:.85rem;color:var(--mut);margin:14px 0}
.bc a{color:var(--mut)}
.bc a:hover{color:var(--cyan)}