*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Segoe UI',Arial,Helvetica,sans-serif;background:#1b0a37;color:#fff;line-height:1.55;-webkit-font-smoothing:antialiased;padding-bottom:80px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:1240px;margin:0 auto;padding:0 16px}
.accent{color:#f3f02b}
.btn{display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;font-weight:700;border-radius:30px;padding:10px 22px;font-size:14px;transition:transform .15s,opacity .2s;font-family:inherit}
.btn:hover{transform:translateY(-1px);opacity:.95}
.btn-primary{background:#f3f02b;color:#1b0a37}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}
.btn-lg{padding:14px 34px;font-size:15px}
.plus{font-size:16px;font-weight:900}
.site-header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#1b0a37 80%,rgba(27,10,55,.95));backdrop-filter:blur(6px);padding:14px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo svg{height:34px;width:auto}
.header-actions{display:flex;align-items:center;gap:10px}
.breadcrumbs{background:rgba(0,0,0,.15);padding:10px 0;font-size:13px;color:#b8a8d4}
.breadcrumbs a{color:#f3f02b}
.breadcrumbs span{margin:0 6px;opacity:.6}
.hero{padding:18px 0}
.hero-inner{position:relative;border-radius:18px;overflow:hidden;min-height:340px;padding:40px;background:linear-gradient(100deg,rgba(27,10,55,.95) 0%,rgba(60,15,95,.6) 50%,rgba(255,80,180,.35) 100%),url('banner.webp') center/cover no-repeat,#3a1170}
.hero-content{max-width:560px}
.hero-eyebrow{color:#f3f02b;font-weight:800;letter-spacing:1px;font-size:13px;margin-bottom:14px}
.hero-title{font-size:30px;font-weight:900;line-height:1.2;margin-bottom:14px}
.hero-sub{font-size:15px;color:#dbcef0;margin-bottom:22px}
.feature-tiles{padding:14px 0}
.tiles-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tile{position:relative;border-radius:14px;overflow:hidden;min-height:200px;padding:20px;display:flex;align-items:flex-end;background:#2a1255}
.tile-sports{background:linear-gradient(135deg,#2a1255 0%,#5a1a3a 100%)}
.tile-casino{background:linear-gradient(135deg,#2a1255 0%,#3a3a8a 100%)}
.tile-body{display:flex;flex-direction:column;gap:14px}
.tile-title{font-weight:800;font-size:18px;max-width:80%}
.leagues{padding:24px 0}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}
.section-title{font-size:22px;font-weight:800}
.slider-nav{display:flex;gap:8px}
.slider-actions{display:flex;align-items:center;gap:14px}
.see-all{background:#2a1255;color:#fff;padding:7px 14px;border-radius:30px;font-size:13px}
.nav-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#2a1255;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.nav-btn:hover{background:#3c1a70}
.slider{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:6px}
.slider::-webkit-scrollbar{display:none}
.league-card{flex:0 0 160px;height:110px;background:#2a1255;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:18px}
.league-card img{max-height:70px;width:auto;filter:brightness(0) invert(1)}
.slots-section{padding:18px 0}
.slot-card{flex:0 0 160px;background:#2a1255;border-radius:12px;overflow:hidden;display:block}
.slot-card img{width:100%;height:180px;object-fit:cover;background:#3a1170}
.slot-name{padding:10px;font-size:13px;font-weight:600;text-align:center}
.payments{padding:30px 0;background:#160828;margin-top:30px}
.payments-row{display:flex;align-items:center;justify-content:space-around;gap:18px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:18px 0}
.payments-row img{height:30px;width:auto;opacity:.85;filter:brightness(0) invert(1)}
.seo-content{padding:40px 0;background:#160828}
.seo-content h1{font-size:30px;font-weight:900;line-height:1.25;margin:0 0 24px}
.seo-content h2{font-size:24px;font-weight:800;margin:34px 0 14px;color:#f3f02b}
.seo-content h3{font-size:18px;font-weight:700;margin:24px 0 10px}
.seo-content p{margin:0 0 14px;color:#dbcef0}
.seo-content strong{color:#fff}
.seo-content ul,.seo-content ol{margin:0 0 16px;padding-left:22px;color:#dbcef0}
.seo-content li{margin-bottom:6px}
.seo-content table{width:100%;border-collapse:collapse;margin:16px 0 22px;display:block;overflow-x:auto;background:#22104a;border-radius:10px;font-size:14px}
.seo-content table tr{display:table;width:100%;table-layout:fixed}
.seo-content th,.seo-content td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);word-wrap:break-word;overflow-wrap:break-word}
.seo-content th{background:#3a1170;color:#f3f02b;font-weight:700}
.seo-content tr:last-child td{border-bottom:0}
.site-footer{background:#0f0520;padding:40px 0 20px;text-align:center}
.footer-logo{margin-bottom:20px}
.footer-logo svg{height:42px;width:auto}
.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 30px;max-width:520px;margin:0 auto 24px;font-size:14px}
.footer-links a{color:#cfc1e8}
.footer-links a:hover{color:#f3f02b}
.footer-socials{display:flex;justify-content:center;gap:24px;margin-bottom:18px}
.footer-socials a{opacity:.85;transition:opacity .2s}
.footer-socials a:hover{opacity:1}
.footer-copy{color:#8a7baa;font-size:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);max-width:760px;margin:0 auto}
.mobile-tabs{position:fixed;bottom:0;left:0;right:0;background:#1b0a37;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-around;align-items:center;padding:8px 4px;z-index:90}
.mobile-tabs .tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:#8a7baa;flex:1;padding:4px 0;background:transparent;border:0;cursor:pointer;font-family:inherit}
.mobile-tabs .tab.active{color:#f3f02b}
.mobile-tabs .tab-menu{background:#f3f02b;width:54px;height:54px;border-radius:50%;margin-top:-22px;color:#1b0a37;justify-content:center}
@media (min-width:900px){.mobile-tabs{display:none}body{padding-bottom:0}.footer-links{grid-template-columns:repeat(5,auto);justify-content:center}.hero-title{font-size:42px}.tile{min-height:240px}.tile-title{font-size:22px}}
@media (max-width:600px){.hero-inner{padding:24px;min-height:300px}.hero-title{font-size:22px}.tiles-grid{grid-template-columns:1fr 1fr}.tile{min-height:180px;padding:14px}.tile-title{font-size:14px}.seo-content h1{font-size:22px}.seo-content h2{font-size:18px}.btn-ghost{padding:8px 14px;font-size:13px}.btn-primary{padding:9px 16px;font-size:13px}.section-title{font-size:18px}}