:root{--bg:#05060f;--bg2:#0a0f24;--card:#0c1230;--line:#1d2a5c;--ink:#e8fbff;--mute:#9aa8d0;--cyan:#22f3ff;--mag:#ff2bd6;--gold:#22f3ff;--gold2:#ff2bd6;--rose:#ff2bd6}
*{box-sizing:border-box}html{background:var(--bg)}
body{font-family:"Space Grotesk",Inter,system-ui,-apple-system,Segoe UI,sans-serif;margin:0;color:var(--ink);line-height:1.6;padding-bottom:76px;background:radial-gradient(900px 500px at 85% -10%,rgba(255,43,214,.18),transparent 60%),radial-gradient(800px 500px at 0% 10%,rgba(34,243,255,.12),transparent 60%),linear-gradient(rgba(34,243,255,.05) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(34,243,255,.05) 1px,transparent 1px) 0 0/40px 40px,var(--bg);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
h1,h2,h3{font-family:Orbitron,"Space Grotesk",sans-serif;font-weight:700;letter-spacing:.04em}h2{margin-top:2.2rem;font-size:clamp(1.15rem,3vw,1.5rem);text-transform:uppercase}h2 a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--mag);text-shadow:0 0 12px rgba(255,43,214,.45)}
h3{font-size:1rem}a{color:var(--cyan)}main,footer,.nl{padding:1rem clamp(1rem,4vw,3rem);max-width:1200px;margin:0 auto}
header{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;padding:.9rem clamp(1rem,4vw,3rem);background:rgba(5,6,15,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(34,243,255,.35),0 6px 24px rgba(34,243,255,.08);position:sticky;top:0;z-index:20}
.brand img{height:40px;display:block}nav{display:flex;flex-wrap:wrap;gap:.2rem 1rem;flex:1}nav a{color:var(--mute);text-decoration:none;font-size:.9rem;letter-spacing:.03em}nav a:hover{color:var(--cyan);text-shadow:0 0 8px var(--cyan)}
.sponsorbtn,.btn,.nlf button,main button{background:linear-gradient(135deg,var(--cyan),var(--mag));color:#05060f;font-weight:700;border:0;border-radius:6px;text-decoration:none;cursor:pointer;font-family:inherit;box-shadow:0 0 14px rgba(255,43,214,.35);transition:box-shadow .2s}
.sponsorbtn:hover,.btn:hover,.nlf button:hover,main button:hover{box-shadow:0 0 22px rgba(34,243,255,.7)}main button{padding:.5rem 1rem}
.sponsorbtn{padding:.5rem 1.1rem;white-space:nowrap;font-size:.88rem}.btn{padding:.45rem 1rem;display:inline-block}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center;padding:2.5rem 0 1.5rem}.hero h1{font-size:clamp(1.7rem,4.2vw,3rem);line-height:1.15;margin:.2rem 0 .8rem}.hero h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 10px var(--cyan),0 0 26px rgba(34,243,255,.5)}.hero p{color:var(--mute);font-size:1.05rem}.hero .art{width:100%;max-width:440px;justify-self:center}.eyebrow{color:var(--mag);text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;font-weight:700;text-shadow:0 0 8px rgba(255,43,214,.6)}.eyebrow:before{content:"// "}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:1.2rem}.hero .art{max-width:300px;order:-1}}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.1rem}.card{background:linear-gradient(180deg,rgba(12,18,48,.92),rgba(10,15,36,.92));border:1px solid var(--line);padding:1rem;border-radius:10px;transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 0 0 1px rgba(34,243,255,.4),0 0 18px rgba(34,243,255,.35),0 0 40px rgba(255,43,214,.18)}.card h3{margin:.6rem 0 .3rem}.card h3 a{color:var(--ink);text-decoration:none}.card small{color:var(--mag)}
.ph{background:linear-gradient(rgba(34,243,255,.12) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,rgba(34,243,255,.12) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(135deg,#0b1a3d,#2a0b3d 60%,#4a0d4a);border:1px solid rgba(34,243,255,.25);border-radius:8px;height:170px;display:flex;align-items:center;justify-content:center;color:rgba(232,251,255,.75);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:.5rem}.ph.big{height:340px}
pre{white-space:pre-wrap;background:#03040b;border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:8px;padding:1rem;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.9rem;color:#c9f6ff}
.sponsor{border:1px dashed var(--mag);border-radius:8px;padding:.8rem 1rem;background:rgba(255,43,214,.06)}.price{font-size:1.4rem;color:var(--cyan);font-family:Orbitron,sans-serif;text-shadow:0 0 10px rgba(34,243,255,.5)}
.logoslot{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed var(--cyan);border-radius:10px;padding:1.2rem;margin:1rem 0;text-decoration:none;text-align:center;background:rgba(34,243,255,.04);color:var(--ink);transition:box-shadow .2s}.logoslot:hover{box-shadow:0 0 22px rgba(34,243,255,.35)}.logoslot b{font-size:1.15rem;font-family:Orbitron,sans-serif;letter-spacing:.06em}.logoslot span{color:var(--mute);font-size:.9rem}.logoslot img{max-height:60px}
.ticker{overflow:hidden;background:rgba(10,15,36,.9);border-bottom:1px solid var(--line);white-space:nowrap}.track{display:inline-flex;animation:tick 30s linear infinite}.ticker:hover .track{animation-play-state:paused}
.tile{display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:40px;margin:6px;border:1px dashed rgba(255,43,214,.5);border-radius:6px;color:var(--mute);font-size:.8rem;text-decoration:none;letter-spacing:.05em}.tile img{max-height:30px}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.track{animation:none}}
.nlf{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.nlf label{font-weight:700;width:100%}.nlf input{padding:.6rem .9rem;border-radius:6px;border:1px solid var(--line);background:#03040b;color:var(--ink);min-width:200px;flex:1;max-width:340px;font-family:inherit}.nlf input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 12px rgba(34,243,255,.4)}.nlf button{padding:.6rem 1.2rem}
.nl.inline{background:rgba(12,18,48,.9);border:1px solid var(--line);border-left:3px solid var(--mag);margin:1.2rem 0;border-radius:10px;box-shadow:-4px 0 18px -6px rgba(255,43,214,.5)}
.nl.foot{border-top:1px solid var(--line);margin-top:2rem}
.stickybar{position:fixed;bottom:0;left:0;right:0;background:rgba(5,6,15,.96);border-top:1px solid var(--cyan);box-shadow:0 -4px 20px rgba(34,243,255,.15);padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;z-index:10}.stickybar .nlf label{width:auto;font-size:.9rem}.stickybar .x{background:none;border:0;color:var(--mute);font-size:1.4rem;cursor:pointer;margin-left:auto;box-shadow:none}
.nobar .stickybar{display:none}.nobar body{padding-bottom:0}footer{color:var(--mute);font-size:.88rem}
.package{border:1px solid var(--cyan);border-radius:12px;padding:1rem 1.5rem;margin:1rem 0;background:rgba(12,18,48,.92);box-shadow:0 0 24px rgba(34,243,255,.18)}.btn.big{padding:.75rem 1.5rem}.bc{color:var(--mute)}
@media(max-width:600px){header{position:static}.brand img{height:34px}nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding-bottom:.3rem}.stickybar .nlf label{display:none}body{background-attachment:scroll}}
@media(max-width:760px){.hero .art{max-width:200px}.hero{gap:.6rem}}
@media(max-width:600px){.stickybar{flex-wrap:nowrap}.stickybar .nlf{flex-wrap:nowrap;flex:1}.stickybar .nlf input{min-width:0}.stickybar .nlf button{padding:.55rem .8rem;white-space:nowrap}}
.hero .art{height:auto}