:root{--charcoal:#121417;--charcoal2:#191c21;--black:#08090b;--text:#ffffff;--muted:#d6d9df;--red:#ff214a;--blue:#0476ff;--pink:#ff2aa3;--line:rgba(255,255,255,.16);--panel:rgba(255,255,255,.07);--shadow:0 25px 70px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#101215,#07080b);color:var(--text);line-height:1.65}a{color:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 5vw;background:rgba(10,11,13,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.45rem;font-weight:900;letter-spacing:-.04em}.brand b{color:var(--red)}.play-mark{width:27px;height:27px;background:linear-gradient(135deg,var(--red),#bb052a);clip-path:polygon(0 0,100% 50%,0 100%);filter:drop-shadow(0 0 14px rgba(255,33,74,.55))}.nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav a{text-decoration:none;color:#f1f1f1;font-weight:700;font-size:.92rem;padding:8px 10px;border-radius:6px;position:relative}.nav a:hover,.nav a:focus{color:#fff;background:rgba(255,255,255,.08)}.nav a:after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:2px;background:var(--red);transform:scaleX(0);transition:.2s}.nav a:hover:after,.nav a:focus:after{transform:scaleX(1)}.menu-toggle{display:none;background:transparent;color:white;border:1px solid var(--line);border-radius:6px;padding:9px 13px;font-weight:800}.split-hero{min-height:76vh;display:grid;grid-template-columns:48% 52%;overflow:hidden;background:var(--charcoal)}.hero-copy{padding:86px 5vw 58px;background:linear-gradient(145deg,#15171a,#0f1114);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.hero-copy:after{content:"";position:absolute;top:0;right:-120px;width:240px;height:100%;background:#15171a;transform:skewX(-17deg);transform-origin:top;z-index:-1;border-right:4px solid var(--red);box-shadow:30px 0 80px rgba(0,0,0,.35)}.eyebrow{margin:0 0 16px;color:var(--red);text-transform:uppercase;letter-spacing:.08em;font-weight:900}.hero h1{font-size:clamp(2.7rem,6.8vw,6.4rem);line-height:.98;margin:0 0 22px;font-weight:950;letter-spacing:-.07em;text-shadow:0 12px 30px rgba(0,0,0,.4)}.hero p{font-size:1.1rem;color:var(--muted);max-width:700px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;letter-spacing:.02em;border:0;border-radius:8px;padding:14px 22px;background:linear-gradient(135deg,var(--red),#ff3b5f);color:white;font-weight:900;box-shadow:0 18px 36px rgba(255,33,74,.25);transition:transform .2s ease,filter .2s ease}.btn:hover{transform:translateY(-3px);filter:saturate(1.2)}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.45);box-shadow:none}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px;color:#f3f3f3;font-size:.9rem}.trust-row span{border-left:3px solid var(--red);padding-left:10px}.athlete-panel{position:relative;min-height:540px;background:radial-gradient(circle at 62% 38%,rgba(255,42,163,.75),transparent 18%),radial-gradient(circle at 37% 42%,rgba(4,118,255,.9),transparent 24%),linear-gradient(125deg,#06152a 10%,#090b12 45%,#30051d 100%);overflow:hidden}.athlete-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 50%,transparent 0 17%,rgba(0,0,0,.15) 18%,transparent 19%),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.08) 0 2px,transparent 3px 14px);opacity:.28}.athlete-panel:after{content:"";position:absolute;inset:-10%;background:radial-gradient(ellipse at 45% 60%,rgba(255,255,255,.16),transparent 12%),radial-gradient(ellipse at 50% 55%,rgba(255,255,255,.18),transparent 20%),linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);filter:blur(22px);opacity:.8}.athlete-shape{position:absolute;right:8%;bottom:0;width:min(440px,70%);height:78%;background:linear-gradient(160deg,#15181c,#060708);clip-path:polygon(36% 0,70% 8%,86% 40%,100% 100%,16% 100%,0 42%);box-shadow:inset 18px 0 40px rgba(4,118,255,.55),inset -18px 0 45px rgba(255,42,163,.55),0 0 90px rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.12)}.athlete-shape:before{content:"";position:absolute;left:35%;top:6%;width:28%;height:16%;border-radius:50%;background:#111;box-shadow:0 0 30px rgba(255,42,163,.8)}.athlete-shape:after{content:"";position:absolute;left:31%;top:24%;width:44%;height:43%;background:linear-gradient(135deg,#0e0f12,#20242a);border-radius:44% 44% 20% 20%;box-shadow:inset 18px 0 28px rgba(4,118,255,.5),inset -16px 0 32px rgba(255,42,163,.55)}.athlete-shape span{position:absolute;left:50%;bottom:18%;transform:translateX(-50%);font-size:clamp(1.6rem,4vw,4rem);font-weight:950;text-transform:uppercase;letter-spacing:-.06em;color:rgba(255,255,255,.9);z-index:3}.grid-section,.comments{padding:64px 5vw}.section-head{max-width:900px;margin-bottom:26px}.section-head h2,.match-preview h2,.timeline h2,.comments h2,.cta h2{font-size:clamp(1.8rem,3.5vw,3.3rem);line-height:1.05;margin:0 0 12px;letter-spacing:-.04em}.section-head p,.match-preview p,.timeline li,.cta p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.match-preview,.timeline,.comment-card,.cta{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid var(--line);box-shadow:var(--shadow)}.card{border-radius:18px;min-height:230px;padding:24px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.card:hover{transform:translateY(-6px);border-color:rgba(255,33,74,.55);background:linear-gradient(145deg,rgba(255,33,74,.16),rgba(255,255,255,.045))}.card h3{margin:4px 0 10px;font-size:1.35rem}.card p{color:var(--muted)}.icon{font-size:2.1rem}.match-preview,.timeline,.cta{margin:24px 5vw;padding:36px;border-radius:24px}.timeline ol{padding-left:22px}.hot-strip{margin:0;padding:18px 5vw;background:#0b0c0f;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);display:flex;gap:34px;flex-wrap:wrap;align-items:center}.hot-strip strong{color:var(--red);text-transform:uppercase}.hot-strip span{color:#eee}.comments{display:grid;gap:16px}.comment-card{border-radius:16px;padding:18px}.comment-card p{margin:0}.cta{text-align:center;background:linear-gradient(135deg,rgba(255,33,74,.18),rgba(4,118,255,.14),rgba(255,42,163,.14))}.footer{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:42px 5vw;background:#08090b;border-top:1px solid rgba(255,255,255,.1)}.footer p{color:var(--muted)}.footer-links{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.footer-links a{text-decoration:none;color:#eee;border:1px solid var(--line);border-radius:999px;padding:8px 10px}.rise-in{animation:rise .5s ease both}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:980px){.menu-toggle{display:block}.nav{position:absolute;left:5vw;right:5vw;top:74px;display:none;flex-direction:column;align-items:stretch;background:rgba(13,14,17,.98);border:1px solid var(--line);border-radius:18px;padding:14px}.nav.open{display:flex}.nav a{padding:12px 14px}.split-hero{grid-template-columns:1fr}.hero-copy:after{display:none}.athlete-panel{min-height:360px}.trust-row{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}@media(max-width:560px){.site-header{padding:14px 4vw}.brand{font-size:1.25rem}.hero-copy,.grid-section,.comments{padding-left:4vw;padding-right:4vw}.hero h1{font-size:3rem}.hero-actions{flex-direction:column}.btn{width:100%}.trust-row{grid-template-columns:1fr}.match-preview,.timeline,.cta{margin-left:4vw;margin-right:4vw;padding:24px}.hot-strip{padding-left:4vw;padding-right:4vw}}