body{background:radial-gradient(circle at 8% 4%,color-mix(in srgb,var(--brand-2) 15%,transparent),transparent 26rem),radial-gradient(circle at 92% 16%,color-mix(in srgb,var(--brand) 10%,transparent),transparent 30rem),var(--bg)}.site-header{box-shadow:0 1px 0 color-mix(in srgb,var(--line) 60%,transparent)}.nav{min-height:82px}.brand img{background:#fff;padding:3px;box-shadow:0 5px 18px rgba(15,107,71,.16)}.hero{padding:92px 0 70px;position:relative}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--line) 28%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 28%,transparent) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 82%);opacity:.5}.hero h1{font-weight:950}.lead{max-width:620px}.btn{box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 20%,transparent);transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px color-mix(in srgb,var(--brand) 27%,transparent)}.btn.secondary{box-shadow:0 10px 25px rgba(23,32,24,.06)}.hero-card{border:1px solid rgba(255,255,255,.12);box-shadow:0 34px 70px rgba(5,35,23,.28);isolation:isolate}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 38%);pointer-events:none}.score-top span:first-child{display:flex;align-items:center;gap:7px}.score-top span:first-child:before{content:"";width:7px;height:7px;border-radius:50%;background:#ff765c;box-shadow:0 0 0 5px rgba(255,118,92,.14)}.team-mark{font-weight:900;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.match strong{display:block;margin-top:10px}.score small{font-size:12px;font-weight:600;color:#b8c8bf}.match-meta{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding:13px 15px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.06);color:#c9d8cf;font-size:12px}.strip{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(23,32,24,.08)}.section:nth-of-type(4){background:color-mix(in srgb,var(--surface) 58%,transparent);border-block:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.feature{position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.feature:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-46px;bottom:-46px;background:color-mix(in srgb,var(--brand-2) 18%,transparent)}.feature:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--brand) 42%,var(--line));box-shadow:0 22px 42px rgba(23,32,24,.09)}.feature.wide:after{background:rgba(216,244,91,.22)}.principle{background:color-mix(in srgb,var(--surface) 60%,transparent);border-radius:0 0 18px 18px;padding:22px 20px}.footer{background:color-mix(in srgb,var(--surface) 72%,transparent)}.footer-grid>div:first-child{max-width:460px}.prose{box-shadow:0 22px 48px rgba(23,32,24,.06)}@media(max-width:900px){.hero{padding-top:64px}.hero-card{min-height:390px}.match-meta{margin-top:18px}}@media(max-width:680px){.nav{min-height:70px}.hero{padding:50px 0 58px}.hero h1{font-size:50px}.hero-card{min-height:350px}.hero-card:before{width:220px;height:220px;right:-86px;bottom:-72px}.match-meta{width:58%;font-size:11px;padding:10px}.match-meta span:last-child{display:none}.live-tag{right:18px;bottom:18px}.feature:hover{transform:none}}@media(prefers-reduced-motion:reduce){.btn,.feature{transition:none}.btn:hover,.feature:hover{transform:none}}