:root{
  --top:58px;
  --side:218px;
  --bg:#050606;
  --bg2:#080909;
  --panel:#101113;
  --panel2:#17191c;
  --panel3:#202327;
  --line:rgba(255,255,255,.08);
  --line2:rgba(255,255,255,.13);
  --accent:#f23a30;
  --accent2:#ff7a24;
  --accent3:#ffb05d;
  --green:#21c96f;
  --yellow:#ffc247;
  --text:#f5f5f5;
  --muted:#a0a4aa;
  --muted2:#696e75;
  --radius:16px;
  --radius2:11px;
  --tr:.22s ease;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 55% 0,rgba(244,58,48,.08),transparent 34%),
    linear-gradient(180deg,#050606 0%,#070808 45%,#050606 100%);
  color:var(--text);
  overflow-x:hidden;
  font-size:14px;
  line-height:1.5;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input{font:inherit;border:0;outline:0;background:transparent;color:inherit;cursor:pointer}
ul{list-style:none}

/* TOPBAR */
.topbar{
  position:sticky;top:0;z-index:700;height:var(--top);
  background:rgba(18,19,21,.96);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  display:flex;align-items:center;gap:18px;padding:0 18px;
}
.topbar-logo{display:flex;align-items:center;flex:0 0 auto;min-width:0}
.topbar-logo-img{width:118px;height:42px;object-fit:contain;object-position:left center}
.topbar-burger{
  width:38px;height:38px;display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;
  border-radius:10px;color:#fff;background:rgba(255,255,255,.04);border:1px solid var(--line);
}
.topbar-burger span{width:18px;height:2px;border-radius:2px;background:currentColor;display:block;transition:transform var(--tr),opacity var(--tr)}
.topbar-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.topbar-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.topbar-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.topbar-nav{min-width:0;flex:1;overflow:hidden}
.topbar-menu{display:flex;align-items:center;gap:20px;white-space:nowrap;min-width:0}
.topbar-menu li{display:flex;align-items:center;min-width:0;flex:0 0 auto}
.topbar-nav a,
.topbar-nav .nav-link{
  display:flex;align-items:center;gap:7px;height:var(--top);
  color:rgba(255,255,255,.74);font-size:14px;font-weight:650;line-height:1;
  transition:color var(--tr),background var(--tr);
}
.topbar-nav a:hover,
.topbar-nav .nav-link:hover,
.topbar-nav .active,
.topbar-nav .is-active{color:#fff}
.topbar-nav svg,.topbar-nav img{width:16px;height:16px;flex:0 0 16px}
.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:9px;flex:0 0 auto}
.topbar-bonus{font-size:12px;color:rgba(255,255,255,.72);font-weight:650;white-space:nowrap;transition:color var(--tr)}
.topbar-bonus:hover{color:#fff}
.btn-register,.btn-login{display:inline-flex;align-items:center;justify-content:center;height:36px;border-radius:7px;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.03em;white-space:nowrap;transition:transform var(--tr),opacity var(--tr),border-color var(--tr),background var(--tr)}
.btn-register{padding:0 18px;background:linear-gradient(135deg,var(--accent),#ff2d22);box-shadow:0 10px 22px rgba(242,58,48,.24);color:#fff}
.btn-login{padding:0 15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.22);color:#fff}
.btn-register:hover,.btn-login:hover{transform:translateY(-1px);opacity:.94}.btn-login:hover{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.055)}

/* SIDEBAR */
.sidebar{
  position:fixed;top:var(--top);left:0;bottom:0;width:var(--side);
  background:rgba(16,17,19,.98);border-right:1px solid var(--line);
  z-index:650;overflow-y:auto;overflow-x:hidden;
}
.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:4px}
.snav{padding:10px 10px 18px}.snav ul{display:flex;flex-direction:column;gap:2px}
.snav-link,
.snav .nav-link,
.snav li>a:not(.snav-link){
  position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:38px;
  padding:0 10px;border-radius:10px;color:rgba(255,255,255,.73);font-size:13px;font-weight:650;
  transition:background var(--tr),color var(--tr),transform var(--tr);
}
.snav-link:hover,
.snav .nav-link:hover,
.snav li>a:not(.snav-link):hover{background:rgba(255,255,255,.055);color:#fff}
.snav-link.is-active,
.snav .nav-link.is-active,
.snav .nav-link.active{background:linear-gradient(90deg,rgba(242,58,48,.20),rgba(255,122,36,.06));color:#fff}
.snav-link.is-active::before,
.snav .nav-link.is-active::before,
.snav .nav-link.active::before{content:'';position:absolute;left:-10px;top:9px;bottom:9px;width:3px;border-radius:4px;background:var(--accent)}
.si{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;font-size:16px;line-height:1}
.si-new,.si-live{width:auto;min-width:27px;height:16px;border-radius:3px;padding:0 4px;font-size:8px;font-weight:950;color:#fff;background:var(--accent);letter-spacing:.02em}
.si-live{background:#1b1d20;border:1px solid rgba(255,255,255,.20)}
.snav-divider{height:16px;margin:5px 0;border-top:1px solid var(--line)}
.sidebar-overlay{display:none;position:fixed;inset:var(--top) 0 0 0;background:rgba(0,0,0,.58);z-index:630;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.sidebar-overlay.is-open{display:block}

/* MAIN */
.main-wrapper{margin-left:var(--side);min-height:calc(100vh - var(--top));display:flex;flex-direction:column;transition:margin-left var(--tr)}
.site-main{width:100%;padding:18px 18px 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.section-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:var(--accent3);margin-bottom:3px}.section-title{font-size:clamp(20px,2.5vw,28px);font-weight:950;letter-spacing:-.04em;line-height:1}.section-link{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);color:var(--muted);font-size:12px;font-weight:800;transition:color var(--tr),border-color var(--tr),background var(--tr)}.section-link:hover{color:#fff;border-color:rgba(255,122,36,.38);background:rgba(255,122,36,.08)}

/* SLOTS */
.slots-section{position:relative;margin-bottom:26px}
.slot-row{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(168px,1fr);grid-template-rows:1fr;
  gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px;
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent;
}
.slot-row::-webkit-scrollbar{height:5px}.slot-row::-webkit-scrollbar-track{background:transparent}.slot-row::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:6px}
.slot-card{position:relative;min-width:0;border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);box-shadow:0 12px 26px rgba(0,0,0,.16);overflow:hidden;transition:transform var(--tr),border-color var(--tr),box-shadow var(--tr)}
.slot-card:hover{transform:translateY(-2px);border-color:rgba(255,122,36,.36);box-shadow:0 18px 30px rgba(0,0,0,.28)}
.slot-link{display:flex;flex-direction:column;min-height:100%}
.slot-media{position:relative;display:block;aspect-ratio:4/3;background:#17191c;overflow:hidden}
.slot-media::after{content:'';position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));pointer-events:none}.slot-media img{width:100%;height:100%;object-fit:cover;transition:transform .32s ease,filter .32s ease}.slot-card:hover .slot-media img{transform:scale(1.06);filter:saturate(1.08) contrast(1.04)}
.slot-info{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px 11px;background:rgba(9,10,11,.88);min-height:48px}.slot-name{font-size:12px;font-weight:850;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.slot-play{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 9px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2));font-size:10px;font-weight:950;text-transform:uppercase;color:#fff;opacity:0;transform:translateX(4px);transition:opacity var(--tr),transform var(--tr)}.slot-card:hover .slot-play{opacity:1;transform:translateX(0)}
.slot-badge{position:absolute;z-index:4;top:9px;left:9px;display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border-radius:7px;font-size:10px;font-weight:950;letter-spacing:.04em;color:#fff;text-transform:uppercase;box-shadow:0 7px 14px rgba(0,0,0,.22)}.slot-badge--new{background:#16b861}.slot-badge--hot{background:var(--accent)}

/* SPORTS */
.sports-section{margin:8px 0 30px;padding:4px 0 0}.sports-heading{text-align:center;max-width:720px;margin:0 auto 16px}.sports-title{position:relative;display:inline-block;font-size:clamp(30px,3.4vw,42px);font-weight:950;text-transform:uppercase;letter-spacing:.035em;line-height:1;margin-bottom:8px}.sports-title::after{content:'';position:absolute;left:50%;bottom:-6px;width:72px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));transform:translateX(-50%)}.sports-heading p{margin-top:14px;color:var(--muted);font-size:13px;line-height:1.55}
.sports-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1500px;margin:0 auto}.match-card{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid var(--line);min-height:214px;padding:14px;box-shadow:0 16px 30px rgba(0,0,0,.20);transition:transform var(--tr),border-color var(--tr),box-shadow var(--tr)}.match-card::before{content:'';position:absolute;left:-46px;top:50%;width:82px;height:82px;border-radius:50%;background:var(--bg);border:1px solid var(--line);transform:translateY(-50%)}.match-card::after{content:'';position:absolute;right:-46px;top:50%;width:82px;height:82px;border-radius:50%;background:var(--bg);border:1px solid var(--line);transform:translateY(-50%)}.match-card:hover{transform:translateY(-2px);border-color:rgba(255,122,36,.36);box-shadow:0 20px 38px rgba(0,0,0,.28)}.match-card--accent{background:linear-gradient(145deg,rgba(255,122,36,.16),rgba(242,58,48,.08) 42%,rgba(255,255,255,.025));border-color:rgba(255,122,36,.34)}
.match-ticket-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.match-ticket-top span{display:inline-flex;align-items:center;height:25px;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.07);color:#fff;font-size:11px;font-weight:900;text-transform:uppercase}.match-ticket-top b{color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.match-ticket-body{position:relative;display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:stretch;min-height:86px;padding:12px 0;margin-bottom:13px;border-top:1px dashed rgba(255,255,255,.13);border-bottom:1px dashed rgba(255,255,255,.13)}.match-date{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:13px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);text-align:center}.match-date span{font-size:10px;font-weight:900;text-transform:uppercase;color:var(--muted);line-height:1.1}.match-date strong{font-size:21px;font-weight:950;line-height:1.1;color:#fff;margin-top:4px;letter-spacing:.02em}.match-pair{min-width:0;display:grid;grid-template-rows:1fr auto 1fr;gap:4px;align-items:center}.match-pair strong{display:block;min-width:0;font-size:16px;font-weight:950;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-pair em{justify-self:start;display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;border-radius:999px;background:rgba(255,122,36,.12);border:1px solid rgba(255,122,36,.25);color:#ffb68c;font-size:10px;font-style:normal;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.odds-row{display:grid;gap:7px}.odds-row--3{grid-template-columns:repeat(3,1fr)}.odds-row--2{grid-template-columns:repeat(2,1fr)}.odd{display:flex;align-items:center;justify-content:space-between;gap:8px;height:43px;border-radius:12px;padding:0 11px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075);transition:transform var(--tr),border-color var(--tr),background var(--tr)}.odd:hover{transform:translateY(-1px);border-color:rgba(255,122,36,.42);background:linear-gradient(135deg,rgba(242,58,48,.19),rgba(255,122,36,.09))}.odd span{color:var(--muted);font-size:10px;font-weight:950;text-transform:uppercase}.odd b{color:#fff;font-size:15px;font-weight:950;line-height:1}
.sports-cta-wrap{display:flex;justify-content:center;margin-top:18px}.sports-cta{display:inline-flex;align-items:center;justify-content:center;min-width:255px;height:44px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 14px 26px rgba(244,58,48,.24);transition:transform var(--tr),opacity var(--tr)}.sports-cta:hover{transform:translateY(-2px);opacity:.94}

/* CONTENT */
.content-section{display:flex;justify-content:center;padding:18px 0 40px}.content-inner{width:100%;max-width:1320px}.content-inner h1{font-size:clamp(22px,2.6vw,31px);font-weight:950;letter-spacing:-.035em;line-height:1.18;margin-bottom:14px}.content-inner h2{font-size:clamp(18px,2vw,23px);font-weight:900;margin:28px 0 12px;padding-bottom:9px;border-bottom:1px solid var(--line);line-height:1.3}.content-inner h3{font-size:16px;font-weight:850;color:#fff;margin:20px 0 8px}.content-inner p{font-size:14px;line-height:1.78;color:var(--muted);margin-bottom:13px}.content-inner ul,.content-inner ol{margin:0 0 14px 20px}.content-inner li{font-size:14px;line-height:1.75;color:var(--muted);margin-bottom:5px}.content-inner ul li{list-style:disc}.content-inner ol li{list-style:decimal}.content-inner a{color:#ff9a65}.content-inner a:hover{color:#fff}.content-inner blockquote{margin:18px 0;padding:14px 18px;background:rgba(244,58,48,.08);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;color:var(--muted);line-height:1.7}.content-inner img{display:block;width:100%;height:auto;border-radius:16px;margin:18px auto;object-fit:cover}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0;border-radius:14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.table-wrap::-webkit-scrollbar{height:4px}.table-wrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:4px}.content-inner table{width:100%;min-width:520px;border-collapse:collapse;margin:16px 0;font-size:13px;background:rgba(255,255,255,.03);border-radius:14px;overflow:hidden}.content-inner thead th{background:rgba(255,255,255,.07);color:#fff;font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.08em;padding:12px 15px;text-align:left;border-bottom:1px solid var(--line)}.content-inner tbody td{padding:11px 15px;border-bottom:1px solid var(--line);color:var(--muted);vertical-align:top;line-height:1.6}.content-inner tbody tr:hover td{background:rgba(255,255,255,.035);color:#fff}.content-inner tbody td:first-child{color:#fff;font-weight:850;white-space:nowrap}.pagination-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.pagination-list a,.pagination-list span{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:10px;font-size:12px;font-weight:850;background:var(--panel2);border:1px solid var(--line);color:var(--muted);transition:all var(--tr)}.pagination-list a:hover{color:#fff;border-color:rgba(255,122,36,.35)}.pagination-list .active{background:var(--accent);border-color:var(--accent);color:#fff}

/* FOOTER */
.site-footer{margin-top:auto;background:rgba(17,18,20,.98);border-top:1px solid var(--line);padding:30px 18px 18px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1040px;margin:0 auto 24px}.footer-title{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:#fff;margin-bottom:12px}.footer-col a{display:block;font-size:13px;color:var(--muted);margin-bottom:8px;transition:color var(--tr)}.footer-col a:hover{color:#fff}.footer-divider{border:none;border-top:1px solid var(--line);max-width:1040px;margin:0 auto 14px}.footer-bottom{max-width:1040px;margin:0 auto;text-align:center}.footer-age{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:30px;padding:0 10px;margin:0 auto 10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff;font-size:14px;font-weight:950;letter-spacing:.02em}.footer-disc,.footer-copy{font-size:11px;color:var(--muted2);line-height:1.65}.footer-disc{margin-bottom:8px}

/* REVEAL */
.js-reveal{opacity:0;transform:translateY(12px);transition:opacity .34s ease,transform .34s ease}.js-reveal.is-visible{opacity:1;transform:translateY(0)}

/* RESPONSIVE */
@media(max-width:1360px){.topbar-menu{gap:14px}.topbar-bonus{display:none}.sports-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1060px){.topbar-nav{display:none}.footer-grid{grid-template-columns:repeat(2,1fr)}.slot-row{grid-auto-columns:174px}.sports-grid{gap:12px}}
@media(max-width:780px){.topbar{gap:10px;padding:0 10px}.topbar-burger{display:flex}.sidebar{transform:translateX(-100%);transition:transform var(--tr)}.sidebar.is-open{transform:translateX(0)}.main-wrapper{margin-left:0}.site-main{padding:12px 10px 0}.btn-login{display:none}.btn-register{height:34px;padding:0 14px}.topbar-logo-img{width:106px}.slot-row{grid-auto-columns:160px}.sports-grid{grid-template-columns:1fr}.content-section{padding-bottom:30px}.content-inner p,.content-inner li{font-size:13px}.content-inner table{font-size:12px}.content-inner thead th,.content-inner tbody td{padding:9px 10px}.sidebar-overlay{inset:var(--top) 0 0 0}.slot-play{opacity:1;transform:none}}
@media(max-width:480px){.topbar-actions{gap:6px}.btn-register{font-size:11px;padding:0 11px}.slot-row{grid-auto-columns:150px}.sports-title{font-size:27px}.match-ticket-body{grid-template-columns:64px 1fr;gap:10px}.footer-grid{grid-template-columns:1fr}.sports-cta{width:100%;min-width:0}}