/* Shared multi-page shell */
.topbar--site { display: grid; grid-template-columns: auto 1fr auto; gap: 34px; justify-content: initial; }
.site-nav { display: flex; align-items: center; justify-content: center; gap: 7px; }
.site-nav__link { position: relative; padding: 9px 12px; color: #91a7b0; text-decoration: none; font: 9px var(--mono); letter-spacing: .055em; transition: color .22s ease; }
.site-nav__link::after { content: ""; position: absolute; right: 12px; bottom: 4px; left: 12px; height: 1px; background: var(--lime); transform: scaleX(0); transform-origin: right; transition: transform .25s ease; }
.site-nav__link:hover, .site-nav__link--active { color: #edf9f5; }
.site-nav__link:hover::after, .site-nav__link--active::after { transform: scaleX(1); transform-origin: left; }
.header-actions { display: flex; align-items: center; justify-content: flex-end; min-width: 196px; }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 0; border: 1px solid rgba(211, 247, 241, .2); background: rgba(6, 21, 35, .52); cursor: pointer; }
.menu-toggle span { display: block; width: 15px; height: 1px; margin: 5px auto; background: var(--lime); transition: transform .2s ease; }
.menu-toggle.is-open span:first-child { transform: translateY(3px) rotate(45deg); }
.menu-toggle.is-open span:last-child { transform: translateY(-3px) rotate(-45deg); }
.footer--site { grid-template-columns: auto 1fr auto; gap: 30px; }
.footer-pages { display: flex; align-items: center; justify-content: center; gap: 20px; }
.footer-pages a { color: #8fa5ae; text-decoration: none; font: 8px var(--mono); letter-spacing: .06em; transition: color .2s; }
.footer-pages a:hover { color: var(--lime); }
.footer--site .footer-center { text-align: right; }
.page-toast { bottom: 78px; max-width: min(460px, calc(100% - 36px)); text-align: center; }
.subpage main { position: relative; overflow: hidden; }
.subpage h1, .subpage h2 { font-family: var(--display); }
.subpage h1 em, .subpage h2 em { color: var(--lime); font-family: inherit; font-style: normal; }
.subpage .section-tag { color: #95aeb7; }
.subpage .section-tag span { color: var(--lime); }
.subpage .ad-disclosure { font-size: 8px; line-height: 1.85; letter-spacing: .03em; }
.mobile-break { display: none; }

/* Home: product navigation hub */
.route-hub { padding: 112px 0 125px; }
.route-hub__heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 39px; }
.route-hub h2 { margin: 34px 0 0; font-size: clamp(39px, 5vw, 66px); line-height: .96; letter-spacing: -.11em; }
.route-hub h2 em { color: var(--cyan); }
.route-hub__grid { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 13px; }
.route-card { position: relative; min-height: 305px; padding: 20px; overflow: hidden; display: flex; flex-direction: column; color: #ecf7f5; text-decoration: none; background: #0e2437; border: 1px solid rgba(155, 228, 239, .19); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 18px 35px rgba(0,0,0,.15); transition: transform .45s cubic-bezier(.16,.8,.23,1), box-shadow .45s, border-color .45s; }
.route-card::before { content: ""; position: absolute; z-index: 0; width: 120%; aspect-ratio: 1; right: -46%; bottom: -66%; border-radius: 50%; border: 1px solid rgba(255,255,255,.14); transition: transform .65s cubic-bezier(.16,.8,.23,1); }
.route-card:hover { z-index: 1; border-color: rgba(217,255,91,.62); transform: translateY(-10px) rotate(-.6deg); box-shadow: 0 29px 50px rgba(0,0,0,.3); }
.route-card:hover::before { transform: scale(1.22) rotate(40deg); }
.route-card__number, .route-card__action { position: relative; z-index: 1; font: 9px var(--mono); letter-spacing: .06em; }
.route-card__number { color: #b6cbd0; }.route-card strong { position: relative; z-index: 1; margin: auto 0 21px; font: 600 clamp(24px, 3vw, 38px)/.96 var(--display); letter-spacing: -.12em; }.route-card__action { display: flex; justify-content: space-between; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.28); color: #eaf7f3; }.route-card__action b { font: 18px var(--sans); transition: transform .25s; }.route-card:hover .route-card__action b { transform: translate(4px,-4px); }
.route-card--matches { background: linear-gradient(135deg, #056e91, #073455 75%); }.route-card--offers { background: linear-gradient(135deg, #3c2d9a, #1a195e 75%); }.route-card--guide { background: linear-gradient(135deg, #305632, #112e2d 75%); }
.route-card--matches::after { content: "✦"; position: absolute; right: 22px; top: 32px; color: var(--lime); font-size: 26px; animation: cardSpark 3.2s ease-in-out infinite; }.route-card--offers::after { content: "04"; position: absolute; right: 16px; top: 17px; color: rgba(255,255,255,.15); font: 800 76px/.8 var(--display); letter-spacing: -.15em; }.route-card--guide::after { content: "↗"; position: absolute; right: 17px; top: 15px; color: var(--lime); font: 62px/.9 var(--sans); }
.route-card__orb { position: absolute; width: 118px; height: 118px; right: 21px; top: 68px; border: 1px solid rgba(217,255,91,.67); border-radius: 50%; box-shadow: inset 0 0 0 18px rgba(91,225,255,.11); animation: orbitSpin 12s linear infinite; }.route-card__squares { position: absolute; right: 24px; top: 72px; width: 122px; height: 102px; transform: rotate(-13deg); }.route-card__squares i { position: absolute; display: block; width: 65px; height: 65px; border: 1px solid rgba(217,255,91,.7); }.route-card__squares i:nth-child(1) { left: 0; top: 17px; }.route-card__squares i:nth-child(2) { left: 28px; top: 0; border-color: rgba(94,231,255,.7); }.route-card__squares i:nth-child(3) { left: 56px; top: 23px; border-color: rgba(255,255,255,.45); }.route-card__line { position: absolute; top: 46%; right: -14%; width: 135%; height: 1px; background: var(--lime); transform: rotate(-26deg); box-shadow: 0 0 28px rgba(217,255,91,.6); }

/* Offers */
.page-hero { display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 9%; min-height: 640px; padding: 48px 0 88px; }
.page-hero__copy { position: relative; z-index: 1; animation: revealUp .72s cubic-bezier(.2,.76,.18,1) both; }.page-hero h1 { margin: 31px 0 27px; font-size: clamp(54px, 7.9vw, 109px); line-height: .91; letter-spacing: -.13em; }.page-hero h1 em { color: var(--coral); text-shadow: 0 0 28px rgba(255,107,92,.22); }.page-hero__copy p { max-width: 450px; margin: 0 0 31px; color: #b2c4cb; font-size: 14px; line-height: 1.82; }
.offer-hero-art { position: relative; min-height: 407px; overflow: hidden; border: 1px solid rgba(255,255,255,.17); background: radial-gradient(circle at 20% 21%, rgba(255,163,89,.62), transparent 25%), linear-gradient(145deg, #f04a45, #741e48 57%, #261e65); box-shadow: 0 30px 80px rgba(0,0,0,.28); transform: rotate(1.8deg); animation: heroFloat 7s ease-in-out infinite; }.offer-hero-art::after { content: ""; position: absolute; inset: 16px; border: 1px solid rgba(255,255,255,.23); }.offer-hero-art__ring { position: absolute; left: 50%; top: 50%; width: 74%; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; transform: translate(-50%,-50%) rotateX(65deg); }.ring-a { animation: orbitSpin 14s linear infinite; }.ring-b { width: 47%; border-color: var(--lime); animation: orbitSpin 8s linear infinite reverse; }.offer-hero-art__label { position: absolute; left: 28px; top: 27px; color: rgba(255,255,255,.72); font: 9px/1.75 var(--mono); letter-spacing: .08em; }.offer-hero-art__label b { color: var(--lime); font-weight: 400; }.offer-hero-art strong { position: absolute; z-index: 1; left: 50%; top: 50%; color: white; text-align: center; font: 700 clamp(34px,5vw,66px)/.89 var(--display); letter-spacing: -.14em; transform: translate(-50%,-50%) rotate(-7deg); text-shadow: 0 10px 34px rgba(54,0,28,.4); }.offer-hero-art strong i { color: var(--lime); font-style: normal; }.offer-hero-art__dash { position: absolute; right: 35px; bottom: 35px; width: 76px; height: 10px; background: var(--lime); transform: rotate(-18deg); }
.principles { padding: 42px 0 57px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.principles__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 41px; }.principles article { padding: 0 34px; border-left: 1px solid var(--line); }.principles article:first-child { padding-left: 0; border-left: 0; }.principles article span { color: var(--lime); font: 10px var(--mono); }.principles h2 { margin: 20px 0 12px; font-size: 25px; letter-spacing: -.1em; }.principles p { max-width: 270px; margin: 0; color: #9eb2ba; font-size: 12px; line-height: 1.75; }
.offers-stage { padding: 110px 0 120px; }.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 60px; margin-bottom: 48px; }.section-heading h2 { margin: 33px 0 0; font-size: clamp(42px, 5.3vw, 70px); line-height: .94; letter-spacing: -.12em; }.section-heading h2 em { color: var(--cyan); }.section-heading > p { max-width: 360px; margin: 0; color: #a9bec5; font-size: 12px; line-height: 1.75; }
.offer-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; perspective: 1400px; }.offer-tile { position: relative; min-height: 360px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 18px; color: var(--tile-ink); border: 1px solid rgba(255,255,255,.2); background: var(--tile-bg); cursor: pointer; appearance: none; border-radius: 0; text-align: left; box-shadow: inset 0 1px rgba(255,255,255,.2), 0 16px 33px rgba(0,0,0,.2); transition: transform .45s cubic-bezier(.16,.8,.23,1), box-shadow .4s, filter .35s; }.offer-tile::before { content: ""; position: absolute; z-index: 0; width: 140%; aspect-ratio: 1; left: -29%; top: -30%; border-radius: 37% 63% 61% 39% / 40% 42% 58% 60%; background: linear-gradient(140deg, rgba(255,255,255,.34), transparent 56%); transition: transform .7s cubic-bezier(.16,.8,.23,1); }.offer-tile:hover, .offer-tile.is-selected { z-index: 1; transform: translateY(-11px) rotateX(4deg); filter: saturate(1.12); box-shadow: 0 30px 52px rgba(0,0,0,.35); }.offer-tile:hover::before, .offer-tile.is-selected::before { transform: rotate(55deg) scale(1.14); }.offer-tile.is-selected { box-shadow: 0 0 0 3px var(--lime), 0 30px 52px rgba(0,0,0,.35); }.offer-tile:focus-visible { outline: 3px solid var(--cyan); outline-offset: 4px; }.offer-tile--betboom { --tile-bg: linear-gradient(145deg, #ff8355, #e62b35 69%, #a91a3a); --tile-ink: #fffaf1; }.offer-tile--fonbet { --tile-bg: linear-gradient(145deg, #f0142b, #a7082a 66%, #630c25); --tile-ink: #fffafa; }.offer-tile--winline { --tile-bg: linear-gradient(145deg, #d9ff4c, #a2dc28 67%, #699b1e); --tile-ink: #06131f; }.offer-tile--pari { --tile-bg: linear-gradient(145deg, #8a72ff, #4b3ede 62%, #2a247a); --tile-ink: #f8f5ff; }.offer-tile__top, .offer-tile > span:last-child { position: relative; z-index: 1; display: flex; justify-content: space-between; font: 9px var(--mono); letter-spacing: .06em; }.offer-tile__top i { font: 20px var(--sans); font-style: normal; animation: cardSpark 3s ease-in-out infinite; }.offer-tile strong { position: relative; z-index: 1; margin-top: auto; font: 800 clamp(22px,2.7vw,37px)/.9 var(--display); letter-spacing: -.15em; }.offer-tile--betboom strong b { color: white; }.offer-tile--winline strong { font-family: var(--sans); font-size: clamp(26px,3vw,41px); font-style: italic; text-transform: none; }.offer-tile--winline strong b { display: inline-grid; width: .87em; height: .87em; margin-right: .04em; place-items: center; color: var(--lime); background: #071521; border-radius: 50% 50% 10% 50%; }.offer-tile--pari strong span { color: var(--lime); }.offer-tile > span:last-child { margin-top: 23px; padding-top: 14px; border-top: 1px solid currentColor; }.offer-tile > span:last-child b { font: 18px var(--sans); }.offer-tile:hover > span:last-child b { transform: translate(4px,-4px); }.offer-tile__mark { position: absolute; z-index: 0; right: 19px; top: 64px; opacity: .35; }.mark-slash { width: 120px; height: 120px; border: 2px solid currentColor; transform: rotate(35deg); }.mark-circle { width: 133px; height: 133px; border: 2px dashed currentColor; border-radius: 50%; animation: orbitSpin 14s linear infinite; }.mark-wave { width: 135px; height: 76px; border-top: 14px solid currentColor; border-radius: 50%; transform: rotate(-24deg); }.mark-cross { width: 120px; height: 120px; background: linear-gradient(45deg, transparent 45%, currentColor 46% 54%, transparent 55%), linear-gradient(-45deg, transparent 45%, currentColor 46% 54%, transparent 55%); }
.offer-panel { margin-top: 17px; padding: 20px 23px 23px; border: 1px solid rgba(152,229,238,.18); background: linear-gradient(110deg, rgba(15,39,59,.91), rgba(9,22,38,.91)); }.offer-panel__signal { display: flex; align-items: center; gap: 9px; padding-bottom: 15px; border-bottom: 1px solid rgba(188,231,231,.13); color: #9eb5bd; font: 9px var(--mono); letter-spacing: .07em; }.offer-panel__signal span { width: 7px; height: 7px; border-radius: 50%; background: #607983; transition: .25s; }.offer-panel.is-ready .offer-panel__signal span { background: var(--lime); box-shadow: 0 0 13px var(--lime); }.offer-panel__body { display: flex; align-items: end; justify-content: space-between; gap: 30px; padding-top: 20px; }.offer-panel__body > div > strong { color: var(--lime); font: 600 15px var(--display); letter-spacing: -.1em; }.offer-panel__body p { max-width: 620px; margin: 8px 0 0; color: #a9bec5; font-size: 12px; line-height: 1.75; }.offer-panel .selection-cta { flex: 0 0 284px; }
.next-stop { display: flex; align-items: end; justify-content: space-between; gap: 60px; padding: 46px 0 55px; border-top: 1px solid var(--line); }.next-stop h2 { margin: 29px 0 0; font-size: clamp(33px,4.5vw,59px); line-height: .97; letter-spacing: -.12em; }.next-stop h2 em { color: var(--cyan); }.next-stop__link { display: flex; align-items: center; gap: 34px; color: #effaf6; text-decoration: none; font: 10px var(--mono); letter-spacing: .07em; }.next-stop__link b { display: grid; width: 58px; aspect-ratio: 1; place-items: center; color: #06111d; background: var(--lime); font: 27px var(--sans); transition: transform .25s; }.next-stop__link:hover b { transform: rotate(45deg); }

/* Match center */
.match-hero { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: 13%; min-height: 620px; padding: 44px 0 81px; }.match-hero__copy { animation: revealUp .72s cubic-bezier(.2,.76,.18,1) both; }.match-hero h1 { margin: 31px 0 25px; font-size: clamp(56px,8vw,110px); line-height: .89; letter-spacing: -.13em; }.match-hero h1 em { color: var(--cyan); }.match-hero__copy p { max-width: 439px; color: #aec2c9; font-size: 13px; line-height: 1.85; }
.scoreboard { position: relative; overflow: hidden; min-height: 390px; padding: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #f2fffc; border: 1px solid rgba(135,225,246,.35); background: radial-gradient(circle at 52% 44%, rgba(61,207,241,.24), transparent 24%), linear-gradient(136deg, #104e6b, #0a203c 70%); box-shadow: 0 31px 85px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.15); transform: rotate(-1.2deg); animation: heroFloat 7.5s ease-in-out infinite; }.scoreboard::before, .scoreboard::after { content: ""; position: absolute; inset: 15px; border: 1px solid rgba(213,255,255,.16); }.scoreboard::after { inset: 29px; transform: rotate(45deg) scale(.89); }.scoreboard__label, .scoreboard__foot { position: absolute; z-index: 1; color: #bde8ec; font: 9px var(--mono); letter-spacing: .08em; }.scoreboard__label { top: 27px; left: 29px; }.scoreboard__time { position: relative; z-index: 1; font: 700 clamp(52px,8vw,99px)/.85 var(--display); letter-spacing: -.16em; }.scoreboard__time span { color: var(--lime); animation: pulseDot 1s infinite; }.scoreboard__teams { position: relative; z-index: 1; display: flex; gap: 16px; margin-top: 23px; align-items: center; font: 600 13px var(--display); letter-spacing: -.07em; }.scoreboard__teams i { color: var(--lime); font-style: normal; }.scoreboard__foot { right: 29px; bottom: 26px; left: 29px; display: flex; justify-content: space-between; }.scoreboard__beam { position: absolute; width: 33%; height: 150%; top: -25%; background: linear-gradient(90deg, transparent, rgba(196,252,255,.25), transparent); transform: rotate(30deg); animation: beamSweep 7s ease-in-out infinite; }.beam-one { left: -31%; }.beam-two { right: -28%; animation-delay: -3.5s; }
.match-stream { padding: 110px 0 113px; }.match-stream__head { display: flex; align-items: end; justify-content: space-between; gap: 40px; }.match-stream h2 { margin: 32px 0 0; font-size: clamp(43px,5.5vw,72px); line-height: .95; letter-spacing: -.12em; }.match-stream h2 em { color: var(--coral); }.match-filters { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; max-width: 525px; }.match-filters button { min-height: 38px; padding: 0 13px; color: #98adb6; border: 1px solid rgba(183,231,233,.17); background: rgba(13,35,53,.46); font: 9px var(--mono); letter-spacing: .04em; cursor: pointer; transition: .2s; }.match-filters button:hover, .match-filters button.is-active { color: #06111c; border-color: var(--lime); background: var(--lime); }.filter-status { margin: 39px 0 13px; color: #8ca4ad; font: 9px var(--mono); letter-spacing: .07em; }.match-list { border-top: 1px solid var(--line); }.match-card { display: grid; grid-template-columns: .68fr .8fr 1.25fr auto; align-items: center; gap: 28px; min-height: 112px; padding: 20px 0; color: #eaf8f5; border-bottom: 1px solid var(--line); transition: background .25s, padding .25s; }.match-card:hover { padding-inline: 17px; background: rgba(91,225,255,.05); }.match-card__date { display: grid; gap: 7px; font: 9px var(--mono); letter-spacing: .05em; }.match-card__date b { color: var(--lime); font-weight: 500; }.match-card__date span { color: #a9bdc5; }.match-card__sport { display: flex; align-items: center; gap: 12px; color: #9cb2bc; font: 9px var(--mono); letter-spacing: .05em; }.match-card__sport i { display: grid; width: 32px; aspect-ratio: 1; place-items: center; color: var(--cyan); border: 1px solid rgba(91,225,255,.4); border-radius: 50%; font-style: normal; }.match-card__teams { display: flex; align-items: center; gap: 17px; font: 600 18px var(--display); letter-spacing: -.1em; }.match-card__teams em { color: var(--coral); font-style: normal; }.match-card__reminder { min-height: 37px; padding: 0 13px; color: #b5cbd0; border: 1px solid rgba(187,236,235,.2); background: transparent; font: 9px var(--mono); letter-spacing: .04em; cursor: pointer; transition: .2s; }.match-card__reminder:hover, .match-card__reminder.is-saved { color: #07141f; border-color: var(--lime); background: var(--lime); }
.match-note { display: grid; grid-template-columns: auto 1.2fr .7fr auto; align-items: center; gap: 34px; padding: 44px 0 47px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.match-note__symbol { display: grid; width: 65px; aspect-ratio: 1; place-items: center; color: var(--lime); border: 1px solid rgba(217,255,91,.4); border-radius: 50%; font-size: 26px; animation: cardSpark 5s linear infinite; }.match-note h2 { margin: 25px 0 0; font-size: clamp(27px,3.3vw,42px); line-height: .98; letter-spacing: -.12em; }.match-note h2 em { color: var(--cyan); }.match-note p { margin: 0; color: #9db2bb; font-size: 11px; line-height: 1.75; }.match-note .button { min-width: 165px; }

/* Guide */
.guide-hero { position: relative; display: grid; grid-template-columns: 1.05fr .55fr .58fr; align-items: end; gap: 6%; min-height: 627px; padding: 46px 0 81px; }.guide-hero h1 { margin: 31px 0 0; font-size: clamp(53px,7.6vw,104px); line-height: .89; letter-spacing: -.14em; }.guide-hero h1 em { color: var(--violet); text-shadow: 0 0 30px rgba(145,119,255,.24); }.guide-hero__copy { padding-bottom: 11px; }.guide-hero__copy p { margin: 0 0 25px; color: #adc0c7; font-size: 13px; line-height: 1.82; }.text-link { display: inline-flex; gap: 20px; padding-bottom: 9px; color: #effaf6; border-bottom: 1px solid rgba(217,255,91,.55); text-decoration: none; font: 9px var(--mono); letter-spacing: .06em; transition: color .2s; }.text-link:hover { color: var(--lime); }.text-link b { color: var(--lime); font: 18px var(--sans); }.guide-shape { position: relative; min-height: 270px; overflow: hidden; border: 1px solid rgba(168,151,255,.36); background: linear-gradient(145deg, #383071, #161b45 70%); box-shadow: 0 24px 65px rgba(0,0,0,.28); transform: rotate(2deg); }.guide-shape::before { content: ""; position: absolute; width: 200%; height: 1px; top: 50%; left: -49%; background: var(--lime); transform: rotate(-33deg); box-shadow: 0 0 20px rgba(217,255,91,.48); }.guide-shape span { position: absolute; z-index: 1; right: 18px; bottom: 18px; color: var(--lime); font: 600 20px var(--display); letter-spacing: -.12em; transform: rotate(-9deg); }.guide-shape i { position: absolute; display: block; width: 85px; height: 85px; border: 1px solid rgba(255,255,255,.42); border-radius: 50%; }.guide-shape i:nth-child(2) { left: 21px; top: 21px; }.guide-shape i:nth-child(3) { left: 51px; top: 61px; border-color: var(--lime); }.guide-shape i:nth-child(4) { left: 92px; top: 25px; border-color: var(--cyan); }
.guide-editorial { padding: 111px 0 118px; }.guide-articles { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; margin-top: 43px; }.guide-article { position: relative; min-height: 294px; padding: 24px; overflow: hidden; border: 1px solid rgba(160,228,237,.16); background: linear-gradient(145deg, rgba(19,45,64,.85), rgba(10,25,41,.86)); box-shadow: inset 0 1px rgba(255,255,255,.08); }.guide-article--wide { grid-row: span 2; min-height: 601px; background: linear-gradient(145deg, #12374a, #17224a 72%); }.guide-article--accent { background: linear-gradient(145deg, #53672f, #213a33 70%); }.guide-article > span { color: var(--lime); font: 10px var(--mono); }.guide-article h2 { position: relative; z-index: 1; margin: 49px 0 18px; font-size: clamp(27px,3.4vw,46px); line-height: .94; letter-spacing: -.12em; }.guide-article h2 em { color: var(--cyan); }.guide-article--accent h2 em { color: var(--lime); }.guide-article p { position: relative; z-index: 1; max-width: 370px; margin: 0; color: #afc3ca; font-size: 12px; line-height: 1.82; }.article-orbit { position: absolute; width: 345px; aspect-ratio: 1; right: -61px; bottom: -76px; border: 1px solid rgba(217,255,91,.35); border-radius: 50%; box-shadow: inset 0 0 0 36px rgba(91,225,255,.07), inset 0 0 0 85px rgba(217,255,91,.05); animation: orbitSpin 17s linear infinite; }
.guide-checklist { display: grid; grid-template-columns: .75fr 1.25fr; gap: 11%; padding: 66px 0 73px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.guide-checklist h2 { margin: 31px 0 18px; font-size: clamp(35px,4.7vw,62px); line-height: .95; letter-spacing: -.12em; }.guide-checklist h2 em { color: var(--coral); }.guide-checklist__intro p { max-width: 340px; color: #a8bbc3; font-size: 12px; line-height: 1.8; }.check-items { align-self: center; }.check-items button { width: 100%; min-height: 91px; display: grid; grid-template-columns: 40px 1fr 26px; gap: 12px; align-items: center; padding: 16px 0; color: #dff0ed; border: 0; border-bottom: 1px solid var(--line); background: none; text-align: left; cursor: pointer; transition: color .22s; }.check-items button:first-child { border-top: 1px solid var(--line); }.check-items button:hover, .check-items button.is-checked { color: var(--lime); }.check-items button span { color: #8fa7af; font: 9px var(--mono); }.check-items button b { font: 500 13px/1.55 var(--sans); }.check-items button i { display: grid; place-items: center; width: 24px; aspect-ratio: 1; color: var(--lime); border: 1px solid rgba(217,255,91,.43); border-radius: 50%; font: 18px var(--sans); font-style: normal; transition: transform .25s, background .25s, color .25s; }.check-items button.is-checked i { color: #07131f; background: var(--lime); transform: rotate(45deg); }
.guide-cta { display: grid; grid-template-columns: 1fr .78fr auto; align-items: end; gap: 70px; padding: 96px 0 111px; }.guide-cta h2 { margin: 31px 0 0; font-size: clamp(42px,5.4vw,70px); line-height: .94; letter-spacing: -.12em; }.guide-cta h2 em { color: var(--violet); }.guide-cta > p { max-width: 370px; margin: 0; color: #a8bbc3; font-size: 12px; line-height: 1.8; }.guide-cta .button { min-width: 198px; }

@keyframes beamSweep { 0%,100% { transform: translateX(0) rotate(30deg); opacity: .25; } 50% { transform: translateX(400%) rotate(30deg); opacity: .75; } }

@media (max-width: 1050px) {
  .topbar--site { gap: 18px; }.site-nav__link { padding-inline: 8px; }.header-actions { min-width: auto; }.route-hub__grid { grid-template-columns: 1.1fr 1fr; }.route-card--matches { grid-row: span 2; }.route-card--matches .route-card__orb { top: 90px; }.route-card--matches { min-height: 625px; }.route-card--guide { grid-column: 2; }.offer-tiles { grid-template-columns: repeat(2, 1fr); }.offer-tile { min-height: 299px; }.offer-tile strong { font-size: 40px; }.offer-tile--winline strong { font-size: 43px; }.match-hero { gap: 8%; }.guide-hero { grid-template-columns: 1fr 1fr; gap: 8%; }.guide-shape { display: none; }.match-note { grid-template-columns: auto 1.2fr .75fr; }.match-note .button { grid-column: 2 / -1; justify-self: start; }.guide-cta { gap: 32px; }
}
@media (max-width: 780px) {
  .topbar--site { display: flex; position: relative; gap: 16px; }.site-nav { position: absolute; z-index: 10; top: calc(100% + 10px); right: 0; left: 0; display: grid; gap: 0; padding: 10px; visibility: hidden; opacity: 0; transform: translateY(-8px); border: 1px solid rgba(169,231,239,.22); background: #0b1d30; box-shadow: 0 22px 44px rgba(0,0,0,.35); transition: .2s; }.site-nav.is-open { visibility: visible; opacity: 1; transform: translateY(0); }.site-nav__link { padding: 14px 12px; }.site-nav__link::after { right: auto; bottom: 7px; width: 32px; left: 12px; }.header-actions { margin-left: auto; }.header-actions .top-note { display: none; }.menu-toggle { display: block; }.footer--site { grid-template-columns: 1fr auto; row-gap: 22px; }.footer-pages { justify-content: flex-end; gap: 13px; }.footer--site .footer-center { display: none; }.footer--site .footer-disclaimer { margin-top: 0; }.page-hero, .match-hero { grid-template-columns: 1fr; gap: 42px; padding-top: 62px; }.page-hero { min-height: 0; }.offer-hero-art { min-height: 337px; }.principles__grid { gap: 25px; }.principles article { padding: 0 20px; }.offer-panel__body { align-items: flex-start; flex-direction: column; }.offer-panel .selection-cta { width: 100%; flex-basis: auto; }.match-hero { min-height: 0; }.scoreboard { width: min(530px, 100%); min-height: 347px; justify-self: center; }.match-stream__head { align-items: flex-start; flex-direction: column; }.match-filters { justify-content: flex-start; }.match-card { grid-template-columns: .7fr 1.4fr auto; gap: 17px; }.match-card__sport { display: none; }.match-note { grid-template-columns: auto 1fr; }.match-note p { grid-column: 2; }.match-note .button { grid-column: 2; }.guide-hero { grid-template-columns: 1fr; gap: 29px; min-height: 0; padding-top: 62px; }.guide-hero__copy { max-width: 470px; }.guide-editorial { padding-top: 85px; }.guide-checklist { grid-template-columns: 1fr; gap: 34px; }.guide-cta { grid-template-columns: 1fr 1fr; gap: 32px; }.guide-cta .button { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 560px) {
  .route-hub { padding: 77px 0 84px; }.route-hub__heading { display: block; margin-bottom: 29px; }.route-hub h2 { margin-top: 27px; font-size: 38px; }.route-hub__grid { grid-template-columns: 1fr; gap: 10px; }.route-card--matches { grid-row: auto; min-height: 276px; }.route-card--guide { grid-column: auto; }.route-card { min-height: 244px; }.route-card strong { font-size: 29px; }.route-card__orb { top: 57px; }.page-hero h1, .match-hero h1, .guide-hero h1 { font-size: clamp(49px, 14.6vw, 75px); }.offers-page .page-hero h1 { font-size: clamp(44px, 13.2vw, 64px); letter-spacing: -.135em; }.mobile-break { display: initial; }.page-hero__copy p { font-size: 13px; }.offer-hero-art { min-height: 280px; }.offer-hero-art strong { font-size: 37px; }.principles { padding: 31px 0 37px; }.principles__grid { grid-template-columns: 1fr; margin-top: 28px; gap: 19px; }.principles article, .principles article:first-child { padding: 0 0 19px; border: 0; border-bottom: 1px solid var(--line); }.principles article:last-child { padding-bottom: 0; border-bottom: 0; }.principles h2 { margin: 12px 0 6px; }.offers-stage { padding: 75px 0 80px; }.section-heading { display: block; margin-bottom: 31px; }.section-heading h2 { margin: 27px 0 18px; font-size: 41px; }.section-heading > p { font-size: 11px; }.offer-tiles { gap: 10px; }.offer-tile { min-height: 240px; padding: 14px; }.offer-tile strong { font-size: clamp(21px, 9vw, 32px); }.offer-tile--winline strong { font-size: clamp(23px, 9.5vw, 34px); }.offer-tile__mark { transform: scale(.75); transform-origin: top right; }.offer-tile > span:last-child { font-size: 7px; }.offer-panel { padding: 17px 16px 18px; }.offer-panel__body { gap: 17px; }.offer-panel__body > div > strong { font-size: 12px; }.offer-panel__body p { font-size: 11px; }.next-stop { align-items: flex-start; flex-direction: column; gap: 26px; padding: 36px 0 44px; }.next-stop h2 { margin-top: 22px; font-size: 36px; }.match-hero { padding-top: 55px; padding-bottom: 63px; }.scoreboard { min-height: 301px; }.scoreboard__time { font-size: 61px; }.match-stream { padding: 73px 0 74px; }.match-stream h2 { font-size: 41px; }.match-filters { gap: 6px; }.match-filters button { padding-inline: 10px; }.filter-status { margin-top: 28px; }.match-card { grid-template-columns: .65fr 1fr; gap: 10px; min-height: 137px; }.match-card__teams { gap: 9px; font-size: 14px; }.match-card__reminder { grid-column: 2; justify-self: start; }.match-card:hover { padding-inline: 7px; }.match-note { grid-template-columns: 1fr; gap: 18px; padding: 35px 0; }.match-note__symbol { width: 49px; }.match-note p, .match-note .button { grid-column: auto; }.match-note h2 { margin-top: 19px; font-size: 30px; }.guide-hero { padding-top: 57px; padding-bottom: 66px; }.guide-editorial { padding: 74px 0 79px; }.guide-articles { grid-template-columns: 1fr; gap: 10px; margin-top: 31px; }.guide-article, .guide-article--wide { min-height: 245px; grid-row: auto; padding: 20px; }.guide-article--wide { min-height: 342px; }.guide-article h2 { margin-top: 37px; font-size: 33px; }.guide-checklist { padding: 52px 0 56px; }.guide-checklist h2 { margin-top: 26px; font-size: 39px; }.check-items button { grid-template-columns: 30px 1fr 22px; min-height: 98px; }.check-items button b { font-size: 11px; }.guide-cta { display: block; padding: 74px 0 77px; }.guide-cta h2 { margin-top: 26px; font-size: 42px; }.guide-cta > p { margin: 22px 0; font-size: 11px; }.footer-pages { gap: 10px; }.footer-pages a { font-size: 7px; }
}
@media (prefers-reduced-motion: reduce) { .route-card, .offer-tile, .site-nav, .menu-toggle span { transition: none !important; } }

/* Current schedule states */
.match-stream__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 39px; }
.match-stream__toolbar .filter-status { margin: 0; }
.match-refresh { min-height: 38px; padding: 0 14px; color: #d9ff4f; border: 1px solid rgba(217,255,91,.46); background: transparent; font: 9px var(--mono); letter-spacing: .05em; cursor: pointer; transition: color .2s, background .2s, border-color .2s; }
.match-refresh:hover:not(:disabled) { color: #07141f; background: var(--lime); }
.match-refresh:disabled { opacity: .55; cursor: wait; }
.match-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 12px 0 14px; color: #7f979f; font: 8px/1.75 var(--mono); letter-spacing: .04em; }
.match-meta span + span { padding-left: 14px; border-left: 1px solid rgba(184,228,230,.18); }
.match-meta a { color: #b9e5e6; text-underline-offset: 3px; }
.match-meta a:hover { color: var(--lime); }
.match-state { display: grid; min-height: 138px; margin: 0; place-items: center start; color: #9eb4bc; border-bottom: 1px solid var(--line); font: 10px/1.75 var(--mono); letter-spacing: .03em; }
.match-list[aria-busy="true"] .match-state::before { content: ""; width: 7px; height: 7px; margin-right: 11px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(217,255,91,.1); animation: pulseDot 1.2s infinite; }
.match-card__sport span { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.match-card__teams { min-width: 0; }
.match-card__teams strong { min-width: 0; overflow-wrap: anywhere; }
.scoreboard__teams { width: 100%; justify-content: center; }
.scoreboard__teams b { max-width: 42%; overflow-wrap: anywhere; text-align: center; }
.match-card { grid-template-columns: minmax(0, .68fr) minmax(0, .8fr) minmax(0, 1.25fr) auto; }
.match-card__date, .match-card__sport { min-width: 0; }
.match-card--russia .match-card__sport i { color: var(--lime); border-color: rgba(217,255,91,.48); }
.match-card--russia .match-card__date b::after { content: " · РОССИЯ"; color: #b7d9a9; }

@media (min-width: 561px) and (max-width: 780px) {
  .match-card { grid-template-columns: minmax(0, .7fr) minmax(0, 1.4fr) auto; }
}

@media (max-width: 560px) {
  .match-stream__toolbar { align-items: flex-start; flex-direction: column; gap: 14px; margin-top: 28px; }
  .match-refresh { min-width: 130px; }
  .match-meta { display: block; margin-top: 13px; }
  .match-meta span { display: block; }
  .match-meta span + span { margin-top: 4px; padding-left: 0; border-left: 0; }
  .match-state { min-height: 128px; font-size: 9px; }
  .scoreboard__teams b { max-width: 44%; }
  .match-card { grid-template-columns: minmax(0, .65fr) minmax(0, 1fr); }
}