@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
--bg-primary:#151e4f;
--bg-secondary:#151e4f;
--bg-card:#151e4f;
--bg-sidebar:#151e4f;
--bg-hover:#151e4f;
--accent-yellow:#ffeb20;
--accent-yellow-cta:#ffff00;
--accent-green:#2ed573;
--accent-pink:#ff007f;
--accent-magenta:#ff007f;
--accent-cyan:#00c8b3;
--accent-blue:#4a9fff;
--accent-orange:#ff9f43;
--text-primary:#f0f2f8;
--text-secondary:#8b9dc4;
--text-muted:#5a6b8f;
--border-color:#2d3d72;
--header-bg:#151e4f;
--header-top-height:36px;
--header-main-height:46px;
--header-bets-row-height:32px;
--header-height:calc(var(--header-top-height) + var(--header-main-height) + var(--header-bets-row-height));
--sidebar-width:170px;
--right-sidebar-width:280px;
--font-family:'Inter',sans-serif;
--radius-pill:999px;
--card-border-glow:rgba(0,200,179,.35);
--main-content-pad:14px;
--promo-gap:12px;
--race-gap:10px;
--match-row-bg:var(--bg-primary);
}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden;font-size:12.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none}
img{max-width:100%;display:block}
button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}
input,select{font-family:inherit;outline:none}

.header{
position:fixed;top:0;left:0;right:0;
background:var(--header-bg);
border-bottom:1px solid var(--border-color);
display:flex;flex-direction:column;z-index:1000;
}

.header-top{
min-height:var(--header-top-height);
display:flex;align-items:stretch;justify-content:flex-end;
padding-left:14px;padding-right:0;gap:14px;
}
.header-top-safer{
display:flex;align-items:center;gap:16px;flex-wrap:wrap;
padding:6px 0;margin-right:0;
}
.header-safer-link,.header-take-time{
display:inline-flex;align-items:center;gap:5px;
font-size:10px;font-weight:700;color:#fff;text-transform:none;
letter-spacing:.02em;transition:opacity .2s;
}
.header-safer-link:hover,.header-take-time:hover{opacity:.85}
.header-safer-link--gamstop{
font-size:9px;font-weight:800;letter-spacing:.12em;
padding:2px 6px;border:1px solid rgba(255,255,255,.35);border-radius:3px;
}
.header-take-time{color:rgba(255,255,255,.92)}

.header-utility-yellow{
display:flex;align-items:stretch;
width:var(--right-sidebar-width);
flex-shrink:0;align-self:stretch;
background:var(--accent-yellow-cta);
}
.header-util-seg{
flex:1;display:flex;align-items:center;justify-content:center;
gap:5px;min-width:0;
padding:4px 6px;
font-size:10px;font-weight:800;color:#0a0a0a;
letter-spacing:.02em;transition:opacity .15s;
white-space:nowrap;border-left:1px solid rgba(0,0,0,.22);
}
.header-util-seg:first-child{border-left:none}
.header-util-seg:hover{opacity:.88}
.header-util-icon{width:15px;height:15px;flex-shrink:0;color:#0a0a0a}
.header-util-seg--help{gap:5px}
.header-util-bb{
font-weight:900;font-size:11px;letter-spacing:-.02em;margin-right:2px;
}
.header-util-q{
width:17px;height:17px;border-radius:50%;
border:2px solid #0a0a0a;color:#0a0a0a;
display:inline-flex;align-items:center;justify-content:center;
font-size:10px;font-weight:900;line-height:1;
flex-shrink:0;
}

.header-main{
min-height:var(--header-main-height);
display:flex;align-items:center;
padding-left:14px;padding-right:14px;
border-top:1px solid rgba(255,255,255,.06);
}
.header-main-left{
display:flex;align-items:center;gap:14px;min-width:0;flex:1;
}
.logo{
display:flex;align-items:center;gap:6px;font-weight:900;font-size:17px;
letter-spacing:1.5px;color:var(--accent-magenta);flex-shrink:0;
}
.logo svg{width:22px;height:22px;color:var(--accent-magenta)}

.header-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.header-nav a{
display:flex;align-items:center;gap:5px;
padding:6px 10px;font-size:11px;font-weight:800;
color:#fff;text-transform:uppercase;
letter-spacing:.45px;white-space:nowrap;
border-radius:2px;transition:background .15s,color .15s;
border-bottom:2px solid transparent;
}
.header-nav a svg{width:13px;height:13px;flex-shrink:0;color:inherit}
.header-nav a.active{color:var(--accent-magenta)}
.header-nav a.active svg{color:var(--accent-magenta)}
.header-nav a:hover:not(.active){background:rgba(255,255,255,.06)}
.header-nav a.active{border-bottom-color:var(--accent-magenta)}

.header-bets-row{
display:grid;
grid-template-columns:1fr var(--right-sidebar-width);
align-items:stretch;
min-height:var(--header-bets-row-height);
border-top:1px solid rgba(255,255,255,.06);
background:var(--header-bg);
}
.header-bets-row-spacer{min-width:0}
.header-bets-slot{
display:flex;align-items:center;justify-content:center;
min-height:var(--header-bets-row-height);
border-left:1px solid var(--border-color);
background:rgba(0,0,0,.06);
}
.header-bets-label{
font-size:12px;font-weight:900;letter-spacing:.14em;color:#fff;
}

.layout{
display:grid;
grid-template-columns:var(--sidebar-width) 1fr var(--right-sidebar-width);
margin-top:var(--header-height);
min-height:calc(100vh - var(--header-height));
}

.sidebar-left{
background:var(--bg-sidebar);
border-right:1px solid var(--border-color);
padding:10px 0;
position:sticky;top:var(--header-height);
height:calc(100vh - var(--header-height));
overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;
}
.sidebar-left::-webkit-scrollbar{width:3px}
.sidebar-left::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}

.sidebar-search{padding:4px 10px;margin-bottom:6px;position:relative}
.sidebar-search input{
width:100%;padding:5px 10px 5px 28px;
background:var(--bg-card);border:1px solid var(--border-color);
border-radius:4px;color:var(--text-primary);font-size:10.5px;
transition:border-color .2s;
}
.sidebar-search input:focus{border-color:var(--accent-cyan)}
.sidebar-search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:11px;height:11px;color:var(--text-muted)}

.sidebar-section-title{
font-size:9px;font-weight:700;color:var(--text-muted);
text-transform:uppercase;padding:8px 12px 3px;letter-spacing:.8px;
}
.sidebar-left a{
display:flex;align-items:center;gap:6px;
padding:3px 12px;font-size:11px;color:var(--text-secondary);
transition:all .15s;border-left:2px solid transparent;
}
.sidebar-left a:hover{
color:var(--accent-magenta);background:rgba(255,0,127,.06);
border-left-color:var(--accent-magenta);
}
.sidebar-left a svg{width:13px;height:13px;flex-shrink:0;opacity:.6}
.sidebar-left a:hover svg{opacity:1}

.main-content{
padding:var(--main-content-pad);
background:var(--bg-primary);
overflow:hidden;
}

.promos-carousel{
display:flex;gap:var(--promo-gap);
overflow-x:auto;
padding-bottom:12px;
scroll-snap-type:x mandatory;
scrollbar-width:none;
margin-left:calc(-1 * var(--main-content-pad));
margin-right:calc(-1 * var(--main-content-pad));
padding-left:var(--main-content-pad);
padding-right:var(--main-content-pad);
width:calc(100% + 2 * var(--main-content-pad));
box-sizing:border-box;
}
.promos-carousel::-webkit-scrollbar{display:none}

.promo-card{
flex:0 0 clamp(200px,calc((100% - 3 * var(--promo-gap)) / 4),320px);
min-width:0;
background:var(--bg-card);
border-radius:11px;padding:14px 14px 12px;
border:1px solid var(--accent-cyan);
scroll-snap-align:start;
transition:transform .25s,box-shadow .25s,border-color .25s;
position:relative;overflow:hidden;
}
.promo-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.35);border-color:#2ee4d4}
.promo-card-head{
display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
margin-bottom:10px;
}
.promo-icon{
width:40px;height:40px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
margin:0;flex-shrink:0;
}
.promo-icon svg{width:22px;height:22px}
.promo-icon.yellow{background:rgba(255,235,32,.14);color:var(--accent-yellow-cta)}
.promo-icon.green{background:rgba(0,200,179,.18);color:var(--accent-cyan)}
.promo-icon.pink{background:rgba(255,0,127,.14);color:var(--accent-magenta)}
.promo-icon.cyan{background:rgba(0,200,179,.2);color:var(--accent-cyan)}
.promo-icon.blue{background:rgba(74,159,255,.14);color:var(--accent-blue)}
.promo-icon.orange{background:rgba(255,159,67,.14);color:var(--accent-orange)}

.promo-card .promo-title{font-size:14px;font-weight:800;margin:0;line-height:1.25;color:var(--text-primary);flex:1;min-width:0;padding-right:4px}
.promo-card .promo-desc{font-size:11px;color:rgba(255,255,255,.9);line-height:1.5;margin-bottom:10px}
.promo-card .promo-highlight{color:var(--accent-magenta);font-weight:800}
.promo-card .promo-terms{font-size:9px;font-weight:400;color:rgba(255,255,255,.7);text-decoration:none;cursor:pointer}
.promo-card .promo-link{
display:inline-block;padding:5px 14px;
background:var(--accent-yellow-cta);color:#0a0a0a;
border-radius:var(--radius-pill);font-size:10px;font-weight:800;
margin-top:6px;transition:all .2s;border:none;
}
.promo-card .promo-link:hover{filter:brightness(1.06);box-shadow:0 0 14px rgba(255,255,0,.35)}

.promo-dots{display:flex;justify-content:center;gap:5px;margin-top:10px}
.promo-dots span{width:7px;height:7px;border-radius:50%;background:rgba(0,200,179,.28);cursor:pointer;transition:all .2s}
.promo-dots span.active{background:var(--accent-magenta);box-shadow:0 0 8px rgba(255,0,127,.5)}

.reward-banner-icon{width:20px;height:20px;color:var(--accent-yellow-cta);flex-shrink:0}

.reward-banner{
background:linear-gradient(105deg,#c4006e 0%,#ff007f 45%,#ff4da6 100%);
border:none;border-radius:8px;padding:12px 18px;
display:flex;align-items:center;justify-content:space-between;
margin:16px 0;box-shadow:0 4px 24px rgba(255,0,127,.25);
}
.reward-banner-left{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#fff}
.reward-banner-link{
padding:7px 18px;background:var(--accent-yellow-cta);
color:#0a0a0a;border-radius:var(--radius-pill);
font-size:11px;font-weight:800;transition:all .2s;
}
.reward-banner-link:hover{filter:brightness(1.05);box-shadow:0 0 18px rgba(255,255,0,.4)}

.section-title{
font-size:15px;font-weight:800;margin-bottom:10px;margin-top:4px;
display:flex;align-items:center;gap:8px;
border-top:2px solid var(--accent-cyan);
padding-top:12px;
}
.section-title-icon{width:17px;height:17px;color:var(--accent-cyan);flex-shrink:0}
.section-title--live{border-top-color:var(--accent-cyan)}
.next-races-section .section-title:first-child{margin-top:0}

.race-tabs{display:flex;gap:3px;margin-bottom:10px}
.race-tabs button{
padding:5px 14px;border-radius:4px;font-size:11px;font-weight:600;
background:var(--bg-card);color:var(--text-secondary);
border:1px solid var(--border-color);transition:all .2s;
}
.race-tabs button:hover{color:var(--text-primary);border-color:var(--text-muted)}
.race-tabs button.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}

.races-grid{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:var(--race-gap);
margin-bottom:16px;
margin-left:calc(-1 * var(--main-content-pad));
margin-right:calc(-1 * var(--main-content-pad));
width:calc(100% + 2 * var(--main-content-pad));
box-sizing:border-box;
padding-left:var(--main-content-pad);
padding-right:var(--main-content-pad);
}
.race-card{
background:var(--bg-card);border-radius:8px;
border:1px solid var(--border-color);overflow:hidden;
transition:border-color .2s,box-shadow .2s;
min-width:0;
}
.race-card:hover{border-color:var(--card-border-glow);box-shadow:0 4px 14px rgba(0,0,0,.25)}
.race-card-header{
padding:8px 11px;font-size:11px;font-weight:800;
display:flex;align-items:center;gap:6px;
background:var(--accent-cyan);color:#fff;
border-bottom:1px solid rgba(0,0,0,.12);
}
.race-card-header svg{width:12px;height:12px;flex-shrink:0;opacity:1;color:#fff}
.race-card-header.h-green,.race-card-header.h-blue,.race-card-header.h-pink,.race-card-header.h-cyan,.race-card-header.h-yellow,.race-card-header.h-orange{
background:var(--accent-cyan);color:#fff;border-bottom-color:rgba(0,0,0,.12);
}

.race-entry{
display:flex;align-items:center;justify-content:space-between;
padding:5px 11px;font-size:11px;
border-bottom:1px solid rgba(255,255,255,.02);
}
.race-entry:last-child{border-bottom:none}
.race-entry .runner-num{
width:20px;height:20px;border-radius:4px;
display:flex;align-items:center;justify-content:center;
font-size:9px;font-weight:800;margin-right:6px;flex-shrink:0;
}
.race-entry .runner-name{flex:1;font-size:10.5px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.race-entry .runner-odds{
font-size:11px;font-weight:800;color:var(--accent-magenta);
background:rgba(255,0,127,.08);padding:3px 8px;border-radius:4px;flex-shrink:0;
}
.race-view-link{
display:block;padding:8px 11px;font-size:10.5px;
color:var(--accent-magenta);font-weight:700;transition:color .2s;
}
.race-view-link:hover{color:#ff4da6}

.sports-tabs{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap}
.sports-tabs button{
padding:4px 12px;border-radius:20px;font-size:10.5px;font-weight:600;
background:var(--bg-card);color:var(--text-secondary);
border:1px solid var(--border-color);transition:all .2s;
}
.sports-tabs button:hover{color:var(--text-primary);border-color:var(--text-muted)}
.sports-tabs button.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary);font-weight:800}

.live-section{margin-top:14px}

.league-header{
background:var(--accent-cyan);padding:7px 10px;
font-size:10.5px;font-weight:800;
display:flex;align-items:center;gap:6px;
border-left:3px solid rgba(0,0,0,.15);
margin-top:6px;color:#fff;
}
.league-header svg{width:12px;height:12px;color:#fff;opacity:.95}
.league-header:first-child{margin-top:0}
.league-header--nested{
background:var(--bg-primary);
border-left:3px solid var(--accent-cyan);
font-weight:600;
color:var(--text-secondary);
}
.league-header--nested svg{color:var(--accent-cyan);opacity:.9}

.match-row{
display:grid;grid-template-columns:1fr auto;
padding:7px 10px;background:var(--match-row-bg);
border-bottom:1px solid var(--border-color);
align-items:center;gap:10px;
transition:background .15s;
}
.match-row:hover{background:rgba(255,255,255,.05)}
.match-teams{font-size:11px;font-weight:600}
.match-teams span{display:block;color:var(--text-muted);font-size:9px;margin-top:1px;font-weight:500}
.match-odds{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.odd-btn{
padding:5px 8px;background:var(--bg-primary);
border:1px solid rgba(255,255,255,.12);border-radius:4px;
font-size:10.5px;font-weight:700;color:var(--accent-magenta);
transition:all .15s;min-width:48px;text-align:center;cursor:pointer;
}
.odd-btn:hover{background:rgba(255,0,127,.12);border-color:rgba(255,0,127,.35)}
.match-odds .odd-btn:first-child{
background:var(--accent-yellow-cta);color:#111;border-color:transparent;
font-weight:800;min-width:52px;
}
.match-odds .odd-btn:first-child:hover{filter:brightness(1.03);box-shadow:0 0 10px rgba(255,255,0,.25)}
.odd-btn .odd-label{font-size:7px;color:rgba(0,0,0,.5);display:block;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.match-odds .odd-btn:first-child .odd-label{color:rgba(0,0,0,.45)}

.casino-block{
margin-top:8px;
border-top:1px solid var(--border-color);
padding-top:2px;
}
.casino-block-toggle{
width:100%;display:flex;align-items:center;gap:8px;
padding:10px 4px 10px 2px;
background:transparent;border:none;cursor:pointer;
font-size:12px;font-weight:800;color:#fff;
letter-spacing:.02em;text-align:left;
}
.casino-block-chevron{
flex-shrink:0;color:#fff;opacity:.95;
transition:transform .2s ease;
}
.casino-block-toggle[aria-expanded="false"] .casino-block-chevron{
transform:rotate(180deg);
}
.casino-block-panel{display:block}
.casino-block-toggle[aria-expanded="false"]+.casino-block-panel{display:none}

.casino-slots-row{
display:flex;gap:8px;overflow-x:auto;
padding:4px 2px 10px;
scroll-snap-type:x mandatory;
scrollbar-width:thin;
-webkit-overflow-scrolling:touch;
}
.casino-slots-row::-webkit-scrollbar{height:4px}
.casino-slots-row::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}

.slot-card{
flex:0 0 auto;width:118px;scroll-snap-align:start;
border-radius:8px;border:1px solid rgba(255,255,255,.1);
overflow:hidden;
text-decoration:none;color:inherit;
transition:border-color .2s,box-shadow .2s,transform .15s;
box-shadow:0 2px 8px rgba(0,0,0,.2);
}
.slot-card:hover{
border-color:rgba(255,255,255,.22);
box-shadow:0 4px 14px rgba(0,0,0,.35);
transform:translateY(-1px);
}
.slot-card-visual{
aspect-ratio:3/4;min-height:108px;
background-size:cover;background-position:center;
position:relative;display:flex;align-items:flex-end;
}
.slot-card-visual::after{
content:'';position:absolute;inset:0;
background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.55) 100%);
pointer-events:none;
}
.slot-card-title{
position:relative;z-index:1;
display:block;padding:8px 8px 9px;font-size:9.5px;font-weight:800;
line-height:1.2;color:#fff;
text-shadow:0 1px 3px rgba(0,0,0,.9);
}
.slot-card-exclusive{
position:absolute;top:6px;right:-2px;z-index:2;
padding:3px 22px 3px 8px;font-size:6.5px;font-weight:900;
letter-spacing:.06em;color:#fff;text-transform:uppercase;
background:var(--accent-cyan);
transform:rotate(12deg);transform-origin:center;
box-shadow:0 2px 6px rgba(0,0,0,.35);
clip-path:polygon(0 0,100% 0,100% 100%,8% 100%);
}
.slot-card-visual--1{background-color:#1a1520;background-image:url('slots/pragmatic-sleepingdragon.webp')}
.slot-card-visual--2{background-color:#0f172a;background-image:url('slots/pragmatic-gravitybonanza.webp')}
.slot-card-visual--3{background-color:#2d1528;background-image:url('slots/pragmatic-fiestafortune.webp')}
.slot-card-visual--4{background-color:#1e1a12;background-image:url('slots/booongo-sunofegypt-2.webp')}
.slot-card-visual--5{background-color:#151820;background-image:url('slots/playngo-rise-of-olympus-1000.webp')}
.slot-card-visual--6{background-color:#0c1824;background-image:url('slots/hacksaw-dork-unit.webp')}

.casino-view-all{
display:inline-block;margin-top:2px;padding:2px 2px 8px;
font-size:10px;font-weight:800;color:var(--accent-magenta);
letter-spacing:.02em;
}
.casino-view-all:hover{opacity:.9;text-decoration:underline}

.sidebar-right{
background:var(--bg-sidebar);
border-left:1px solid var(--border-color);
padding:12px 10px 16px 12px;
position:sticky;top:var(--header-height);
height:calc(100vh - var(--header-height));
overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;
display:flex;flex-direction:column;align-items:stretch;gap:12px;
width:100%;min-width:0;box-sizing:border-box;
}
.sidebar-right::-webkit-scrollbar{width:3px}
.sidebar-right::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}

.bets-strip{
width:100%;box-sizing:border-box;
padding:2px 0 12px;margin-bottom:2px;
border-bottom:1px solid rgba(255,255,255,.08);
}
.bets-strip-title{
font-size:15px;font-weight:800;letter-spacing:.1em;color:#fff;
margin-bottom:10px;
}
.bets-strip-msg{
display:flex;align-items:flex-start;gap:10px;
}
.bets-strip-info{
width:20px;height:20px;border-radius:50%;
border:1.5px solid rgba(255,255,255,.75);color:#fff;
font-size:12px;font-weight:700;font-style:italic;font-family:Georgia,'Times New Roman',serif;
display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;
padding-top:1px;
}
.bets-strip-msg p{
margin:0;font-size:11px;line-height:1.45;color:rgba(255,255,255,.95);
}

.sidebar-card{
background:var(--bg-primary);
border-radius:10px;padding:14px 12px 14px 14px;
width:100%;box-sizing:border-box;
border:1px solid rgba(0,200,179,.55);
}
.sidebar-card-inner{
display:flex;align-items:center;gap:12px;
}
.sidebar-card-copy{
flex:1;min-width:0;text-align:left;
}
.sidebar-card .panel-title{
font-size:15px;font-weight:800;color:#fff;margin-bottom:8px;
}
.sidebar-card p{
font-size:11px;line-height:1.45;color:rgba(255,255,255,.93);
margin:0 0 12px;
}
.sidebar-card-icon{
width:56px;height:56px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
flex-shrink:0;
}
.sidebar-card-icon--cyan{
background:var(--accent-cyan);color:#0a0a0a;
}
.sidebar-card-icon--magenta{
background:var(--accent-magenta);color:#0a0a0a;
}
.sidebar-card-icon svg{display:block}

.sidebar-card .build-btn,
.sidebar-card .app-btn,
.sidebar-card .limit-btn{
display:inline-block;width:auto;box-sizing:border-box;text-align:center;
padding:8px 20px;
background:var(--accent-yellow-cta);color:#0a0a0a;
border-radius:var(--radius-pill);font-size:11px;font-weight:800;
transition:all .2s;border:none;
}
.sidebar-card .build-btn:hover,
.sidebar-card .app-btn:hover,
.sidebar-card .limit-btn:hover{filter:brightness(1.05);box-shadow:0 0 14px rgba(255,255,0,.35)}

.seo-content{
background:var(--bg-primary);
padding:0;
}
.seo-content-inner{
margin-left:var(--sidebar-width);
margin-right:var(--right-sidebar-width);
margin-top:16px;
margin-bottom:20px;
padding:22px 18px 24px;
box-sizing:border-box;
max-width:100%;
background:var(--match-row-bg);
border:none;
border-radius:0;
}
.seo-content h1{font-size:22px;font-weight:800;margin-bottom:14px;color:var(--text-primary);line-height:1.3}
.seo-content h2{font-size:17px;font-weight:700;margin-top:26px;margin-bottom:10px;color:var(--text-primary);line-height:1.3}
.seo-content h3{font-size:14px;font-weight:700;margin-top:20px;margin-bottom:8px;color:var(--text-primary)}
.seo-content h4{font-size:12.5px;font-weight:700;margin-top:16px;margin-bottom:6px;color:var(--accent-cyan)}
.seo-content p{font-size:11.5px;color:var(--text-secondary);line-height:1.7;margin-bottom:10px}
.seo-content a{color:var(--accent-magenta);text-decoration:underline;transition:color .2s}
.seo-content a:hover{color:#ff4da6}
.seo-content strong{color:var(--text-primary);font-weight:600}
.seo-content em{color:var(--accent-cyan);font-style:normal}

.seo-content ul,.seo-content ol{margin:10px 0 14px 18px}
.seo-content ul li,.seo-content ol li{
font-size:11.5px;color:var(--text-secondary);
line-height:1.7;padding:3px 0;position:relative;
}
.seo-content ul li::before{
content:'';width:5px;height:5px;border-radius:50%;
background:var(--accent-magenta);display:inline-block;
margin-right:8px;vertical-align:middle;
}
.seo-content ol{counter-reset:item;list-style:none}
.seo-content ol li{counter-increment:item}
.seo-content ol li::before{
content:counter(item) '.';color:var(--accent-cyan);
font-weight:700;margin-right:8px;
}

.seo-content table{
width:100%;border-collapse:collapse;margin:14px 0;
border-radius:6px;overflow:hidden;
border:1px solid var(--border-color);
}
.seo-content table thead{background:var(--bg-card)}
.seo-content table th{
padding:8px 12px;font-size:11px;font-weight:700;
text-align:left;color:var(--accent-cyan);
border-bottom:2px solid var(--accent-cyan);
}
.seo-content table td{
padding:7px 12px;font-size:11px;color:var(--text-secondary);
border-bottom:1px solid var(--border-color);
}
.seo-content table tr:nth-child(even){background:rgba(255,255,255,.02)}
.seo-content table tr:hover{background:rgba(255,255,255,.05)}

.seo-content blockquote{
border-left:3px solid var(--accent-magenta);
padding:10px 14px;margin:14px 0;
background:rgba(255,0,127,.05);
border-radius:0 6px 6px 0;
font-size:11.5px;color:var(--text-secondary);
}

.footer{
background:var(--bg-primary);
border-top:1px solid rgba(255,255,255,.08);
padding:40px 0 20px;
}
.footer-main{
max-width:1120px;margin:0;padding:0 24px 0 24px;
}
.footer-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,.95fr) minmax(0,1fr) minmax(0,1.15fr);
gap:32px 40px;
justify-items:start;align-items:start;
max-width:920px;
}
.footer-col{min-width:0;width:100%}
.footer-col-title{
font-size:13px;font-weight:800;margin-bottom:14px;
color:#fff;text-transform:none;letter-spacing:0;
}
.footer-col-title--spaced{margin-top:22px}
.footer-col a{
display:block;font-size:11px;color:rgba(240,242,248,.85);
padding:3px 0;transition:color .2s;
}
.footer-col a:hover{color:var(--accent-magenta)}

.payment-icons{
display:grid;grid-template-columns:repeat(2,minmax(0,76px));gap:8px;
}
.payment-icon{
width:100%;max-width:76px;height:36px;border-radius:4px;
background:#fff;display:flex;align-items:center;justify-content:center;
padding:4px;box-sizing:border-box;
}
.payment-icon svg{width:100%;height:auto;max-height:26px}

.contact-links{display:flex;flex-direction:column;gap:6px;margin-top:2px}
.contact-links a{display:flex;align-items:center;gap:8px;font-size:11px;color:rgba(240,242,248,.85)}
.contact-links a svg{width:14px;height:14px;flex-shrink:0;opacity:.85;color:#fff}
.contact-links a:hover{color:#fff}
.contact-links a:hover svg{opacity:1}

.app-badges{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:6px}
.footer-col a.app-badge{display:flex;align-items:center}
.app-badge{
display:flex;align-items:center;gap:6px;
padding:6px 12px;background:#0a0a0a;border:1px solid rgba(255,255,255,.12);
border-radius:6px;color:#fff;font-size:8px;line-height:1.2;
transition:border-color .2s;min-width:0;
}
.app-badge:hover{border-color:rgba(255,255,255,.28)}
.app-badge svg{width:18px;height:18px;flex-shrink:0}
.app-badge .badge-text{display:flex;flex-direction:column;gap:1px}
.app-badge .badge-text span:first-child{font-size:7px;color:#a8a8a8;text-transform:uppercase;letter-spacing:.04em}
.app-badge .badge-text span:last-child{font-size:10px;font-weight:700}

.safer-stack{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.safer-age-row{
display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.safer-age-badge{
flex-shrink:0;width:36px;height:36px;border-radius:50%;
background:#c4001e;color:#fff;font-size:11px;font-weight:900;
display:inline-flex;align-items:center;justify-content:center;
letter-spacing:-.02em;
}
.safer-age-text{font-size:10px;color:rgba(240,242,248,.88);line-height:1.35;max-width:200px}
.footer-col--safer .safer-brand,
.footer-col--safer .safer-gordon{display:inline-block}
.safer-brand{
font-size:10px;font-weight:700;letter-spacing:.04em;
padding:5px 10px;border-radius:4px;text-decoration:none;transition:opacity .2s;
}
.safer-brand:hover{opacity:.88}
.safer-brand--ibas{background:#1e5a8a;color:#fff}
.safer-brand--gamstop{background:#b00020;color:#fff}
.safer-brand--gc{background:#142c4a;color:#fff;font-size:8px;line-height:1.3;padding:6px 8px;max-width:100%}
.safer-brand--aware{background:#0066b3;color:#fff}
.safer-helpline{
font-size:10px;color:rgba(240,242,248,.8);line-height:1.4;margin-top:2px;
}
.safer-helpline strong{font-size:12px;font-weight:800;color:#fff;letter-spacing:.02em}
.safer-think-banner{
margin:0;padding:6px 10px;font-size:9px;font-weight:800;letter-spacing:.06em;
color:#fff;background:rgba(0,200,179,.2);border-left:3px solid var(--accent-cyan);
width:100%;box-sizing:border-box;
}
.safer-gordon{
font-size:9px;font-weight:700;color:#fff;text-decoration:none;
padding:6px 10px;background:#c45c1a;border-radius:4px;line-height:1.35;
max-width:100%;box-sizing:border-box;
}
.safer-gordon:hover{filter:brightness(1.06)}
.safer-commit{
margin:0;font-size:9.5px;color:rgba(139,157,196,.95);line-height:1.45;margin-top:4px;
}

.footer-bottom{
border-top:1px solid rgba(255,255,255,.1);
margin-top:32px;padding-top:16px;
text-align:left;max-width:920px;
}
.footer-bottom p{font-size:9.5px;color:rgba(139,157,196,.9);line-height:1.65}
.footer-bottom a{color:var(--accent-magenta);transition:color .2s}

.help-float{
position:fixed;bottom:18px;right:18px;
min-height:40px;padding:0 14px;border-radius:var(--radius-pill);
background:var(--accent-magenta);color:#fff;
display:inline-flex;align-items:center;justify-content:center;gap:6px;
font-weight:800;font-size:11px;z-index:1001;
box-shadow:0 4px 20px rgba(255,0,127,.4);
transition:all .25s;
}
.help-float:hover{transform:scale(1.04);box-shadow:0 6px 28px rgba(255,0,127,.5)}
.help-float svg{flex-shrink:0}

@media(max-width:1200px){
:root{--header-bets-row-height:0px}
.layout{grid-template-columns:var(--sidebar-width) 1fr}
.sidebar-right{display:none}
.header-bets-row{display:none}
.seo-content-inner{margin-right:0}
}

@media(max-width:1100px){
.promo-card{flex-basis:clamp(180px,calc((100% - 2 * var(--promo-gap)) / 3),320px)}
.races-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:780px){
.promo-card{flex-basis:clamp(170px,calc((100% - var(--promo-gap)) / 2),340px)}
.races-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
.layout{grid-template-columns:1fr}
.seo-content-inner{margin-left:0}
.sidebar-left{display:none}
.header-nav{display:none}
.header-top-safer{display:none}
.header-top{padding-left:8px;padding-right:0;justify-content:stretch}
.header-utility-yellow{flex:1;width:auto;min-height:40px}
.header-util-seg{font-size:9px;padding:8px 5px}
.footer-grid{grid-template-columns:repeat(2,1fr);gap:24px 28px;max-width:none}
.footer-bottom{max-width:none}
}

@media(max-width:600px){
:root{--main-content-pad:8px}
.header-top{padding-left:8px}
.header-main{padding-left:8px}
.header-util-seg{font-size:9px;padding:7px 4px}
.header-util-icon{width:14px;height:14px}
.logo{font-size:14px}
.promo-card{flex-basis:clamp(148px,calc((100% - var(--promo-gap)) / 2),260px);padding:12px}
.promo-card .promo-title{font-size:13px}
.promo-card .promo-desc{font-size:10px}
.races-grid{grid-template-columns:repeat(2,1fr)}
.footer-main{padding:0 16px}
.footer-grid{grid-template-columns:1fr;gap:22px}
.footer-bottom{max-width:none;padding-top:14px;margin-top:26px}
.seo-content-inner{padding:16px 12px 18px;margin-top:12px;margin-bottom:16px}
.seo-content h1{font-size:18px}
.seo-content h2{font-size:15px}
}

@media(max-width:400px){
.races-grid{grid-template-columns:1fr}
.promos-carousel{--promo-gap:8px}
.promo-card{flex-basis:min(calc(100% - 48px),240px);padding:10px}
.match-odds{flex-wrap:wrap}
}

.mobile-menu-btn{
display:none;width:30px;height:30px;
flex-direction:column;align-items:center;justify-content:center;gap:4px;
}
.mobile-menu-btn span{width:16px;height:1.5px;background:var(--text-primary);border-radius:2px;transition:all .2s}

@media(max-width:900px){
.mobile-menu-btn{display:flex}
}

.sidebar-overlay{
display:none;position:fixed;inset:0;
background:rgba(0,0,0,.65);z-index:1100;
backdrop-filter:blur(2px);
}
.sidebar-overlay.active{display:block}

@media(max-width:900px){
.sidebar-left.active{
display:block;position:fixed;
top:var(--header-height);
left:0;bottom:0;width:200px;
z-index:1101;background:var(--bg-sidebar);
}
}

.flag-badge{
display:inline-flex;align-items:center;gap:5px;
padding:4px 10px;background:rgba(0,200,179,.1);
border:1px solid rgba(0,200,179,.35);border-radius:20px;
font-size:9px;font-weight:700;color:var(--accent-cyan);
}
.flag-badge--spaced{margin-bottom:12px}
.flag-badge-icon{color:var(--accent-cyan);flex-shrink:0}

.live-dot{
width:7px;height:7px;border-radius:50%;
background:var(--accent-magenta);
animation:pulse-dot 1.5s infinite;
display:inline-block;
}
@keyframes pulse-dot{
0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,0,127,.45)}
50%{opacity:.45;box-shadow:0 0 0 4px rgba(255,0,127,0)}
}

.scroll-top{
position:fixed;bottom:70px;right:18px;
width:34px;height:34px;border-radius:50%;
background:var(--bg-card);border:1px solid var(--border-color);
color:var(--text-secondary);
display:none;align-items:center;justify-content:center;
z-index:1001;transition:all .2s;
}
.scroll-top.visible{display:flex}
.scroll-top:hover{background:var(--accent-magenta);color:#fff;border-color:var(--accent-magenta)}
.scroll-top svg{width:14px;height:14px}

.header-mobile-stack{display:none}
.mobile-categories,.mobile-bottom-nav{display:none}

.race-card-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.race-card-head-main{font-weight:800}
.race-card-head-meta{margin-left:auto;font-size:10px;font-weight:700;opacity:.95;white-space:nowrap}
.race-card-header:has(.race-card-head-meta) .race-card-head-main{margin-left:0}
.promo-icon--gift.pink{background:var(--accent-magenta);color:#fff}
.reward-ts{font-size:10px;font-weight:600;opacity:.85}

@media(max-width:900px){
:root{
--bg-primary:#0a1931;
--bg-secondary:#0a1931;
--bg-card:#0a1931;
--bg-sidebar:#0a1931;
--bg-hover:#0a1931;
--header-bg:#0a1931;
--accent-magenta:#ff3399;
--accent-pink:#ff3399;
--accent-cyan:#00c9b1;
--border-color:rgba(255,255,255,.14);
--card-border-glow:rgba(0,201,177,.45);
--header-top-height:0px;
--header-main-height:0px;
--header-bets-row-height:0px;
--header-height:86px;
--mobile-nav-h:56px;
}
body{padding-bottom:var(--mobile-nav-h)}
.layout{margin-top:var(--header-height)}
.header{border-bottom-color:rgba(255,255,255,.1)}
.header-mobile-stack{display:flex;flex-direction:column;background:var(--header-bg)}
.header-m-toolbar{
display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
min-height:52px;padding:0 10px;gap:6px;
border-bottom:1px solid rgba(255,255,255,.08);
}
.header-m-start{display:flex;align-items:center;gap:4px;grid-column:1}
.header-m-search{
display:flex;align-items:center;justify-content:center;
width:40px;height:40px;color:#fff;opacity:.95;padding:0;
}
.header-m-search svg{display:block}
.logo--mobile-only{
grid-column:2;justify-self:center;margin:0;
font-size:15px;letter-spacing:1.4px;font-weight:900;
color:var(--accent-magenta);
}
.logo--mobile-only svg{display:none}
.header-m-end{
grid-column:3;justify-self:end;display:flex;align-items:center;gap:8px;
}
.header-m-text{
font-size:10px;font-weight:800;color:#fff;white-space:nowrap;
letter-spacing:.02em;
}
.header-m-icon{color:#fff;display:flex;align-items:center;opacity:.95}
.header-m-bets{
width:36px;height:36px;border-radius:6px;background:#fff;
display:flex;align-items:center;justify-content:center;
color:#0a1931;flex-shrink:0;
}
.header-m-bets svg{stroke:#0a1931}
.header-m-safer{
display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;
padding:8px 12px;font-size:9px;font-weight:700;
border-bottom:1px solid rgba(255,255,255,.08);
}
.header-m-safer-link{color:rgba(255,255,255,.88);white-space:nowrap}
.header-m-safer-ttt{display:inline-flex;align-items:center;gap:4px;color:rgba(255,255,255,.88)}
.header-top,.header-main,.header-bets-row{display:none!important}

.mobile-menu-btn{flex-shrink:0}
.mobile-categories{
display:flex;gap:4px;overflow-x:auto;padding:12px var(--main-content-pad) 4px;
scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.mobile-categories::-webkit-scrollbar{display:none}
.mobile-cat{
flex:0 0 auto;min-width:76px;max-width:92px;display:flex;flex-direction:column;
align-items:center;gap:6px;padding:8px 6px 10px;font-size:9px;font-weight:700;
color:rgba(255,255,255,.82);text-align:center;border-radius:8px;
border-bottom:3px solid transparent;
}
.mobile-cat svg{opacity:.9;color:#fff;flex-shrink:0}
.mobile-cat.active{color:#fff;border-bottom-color:var(--accent-magenta)}
.mobile-cat.active svg{color:var(--accent-magenta)}

.promo-card{
background:#0a1931;border:1px solid var(--accent-cyan);
box-shadow:none;
}
.promo-card:hover{border-color:var(--accent-cyan);box-shadow:none}
.promo-card .promo-highlight{color:var(--accent-cyan)}
.promo-card .promo-terms{color:var(--accent-cyan);text-decoration:underline}
.promo-dots span.active{background:var(--accent-magenta);box-shadow:0 0 8px rgba(255,51,153,.45)}

.reward-banner{border-radius:10px}
.race-tabs button:not(.active){
background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);
}
.race-tabs button.active{background:#fff;color:#0a1931;border-color:#fff}

.mobile-bottom-nav{
display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1002;
min-height:var(--mobile-nav-h);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0));
background:#0a1931;border-top:1px solid rgba(255,255,255,.12);
justify-content:space-around;align-items:flex-end;
}
.mobile-bot-link{
display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;flex:1;
font-size:9px;font-weight:700;color:rgba(255,255,255,.75);padding:2px 2px 0;
max-width:72px;
}
.mobile-bot-link svg{flex-shrink:0;opacity:.9}
.mobile-bot-link.active{color:var(--accent-magenta)}
.mobile-bot-link.active svg{color:var(--accent-magenta)}

.help-float{
bottom:calc(var(--mobile-nav-h) + 14px);right:12px;z-index:1003;
width:52px;height:52px;min-height:52px;padding:0;border-radius:50%;
display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
gap:0;font-size:9px;
box-shadow:0 4px 18px rgba(255,51,153,.45);
}
.help-float svg{margin:0}
.help-float-text{display:block;line-height:1;margin-top:2px}

.scroll-top{bottom:calc(var(--mobile-nav-h) + 72px);z-index:1004}

.sidebar-left.active{top:var(--header-height)}
.seo-content-inner,.footer{background:var(--bg-primary)}
}