:root{
  --navy:#071529;--navy2:#0b2447;--blue:#1687ff;--cyan:#00d7ff;--ice:#eef8ff;--silver:#b9cadc;--ink:#dcecff;--card:#0f2f5f;--muted:#9bb4cc;--shadow:0 20px 55px rgba(0,153,255,.23);--radius:22px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--navy);line-height:1.6;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 18% 12%,rgba(0,215,255,.22),transparent 28%),radial-gradient(circle at 82% 22%,rgba(22,135,255,.24),transparent 30%),linear-gradient(135deg,var(--navy),#020914 68%)}
body:after{content:"";position:fixed;inset:0;z-index:-2;opacity:.28;background-image:linear-gradient(90deg,rgba(238,248,255,.09) 1px,transparent 1px),linear-gradient(rgba(238,248,255,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.container{max-width:1180px;margin:auto;padding:0 20px}.topbar{position:sticky;top:0;z-index:10;background:rgba(3,13,28,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,215,255,.45);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:74px}.brand{display:flex;gap:12px;align-items:center;color:var(--ice);text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:1px;font-size:1.35rem}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;box-shadow:0 0 24px rgba(0,215,255,.45),inset 0 0 18px rgba(255,255,255,.25)}.brand-mark:before{content:"▶";color:#05101f;font-weight:900}.menu{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.menu a{color:var(--ice);text-decoration:none;font-weight:800;padding:9px 10px;border-radius:999px;font-size:.88rem}.menu a:hover,.menu a.active{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#061225}.hamb{display:none;border:0;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#061225;font-size:1.6rem;border-radius:12px;padding:8px 12px;font-weight:900}
.hero{position:relative;min-height:540px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(120deg,rgba(3,13,28,.96),rgba(11,36,71,.78)),radial-gradient(circle at 70% 10%,rgba(0,215,255,.26),transparent 35%);color:var(--ice);border-bottom:1px solid rgba(0,215,255,.35)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 72%,rgba(0,0,0,.58)),repeating-linear-gradient(110deg,transparent 0 82px,rgba(0,215,255,.07) 84px 87px);opacity:.75}.hero:after{content:"";position:absolute;right:-75px;bottom:-55px;width:520px;height:520px;background:linear-gradient(135deg,var(--blue),var(--cyan));clip-path:polygon(50% 0,59% 27%,88% 18%,72% 43%,100% 58%,68% 60%,74% 92%,50% 72%,26% 92%,32% 60%,0 58%,28% 43%,12% 18%,41% 27%);filter:drop-shadow(-22px 22px 0 rgba(0,0,0,.42));opacity:.75}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center}.kicker{display:inline-block;background:rgba(0,215,255,.14);color:var(--cyan);font-weight:900;text-transform:uppercase;padding:8px 14px;border-radius:999px;letter-spacing:1.5px;border:1px solid rgba(0,215,255,.42)}.hero h1{font-size:clamp(2.6rem,7vw,6rem);line-height:.92;margin:18px 0;text-transform:uppercase;text-shadow:0 0 26px rgba(0,215,255,.38)}.hero p{font-size:1.12rem;max-width:690px;color:#d6eaff}.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;padding:13px 18px;border-radius:999px;text-decoration:none;font-weight:900;text-transform:uppercase}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#061225;box-shadow:0 0 24px rgba(0,215,255,.32)}.btn.secondary{background:rgba(238,248,255,.10);color:var(--ice);border:1px solid rgba(238,248,255,.28)}.poster-card{background:rgba(9,28,58,.92);color:var(--ice);padding:24px;border:1px solid rgba(0,215,255,.45);box-shadow:var(--shadow);border-radius:28px;backdrop-filter:blur(10px)}.poster-card h2{font-size:2.1rem;line-height:1;margin:0 0 10px;text-transform:uppercase;color:var(--cyan)}.scoreboard{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.score{background:#030d1c;color:var(--ice);padding:16px;border-radius:16px;border:1px solid rgba(0,215,255,.45);text-align:center;box-shadow:inset 0 0 22px rgba(0,215,255,.11)}.score b{display:block;color:var(--cyan);font-size:1.35rem}.section{padding:68px 0}.section.dark{background:linear-gradient(180deg,#030d1c,#081b34);color:var(--ice);border-top:1px solid rgba(0,215,255,.22);border-bottom:1px solid rgba(0,215,255,.22)}.section h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:0 0 18px;text-transform:uppercase;color:var(--ice)}.lead{font-size:1.08rem;color:#d6eaff;max-width:850px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.card{background:linear-gradient(180deg,rgba(15,47,95,.96),rgba(8,28,55,.96));border:1px solid rgba(0,215,255,.32);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.dark .card{background:rgba(6,20,41,.9)}.card h3{margin-top:0;text-transform:uppercase;color:var(--cyan)}.fixture{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px dashed rgba(238,248,255,.22);padding:13px 0}.tag{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#04101f;border-radius:999px;padding:5px 10px;font-weight:900;font-size:.78rem}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.quote{background:rgba(0,215,255,.09);border-left:7px solid var(--cyan);padding:18px;border-radius:16px;font-style:italic;color:#e8f6ff}.cta{background:linear-gradient(135deg,#0d56b2,#00bce0);color:#f8fdff;border-radius:30px;padding:34px;margin-top:38px;box-shadow:var(--shadow);position:relative;overflow:hidden}.cta:after{content:"LIVE GUIDE";position:absolute;right:-18px;bottom:-20px;font-weight:900;font-size:5rem;opacity:.13}.footer{background:#020914;color:var(--ice);padding:35px 0;text-align:center}.footer a{color:var(--cyan)}@media(max-width:900px){.hamb{display:block}.menu{position:absolute;left:0;right:0;top:74px;background:#031122;display:none;flex-direction:column;align-items:stretch;padding:12px 20px;border-bottom:1px solid rgba(0,215,255,.45)}.menu.open{display:flex}.menu a{border-radius:10px}.hero-grid,.news-grid{grid-template-columns:1fr}.hero:after{opacity:.23;width:360px;height:360px}.cards,.scoreboard{grid-template-columns:1fr}.hero{min-height:auto;padding:70px 0}.poster-card{transform:none}}