*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:64px}
body{min-height:100dvh;line-height:1.6;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:clamp(1rem,0.95rem + 0.25vw,1.125rem);color:#e0e0e0;background:#232626}
img,picture{display:block;max-width:100%;height:auto}
ul{list-style:none}
a{color:inherit;text-decoration:none}
button{cursor:pointer;background:none;border:none;font:inherit;color:inherit}
h1,h2,h3{text-wrap:balance;line-height:1.2;color:#ffffff}
p{text-wrap:pretty}
.pg-wrap{max-width:1200px;margin:0 auto;padding-left:10px;padding-right:10px}
.skip-lnk{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-lnk:focus{position:static;width:auto;height:auto;padding:8px 16px;background:#24EE89;color:#111111}
header{background:#292D2E;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,0.07)}
.hd-bar{padding:0 10px}
.hd-wrap{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;height:64px}
.ham-btn{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:20px}
.ham-btn span{display:block;width:100%;height:2px;background:#e8e8e8;border-radius:2px}
.desk-nav{display:none}
@media(min-width:1081px){
.ham-btn{display:none}
.desk-nav{display:flex;align-items:center;flex:1;margin-left:32px}
.desk-list{display:flex;align-items:center;gap:4px;flex:1}
.desk-list li{display:flex;align-items:center;position:relative}
.desk-list a,.desk-list .nav-active{display:inline-flex;align-items:center;padding:8px 14px;font-size:clamp(0.875rem,0.8rem + 0.35vw,1rem);color:#e8e8e8;border-radius:6px;white-space:nowrap;transition:background .18s,color .18s}
.desk-list .nav-active{color:#24EE89;font-weight:600;background:rgba(36,238,137,0.08)}
.desk-list a:hover{background:rgba(255,255,255,0.07);color:#ffffff}
.sub-arr{display:inline-flex;align-items:center;justify-content:center;font-size:0.65rem;padding-left:4px;transition:transform .25s;transform-origin:center;color:#bbbbbb;cursor:default}
.has-sub:hover .sub-arr{transform:rotate(180deg)}
.desk-sub{display:none;position:absolute;top:calc(100% + 1px);left:0;background:#1E2121;border:1px solid rgba(255,255,255,0.1);border-radius:8px;z-index:200;flex-direction:column}
.has-sub:hover .desk-sub{display:flex}
.desk-sub li{display:block}
.desk-sub a{display:block;padding:8px 14px;font-size:0.875rem;color:#e8e8e8;white-space:nowrap;border-radius:4px;transition:background .15s,color .15s}
.desk-sub a:hover{background:rgba(36,238,137,0.12);color:#24EE89}
.desk-auth{display:flex;align-items:center;gap:10px;margin-left:16px}
}
.btn-login{display:inline-flex;align-items:center;padding:9px 20px;border:1px solid rgba(255,255,255,0.25);border-radius:8px;font-size:0.875rem;color:#e8e8e8;transition:background .18s,border-color .18s;white-space:nowrap}
.btn-login:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.4)}
.btn-signup{display:inline-flex;align-items:center;padding:9px 20px;background:#24EE89;border-radius:8px;font-size:0.875rem;color:#111111;font-weight:700;transition:background .18s;white-space:nowrap}
.btn-signup:hover{background:#1fd678}
.mob-menu{display:none;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;background:#292D2E;z-index:300;overflow-y:auto}
.mob-menu.mob-open{display:flex}
@media(min-width:1081px){.mob-menu{display:none!important}}
.mob-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.08)}
.mob-close{font-size:1.8rem;color:#e8e8e8;line-height:1;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.mob-list{padding:12px 0}
.mob-list li{display:flex;align-items:center;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,0.05)}
.mob-list a,.mob-list .nav-active{display:inline-flex;align-items:center;padding:14px 18px;font-size:1rem;color:#e8e8e8;width:100%;flex:1;transition:color .15s}
.mob-list .nav-active{color:#24EE89;font-weight:600}
.mob-list a:hover{color:#24EE89}
.mob-parent-row{display:flex;align-items:center;width:100%}
.mob-parent-row a{flex:1}
.mob-arr{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;cursor:pointer;transition:transform .25s;transform-origin:center;font-size:0.65rem;color:#bbbbbb}
.mob-arr.mob-arr-open{transform:rotate(180deg)}
.mob-sub{display:none;width:100%;flex-direction:column}
.mob-sub.mob-sub-open{display:flex}
.mob-sub li{border-top:1px solid rgba(255,255,255,0.04)}
.mob-sub a{display:inline-flex;align-items:center;padding:12px 18px 12px 36px;font-size:0.9rem;color:#bbbbbb;width:100%;transition:color .15s}
.mob-sub a:hover{color:#24EE89}
.mob-auth{display:flex;align-items:center;gap:10px;padding:16px 14px}
.mob-auth .btn-login{flex:1;justify-content:center}
.mob-auth .btn-signup{flex:1;justify-content:center}
.mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:290}
.mob-overlay.mob-ov-open{display:block}
.hero-blk{position:relative;overflow:hidden;min-height:400px;display:flex;align-items:center}
.geo-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1a2a1a 0%,#232626 55%,#1a1e2a 100%);z-index:0}
.hero-svg-bg{position:absolute;inset:0;z-index:1;pointer-events:none}
.hero-svg-bg svg{width:100%;height:100%}
.hero-blk .pg-wrap{position:relative;z-index:2;width:100%}
.hero-inner{display:flex;align-items:center;gap:32px;padding:56px 0}
.hero-txt{flex:1;min-width:0}
.hero-txt h1{font-size:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);margin-bottom:16px}
.hero-txt p{color:#cccccc;margin-bottom:14px;line-height:1.7}
.hero-cta-row{margin-top:24px}
.hero-svg-col{width:40%;max-width:320px;min-width:180px;flex-shrink:0}
@media(max-width:1080px){
.hero-inner{flex-direction:column;padding:40px 0}
.hero-svg-col{width:100%;max-width:260px;margin:0 auto}
}
.btn-cta{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;background:#24EE89;border-radius:8px;color:#111111;font-weight:700;font-size:0.95rem;transition:background .18s}
.btn-cta:hover{background:#1fd678}
.cta-row{text-align:center;margin-top:28px}
.sports-grid-blk{padding:60px 10px}
.sports-grid-blk h2{font-size:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);margin-bottom:16px}
.sports-grid-blk p{color:#cccccc;margin-bottom:20px;line-height:1.7}
.sports-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:968px){.sports-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.sports-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.sports-grid{grid-template-columns:1fr}}
.sport-card{background:#1E2121;border:1px solid rgba(255,255,255,0.07);border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.sport-card:hover{box-shadow:0 6px 20px rgba(0,0,0,0.3);transform:translateY(-3px)}
.sport-card img{width:100%;height:auto;object-fit:cover;aspect-ratio:5/3}
.sc-body{padding:12px}
.sc-title{font-size:0.95rem;font-weight:700;color:#f0f0f0;margin-bottom:4px}
.sc-detail{font-size:0.82rem;color:#bbbbbb;line-height:1.5}
.football-blk{padding:60px 10px;background:#1E2121}
.football-blk h2{font-size:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);margin-bottom:16px}
.football-blk p{color:#cccccc;margin-bottom:14px;line-height:1.7}
.football-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
@media(max-width:968px){.football-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.football-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.football-grid{grid-template-columns:1fr}}
.fb-card{background:#232626;border:1px solid rgba(255,255,255,0.07);border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.fb-card:hover{box-shadow:0 6px 20px rgba(0,0,0,0.35);transform:translateY(-3px)}
.fb-card img{width:100%;height:auto;object-fit:cover;aspect-ratio:5/3}
.fbc-body{padding:12px}
.fbc-title{font-size:0.95rem;font-weight:700;color:#f0f0f0;margin-bottom:4px}
.fbc-desc{font-size:0.82rem;color:#bbbbbb;line-height:1.5}
.bet-types-blk{padding:60px 10px}
.bet-types-blk h2{font-size:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);margin-bottom:16px}
.bet-types-blk p{color:#cccccc;margin-bottom:20px;line-height:1.7}
.types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:768px){.types-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.types-grid{grid-template-columns:1fr}}
.type-card{display:flex;flex-direction:column;gap:8px;padding:18px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;transition:box-shadow .2s}
.type-card:hover{box-shadow:0 4px 16px rgba(36,238,137,0.08)}
.type-icon{font-size:1.3rem;font-weight:800;color:#24EE89;line-height:1}
.type-name{font-size:0.95rem;font-weight:700;color:#f0f0f0}
.type-desc{font-size:0.85rem;color:#bbbbbb;line-height:1.6}
.live-blk{padding:60px 10px;background:#1E2121}
.live-blk h2{font-size:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);margin-bottom:16px}
.live-blk p{color:#cccccc;margin-bottom:14px;line-height:1.7}
.live-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
@media(max-width:968px){.live-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.live-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.live-grid{grid-template-columns:1fr}}
.live-card{background:#232626;border:1px solid rgba(255,255,255,0.07);border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.live-card:hover{box-shadow:0 6px 20px rgba(0,0,0,0.35);transform:translateY(-3px)}
.live-card img{width:100%;height:auto;object-fit:cover;aspect-ratio:5/3}
.lc-sport{font-size:0.92rem;font-weight:700;color:#f0f0f0;padding:10px 12px 3px}
.lc-detail{font-size:0.8rem;color:#bbbbbb;padding:0 12px 12px;line-height:1.5}
.deposits-blk{padding:60px 10px}
.deposits-blk h2{font-size:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);margin-bottom:16px}
.deposits-blk p{color:#cccccc;margin-bottom:14px;line-height:1.7}
footer{background:#1E2121;border-top:1px solid rgba(255,255,255,0.07);padding:48px 10px 24px}
.ft-wrap{padding-left:10px;padding-right:10px}
.ft-cols{display:grid;grid-template-columns:1fr 1fr 2fr;gap:32px;margin-bottom:32px}
@media(max-width:768px){.ft-cols{grid-template-columns:1fr 1fr;gap:20px}}
@media(max-width:480px){.ft-cols{grid-template-columns:1fr}}
.ft-hdg{font-size:0.78rem;text-transform:uppercase;letter-spacing:.06em;color:#bbbbbb;margin-bottom:10px;font-weight:600}
.ft-hdg-gap{margin-top:20px}
.ft-col ul li{margin-bottom:7px}
.ft-col ul a{font-size:0.88rem;color:#bbbbbb;transition:color .15s}
.ft-col ul a:hover{color:#24EE89}
.ft-logos{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px}
.ft-logos img{height:25px;width:auto;filter:brightness(0.7) grayscale(0.3);transition:filter .2s}
.ft-logos img:hover{filter:brightness(1) grayscale(0)}
.ft-trust-row{display:flex;align-items:center;gap:16px;padding:20px 0;border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:20px;flex-wrap:wrap}
.ft-trust-logos{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ft-trust-logos img{opacity:0.65}
.ft-lic{font-size:0.78rem;color:#bbbbbb;line-height:1.6;margin-bottom:16px}
.ft-base{font-size:0.78rem;color:#bbbbbb;text-align:center;padding-top:8px;border-top:1px solid rgba(255,255,255,0.04)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:320px){.hero-txt h1{font-size:1.3rem}.types-grid{grid-template-columns:1fr}}