:root{--bg:#060a12;--panel:#0d1625;--text:#f5f8fc;--muted:#9aabba;--line:rgba(255,255,255,.10);--cyan:#55dfff;--blue:#566dff;--amber:#ffb24e;--green:#57e6a5;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 5%,rgba(74,105,255,.2),transparent 30rem),radial-gradient(circle at 90% 15%,rgba(50,210,255,.12),transparent 30rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.page{overflow:hidden}.topbar{height:86px;width:min(calc(100% - 40px),var(--max));margin:auto;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center}.mark{display:flex;align-items:center;justify-content:center;width:54px;height:42px;border-radius:13px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));font-weight:950;font-size:17px;letter-spacing:-.05em}.mark{color:var(--cyan)}.mark span{color:#788ba1;margin:0 2px}.brand-text{display:flex;flex-direction:column}.brand-text strong{font-size:16px}.brand-text small{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:3px}.status{display:flex;align-items:center;gap:8px;border:1px solid rgba(87,230,165,.22);border-radius:999px;padding:9px 13px;background:rgba(87,230,165,.06);color:#adf6d3;font-size:10px;font-weight:900;letter-spacing:.12em}.status i,.live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.hero{min-height:calc(100vh - 86px);width:min(calc(100% - 40px),var(--max));margin:auto;display:grid;grid-template-columns:1.02fr .98fr;gap:65px;align-items:center;padding:55px 0 85px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#8fd6ff}.hero h1{font-size:clamp(54px,7vw,96px);line-height:.92;letter-spacing:-.06em;margin:16px 0 24px}.hero h1 span{background:linear-gradient(90deg,#6ce8ff,#8798ff 50%,#ffbd70);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(17px,1.5vw,21px);line-height:1.68;color:#b7c5d3;max-width:690px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{height:52px;padding:0 21px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-size:14px;font-weight:850;border:1px solid var(--line)}.primary{background:linear-gradient(100deg,#397df6,#5b5cff 55%,#865cff);border:0;box-shadow:0 14px 40px rgba(71,86,255,.28)}.secondary{background:rgba(255,255,255,.03)}.pill-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.pill-row span{font-size:11px;color:#8fa2b6;border:1px solid var(--line);border-radius:999px;padding:8px 10px;background:rgba(255,255,255,.025)}
.arena-wrap{position:relative}.glow{position:absolute;inset:12%;filter:blur(70px);background:linear-gradient(135deg,rgba(70,120,255,.28),rgba(255,175,70,.15));border-radius:50%}.arena{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:17px;background:linear-gradient(155deg,rgba(18,29,48,.95),rgba(7,13,22,.97));box-shadow:0 30px 80px rgba(0,0,0,.45)}.arena-head,.arena-foot{display:flex;align-items:center;justify-content:space-between;gap:15px}.arena-head{padding:3px 3px 16px;color:#a5b4c6;font-size:10px;letter-spacing:.12em}.live{display:flex;align-items:center;gap:7px;color:#aef5d5}.teams{display:grid;grid-template-columns:1fr 48px 1fr;gap:10px;align-items:center}.team{padding:17px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.team.blue{box-shadow:inset 0 2px 0 rgba(85,223,255,.65)}.team.orange{box-shadow:inset 0 2px 0 rgba(255,178,78,.65)}.team small{font-size:9px;letter-spacing:.14em;color:#8092a8;font-weight:900}.team h3{margin:5px 0 18px;font-size:16px}.avatars{display:flex}.avatars span{width:41px;height:41px;border-radius:50%;display:grid;place-items:center;background:#111d2f;border:1px solid rgba(255,255,255,.12);margin-right:-6px;font-weight:900}.blue .avatars span:first-child{color:var(--cyan)}.orange .avatars span:last-child{color:var(--amber)}.bar{margin-top:18px;height:6px;border-radius:99px;background:#172235;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue))}.orange .bar i{background:linear-gradient(90deg,var(--amber),#ff7860)}.team p{color:#8193a9;font-size:10px;margin:7px 0 0}.vs{height:48px;width:48px;border-radius:50%;display:grid;place-items:center;background:#0b1422;border:1px solid var(--line);font-size:11px;font-weight:900}.curve{margin-top:13px;padding:14px;border-radius:16px;background:rgba(255,178,78,.06);border:1px solid rgba(255,178,78,.22);display:flex;gap:12px;align-items:center}.bolt{width:40px;height:40px;border-radius:11px;background:rgba(255,178,78,.14);display:grid;place-items:center;color:#ffc273;font-size:20px}.curve b{font-size:10px;color:#ffc273;letter-spacing:.13em}.curve p{margin:4px 0 0;color:#aab8c7;font-size:12px}.arena-foot{padding:14px 5px 2px;color:#6f8196;font-size:9px;font-weight:900;letter-spacing:.18em}
.section,.progress,.cta,footer{width:min(calc(100% - 40px),var(--max));margin:auto}.section{padding:105px 0}.section-head{max-width:770px}.section-head h2,.progress h2,.cta h2{font-size:clamp(38px,4.5vw,62px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 18px}.section-head>p:last-child,.progress>div>p:last-child,.cta p{color:#9fb0c2;line-height:1.7;font-size:16px}.cards{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:42px}.card{grid-column:span 4;min-height:260px;border:1px solid var(--line);border-radius:20px;padding:24px;background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.015));position:relative}.card.wide{grid-column:span 6}.card.featured{background:linear-gradient(145deg,rgba(46,107,241,.16),rgba(83,83,255,.07));box-shadow:inset 0 1px 0 rgba(100,196,255,.22)}.num{position:absolute;right:18px;top:17px;color:#566981;font-size:10px;font-weight:900}.icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;background:#111d30;border:1px solid var(--line);color:#8fe6ff;font-weight:900}.card h3{font-size:21px;margin:43px 0 9px}.card p{font-size:14px;color:#93a5b8;line-height:1.65}.card b{font-size:12px;color:#a5eaff}
.progress{padding:90px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.progress-box{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.02)}.progress-box div{padding:16px 18px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:12px}.progress-box div:last-child{border-bottom:0}.progress-box span{color:#91a3b7}.progress-box b{font-size:9px;letter-spacing:.1em;color:#c6d7e7}.progress-box .done{color:#8df0c1}.cta{margin-top:90px;margin-bottom:90px;padding:38px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(115deg,rgba(62,112,255,.13),rgba(255,171,77,.06));display:flex;justify-content:space-between;align-items:center;gap:35px}.large{white-space:nowrap;padding:0 27px;height:56px}footer{min-height:105px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:center;color:#73869b}footer div{display:flex;flex-direction:column}footer strong{color:#dce7f2}footer small,footer span{font-size:11px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.cards .card,.cards .card.wide{grid-column:span 6}.progress{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}footer{grid-template-columns:1fr;padding:25px 0}.arena-wrap{max-width:680px}}
@media(max-width:620px){.topbar,.hero,.section,.progress,.cta,footer{width:min(calc(100% - 28px),var(--max))}.topbar{height:74px}.status{font-size:8px;padding:8px 9px}.hero{min-height:auto;padding:48px 0 70px}.hero h1{font-size:48px}.actions{display:grid}.btn{width:100%}.teams{grid-template-columns:1fr}.vs{margin:auto}.cards{grid-template-columns:1fr}.cards .card,.cards .card.wide{grid-column:auto}.progress-box div{flex-direction:column;gap:6px}.cta{padding:24px}}