:root{--bg:#07080b;--panel:#0b0f16;--text:#e9eef6;--muted:#9aa3af;--brand:#ff7755;--brand2:#ff9c7f;--c1:#00c8ff;--c2:#ff00a6;--ring:#1a2232;--border:#121a27}
*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(1200px 600px at 10% -10%, rgba(0,200,255,.10), transparent 55%),radial-gradient(800px 400px at 100% 0%, rgba(255,0,166,.08), transparent 60%),var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:56px 0;border-top:1px solid var(--border)}a{color:inherit;text-decoration:none}
.header{position:sticky;top:0;z-index:40;background:linear-gradient(to bottom, rgba(7,8,11,.85), rgba(7,8,11,.55));backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.brand{display:flex;align-items:center;gap:10px}.brand img{width:28px;height:28px}.brand span{font-weight:800;letter-spacing:.3px}
.links{display:flex;gap:16px;align-items:center}.links a{color:#cbd5e1;padding:8px 10px;border-radius:10px}.links a:hover{background:#0e1420}.links a.active{color:var(--brand);background:#0f141f;border:1px solid var(--border)}
.links .social{display:flex;gap:8px;margin-left:10px}
.icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#0f141f;border:1px solid var(--border)}
.hero{padding:72px 0 28px}.hero-inner{display:grid;grid-template-columns:1fr;gap:18px;text-align:center}
.badge{display:inline-flex;gap:10px;padding:8px 14px;border-radius:999px;background:linear-gradient(90deg,var(--c1),var(--c2));color:#0b0f16;font-weight:900}
h1{margin:12px 0 6px;font-size:clamp(36px,6.6vw,72px)}h1 .accent{background:linear-gradient(90deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.subtitle{color:#aab3c2;max-width:840px;margin:0 auto}
.cta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:18px}
.btn{padding:12px 16px;border-radius:14px;font-weight:800;border:1px solid var(--border)}
.btn.primary{background:linear-gradient(180deg,var(--brand2),var(--brand));color:#0b0f16}
.btn.secondary{background:#0f141f;color:#e6edf6}.btn.buy{background:linear-gradient(90deg,var(--c1),var(--c2));color:#0b0f16}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.card{grid-column:span 12;background:linear-gradient(180deg,#0b0f16,#0b0f16) padding-box;border:1px solid var(--border);border-radius:18px;box-shadow:0 14px 32px rgba(0,0,0,.35)}
@media(min-width:900px){.card.half{grid-column:span 6}}.card h3{margin:18px 18px 0}.card .body{padding:18px}
.player{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--ring);background:#000}.player .ratio{position:relative;aspect-ratio:16/9}.player .ratio iframe{position:absolute;inset:0;width:100%;height:100%}
.neon{position:absolute;inset:-2px;border-radius:16px;pointer-events:none;box-shadow:0 0 0 2px rgba(0,200,255,.25),0 0 24px rgba(255,0,166,.2),inset 0 0 24px rgba(0,200,255,.08)}
.note{color:#9aa3af;font-size:13px}.footer{padding:42px 0;text-align:center;color:#9aa3af;border-top:1px solid var(--border);margin-top:36px}
.table{width:100%;border-collapse:collapse}.table th,.table td{border:1px solid var(--border);padding:10px;text-align:left}.table th{color:#c8d0de;background:#0f141f}
.form{display:grid;gap:12px;max-width:720px}.input,.textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:#0f141f;color:#e9eef6}