@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,800&family=DM+Sans:wght@400;500;600;700&display=swap');

:root{--ink:#080b12;--panel:#11151e;--muted:#9299a7;--line:rgba(255,255,255,.11);--acid:#d7ff36;--cyan:#61e6d0;--paper:#f4f5ef;--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.ambient{position:absolute;border-radius:50%;filter:blur(110px);pointer-events:none;opacity:.14}.ambient-one{width:480px;height:480px;background:#30ffd9;right:-200px;top:120px}.ambient-two{width:350px;height:350px;background:#adff2f;left:-250px;top:620px}
.site-header{height:86px;max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);font-size:22px;font-weight:900;letter-spacing:.3px}.brand>span:last-child>span{color:var(--acid)}.brand-mark{width:27px;height:28px;display:flex;gap:3px;align-items:flex-end;transform:skew(-12deg)}.brand-mark i{width:7px;background:var(--acid);display:block}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:22px}.brand-mark i:nth-child(3){height:28px}.site-header nav{display:flex;gap:38px;font-size:13px;font-weight:600;color:#bcc1ca}.site-header nav a:hover{color:var(--acid)}.header-cta{font-size:13px;font-weight:700;border:1px solid #434956;padding:12px 17px}.header-cta span{color:var(--acid);margin-left:8px}.menu-toggle{display:none;background:none;border:0;color:#fff}
.hero{max-width:1240px;margin:auto;min-height:690px;padding:80px 24px 90px;display:grid;grid-template-columns:47% 53%;align-items:center;position:relative}.eyebrow,.kicker{font-size:11px;text-transform:uppercase;letter-spacing:2.2px;font-weight:700;color:#b8bdc8}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:30px;height:2px;background:var(--acid)}h1,h2{font-family:var(--display);margin:16px 0;line-height:.86;letter-spacing:-2px}h1{font-size:clamp(72px,8vw,112px)}h1 em,h2 em{font-style:italic;color:var(--acid);font-weight:800}.hero-copy>p{max-width:520px;color:#a9b0bc;line-height:1.75;font-size:16px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:36px;padding:17px 20px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.button-primary{background:var(--acid);color:var(--ink)}.button-primary:hover{background:#fff}.text-link{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.text-link i{font-style:normal;border:1px solid #4d5360;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:9px;color:var(--acid)}.trust-row{display:flex;align-items:center;gap:12px;margin-top:47px}.avatars{display:flex}.avatars span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#222832;border:2px solid var(--ink);margin-left:-8px;font-size:14px}.avatars span:first-child{margin:0}.trust-row p{font-size:11px;line-height:1.4;color:#8d94a1}.trust-row strong{color:#fff}
.hero-visual{height:510px;position:relative;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;inset:4% 10%;border-radius:50%;background:radial-gradient(circle at 50% 45%,#243127 0,#12171b 56%,transparent 70%)}.hero-visual:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(215,255,54,.17);border-radius:50%}.score-card{width:min(470px,88%);padding:26px;background:linear-gradient(145deg,rgba(29,35,44,.98),rgba(14,18,26,.98));border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px #000;position:relative;z-index:3;transform:rotate(-2deg)}.score-top,.score-footer{display:flex;justify-content:space-between;align-items:center;color:#808997;font-size:9px;text-transform:uppercase;letter-spacing:1px}.score-top button{background:none;border:0;color:#8b929d}.live-dot{color:var(--ink);background:var(--acid);font-weight:800;padding:6px 8px;letter-spacing:.5px}.matchup{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:40px 0 34px}.team{text-align:center;display:flex;align-items:center;flex-direction:column;gap:9px}.team-badge{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font:800 29px var(--display);border:4px solid rgba(255,255,255,.1)}.team-badge.blue{background:#1e87d7}.team-badge.gold{background:#d9b33c;color:#1c1b19}.team strong{font:700 15px var(--display);letter-spacing:.8px}.team small{font-size:8px;color:#68717e}.score{display:flex;align-items:center;gap:10px;font:900 50px var(--display)}.score i{font-size:28px;color:#59616d;font-style:normal}.timeline{height:3px;background:#343a44;position:relative}.timeline span{display:block;height:100%;background:var(--acid)}.timeline i{width:9px;height:9px;top:-3px;position:absolute;background:var(--acid);border-radius:50%;box-shadow:0 0 0 5px rgba(215,255,54,.13)}.score-footer{padding-top:19px}.score-footer strong{color:#c6cbd3}.orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;z-index:1}.orbit-a{width:480px;height:260px;transform:rotate(32deg)}.orbit-b{width:530px;height:320px;transform:rotate(-24deg)}.floating-tag{position:absolute;z-index:4;background:#181e27;border:1px solid #333a45;padding:13px 16px;display:grid;grid-template-columns:30px auto;column-gap:10px;box-shadow:0 20px 50px #000}.floating-tag span{grid-row:1/3;font-size:23px}.floating-tag b{font:700 15px var(--display)}.floating-tag small{font-size:8px;color:#7e8793}.tag-one{right:0;top:76px;transform:rotate(5deg)}.tag-two{left:25px;bottom:65px;transform:rotate(-5deg)}
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;transform:rotate(-1deg);background:#0e1219}.ticker>div{height:56px;display:flex;align-items:center;gap:35px;width:max-content;animation:marquee 28s linear infinite;font:700 16px var(--display);letter-spacing:1px}.ticker i{color:var(--acid);font-style:normal}@keyframes marquee{to{transform:translateX(-35%)}}
.sports-section,.faq-section{max-width:1200px;margin:auto;padding:120px 24px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px}.section-heading h2,.why-panel h2,.faq-section h2,.final-cta h2{font-size:clamp(58px,7vw,88px)}.section-heading p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.7}.sport-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sport-card{min-height:220px;background:#11161e;border:1px solid var(--line);padding:25px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:.25s}.sport-card:hover{transform:translateY(-5px);border-color:rgba(215,255,54,.6)}.sport-card.featured{background:var(--acid);color:var(--ink)}.sport-icon{font-size:30px;filter:grayscale(1)}.sport-card small{text-transform:uppercase;font-size:8px;letter-spacing:1.5px;color:#747d8b}.sport-card.featured small{color:#59651d}.sport-card h3{font:800 29px var(--display);text-transform:uppercase;margin:4px 0}.sport-card p{font-size:11px;color:#7f8793;margin:0}.sport-card.featured p{color:#505b16}.sport-card b{position:absolute;right:24px;top:24px;font-size:22px;color:var(--acid)}.sport-card.featured b{color:var(--ink)}
.why-section{max-width:1200px;margin:20px auto 100px;display:grid;grid-template-columns:1.35fr .65fr;padding:0 24px}.why-panel{background:var(--paper);color:var(--ink);padding:62px}.why-panel h2 em{color:#7d9720}.mini-label{text-transform:uppercase;font-size:9px;letter-spacing:2px}.feature-list{margin-top:55px}.feature-list article{border-top:1px solid #cdd0c7;padding:25px 0;display:grid;grid-template-columns:50px 1fr;gap:15px}.feature-list article>span{font:700 13px var(--display);color:#93ab36}.feature-list h3{margin:0 0 7px;font-size:15px}.feature-list p{margin:0;max-width:410px;color:#6d726e;font-size:12px;line-height:1.6}.status-panel{background:var(--acid);color:var(--ink);padding:36px;display:flex;flex-direction:column}.status-head{display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:1px}.online{display:flex;align-items:center;gap:6px}.online i{width:7px;height:7px;border-radius:50%;background:#168a45;box-shadow:0 0 0 3px rgba(22,138,69,.14)}.big-number{font:900 120px var(--display);line-height:1;margin-top:auto}.big-number span{font-size:48px}.status-panel>p{font-weight:700;font-size:14px}.status-bars{height:110px;display:flex;gap:8px;align-items:end;margin-top:20px}.status-bars span{flex:1;background:var(--ink);opacity:.86}.status-panel>small{font-size:8px;text-transform:uppercase;letter-spacing:1px;margin-top:14px}
.faq-section{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.faq-intro{color:var(--muted);max-width:360px;line-height:1.7;font-size:13px}.accordion details{border-top:1px solid var(--line);padding:24px 0}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;font:700 21px var(--display);text-transform:uppercase;display:flex;justify-content:space-between;cursor:pointer}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{color:var(--acid);font:400 24px var(--body)}.accordion details[open] summary span{transform:rotate(45deg)}.accordion p{color:var(--muted);font-size:12px;line-height:1.7;max-width:570px;padding-right:40px}
.final-cta{background:var(--acid);color:var(--ink);padding:100px 24px;text-align:center;position:relative;overflow:hidden}.final-cta:before,.final-cta:after{content:"";position:absolute;border:1px solid rgba(8,11,18,.14);border-radius:50%;width:500px;height:500px;top:-200px}.final-cta:before{left:-250px}.final-cta:after{right:-250px}.final-cta .kicker{color:#4e5b17}.final-cta h2{margin:20px}.final-cta h2 em{color:var(--ink)}.final-cta p{font-size:13px}.button-dark{background:var(--ink);color:#fff;margin-top:18px;position:relative}.button-dark span{color:var(--acid)}
footer{max-width:1200px;margin:auto;padding:42px 24px;display:flex;justify-content:space-between;align-items:center;color:#717986;font-size:10px}footer>div{display:flex;gap:24px}footer a:hover{color:#fff}
.footer-links{flex-wrap:wrap;justify-content:flex-end}

/* Interior pages */
.inner-header{max-width:1040px}.inner-header .back-home{font-size:12px;color:#aeb5c0}.inner-header .back-home:hover{color:var(--acid)}
.page-hero{max-width:1040px;margin:auto;padding:100px 24px 55px;border-bottom:1px solid var(--line)}
.page-hero .kicker{color:var(--acid)}.page-hero h1{font-size:clamp(62px,9vw,108px);margin-bottom:25px}.page-hero>p{max-width:690px;color:#a8afb9;line-height:1.75;font-size:16px}
.content-page{max-width:1040px;margin:auto;padding:55px 24px 120px;display:grid;grid-template-columns:220px minmax(0,680px);gap:80px}
.content-nav{position:sticky;top:30px;align-self:start;border-left:1px solid var(--line);padding-left:20px;display:flex;flex-direction:column;gap:12px}.content-nav a{font-size:11px;color:#7f8793}.content-nav a:hover{color:var(--acid)}
.prose section{padding:0 0 35px;margin-bottom:35px;border-bottom:1px solid var(--line)}.prose section:last-child{border:0}.prose h2{font-size:36px;letter-spacing:-.5px;line-height:1;margin:0 0 16px}.prose h3{font-size:15px;margin:25px 0 10px}.prose p,.prose li{color:#a8afb9;font-size:13px;line-height:1.85}.prose ul{padding-left:18px}.prose a{color:var(--acid);text-decoration:underline}.notice{border:1px solid rgba(215,255,54,.4);background:rgba(215,255,54,.05);padding:22px;color:#ccd2da;font-size:12px;line-height:1.7}.page-footer{max-width:1040px}
@media(max-width:760px){.content-page{grid-template-columns:1fr;gap:35px}.content-nav{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.page-hero{padding-top:70px}.footer-links{justify-content:center}}

/* Photographic sports treatment */
.hero-photo{position:absolute;inset:4% 10%;width:80%;height:92%;object-fit:cover;filter:saturate(.72) contrast(1.12) brightness(.68);z-index:1}
.hero-visual:before{inset:4% 10%;border-radius:0;background:linear-gradient(90deg,rgba(8,11,18,.4),rgba(8,11,18,.05));z-index:2}
.hero-visual:after{inset:4% 10%;width:auto;height:auto;border-radius:0;z-index:2}
.orbit{z-index:2}
.score-card{background:linear-gradient(145deg,rgba(29,35,44,.94),rgba(14,18,26,.94))}
.sport-card{overflow:hidden}
.sport-card.photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,11,18,.1),rgba(8,11,18,.94));z-index:1}
.sport-card.photo-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08);transition:transform .45s}
.sport-card.photo-card:hover>img{transform:scale(1.06)}
.sport-card.photo-card>div,.sport-card.photo-card>.sport-icon,.sport-card.photo-card>b{position:relative;z-index:2}
.sport-card.photo-card small,.sport-card.photo-card p{color:#d2d6dc}
.team-badge.red{background:#da291c;color:#fff}
.team-badge.sky{background:#6cabdd;color:#101820}
@media(max-width:900px){.site-header nav,.header-cta{display:none}.menu-toggle{display:block}.menu-toggle span{display:block;width:23px;height:2px;background:#fff;margin:5px}.site-header.open nav{display:flex;position:absolute;top:85px;left:24px;right:24px;background:#121720;padding:25px;flex-direction:column}.hero{grid-template-columns:1fr;padding-top:65px}.hero-visual{height:500px}.sport-grid{grid-template-columns:repeat(2,1fr)}.why-section,.faq-section{grid-template-columns:1fr}.faq-section{gap:20px}.section-heading{align-items:start;flex-direction:column}.why-panel{padding:44px}.status-panel{min-height:460px}}
@media(max-width:560px){h1{font-size:70px}.hero{padding-left:18px;padding-right:18px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{height:410px}.score-card{padding:18px}.matchup{gap:8px}.team-badge{width:48px;height:48px}.score{font-size:36px}.tag-one{right:0}.tag-two{left:0}.sport-grid{grid-template-columns:1fr}.sports-section,.faq-section{padding:90px 18px}.why-section{padding:0 18px}.why-panel{padding:34px 25px}.why-panel h2{font-size:55px}.status-panel{padding:28px}.big-number{font-size:100px}.section-heading h2,.faq-section h2,.final-cta h2{font-size:60px}footer{flex-direction:column;gap:24px;text-align:center}.ticker>div{animation-duration:20s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div{animation:none}}