*{box-sizing:border-box}
:root{--blue:#243366;--blue-dark:#1d2d60;--blue-soft:#90b3db;--gold:#e9b900;--orange:#ff8518;--ink:#202638}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#fff;background:#fff;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.responsible-bar{height:35px;background:#293747;display:flex;align-items:center;padding:0 12px;font-size:11px;color:#e9eef5;position:relative}
.responsible-bar>span:first-child{width:35%}
.responsible-copy{margin-left:auto;margin-right:32%;text-align:center;font-size:8px;line-height:1.1}
.responsible-close{position:absolute;left:49.6%;top:5px;background:none;border:0;color:#fff;font-size:24px;line-height:1}
.adm-mark{position:absolute;right:62px;font-size:18px;font-weight:800}.age-mark{position:absolute;right:10px;border:1px solid #b8c2cd;border-radius:50%;padding:5px 3px;font-weight:700}

.desktop-header{height:101px;background:#fff}
.header-main{height:65px;background:linear-gradient(90deg,#2b3f79 0,#8eb6dd 50%,#283a72 100%);display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.brand,.mobile-brand{display:flex;align-items:center}
.brand img{width:160px;height:58px;object-fit:contain}
.login-form{position:relative;display:grid;grid-template-columns:126px 126px 94px 96px;gap:10px;align-items:center}
.login-form input{height:30px;border:0;border-radius:3px;padding:0 9px;color:#333;width:100%;background:#fff}
.password-wrap{position:relative}.password-toggle{position:absolute;right:3px;top:4px;border:0;background:none;color:#333}
.login-button,.register-button{border:0;border-radius:3px;height:31px;color:#fff;font-weight:800;font-size:12px}
.login-button{background:#49a908}.register-button{background:#ecb800}
.recover{position:absolute;right:105px;top:34px;font-size:10px}
.desktop-nav{height:36px;display:flex;align-items:center;justify-content:center;gap:32px;color:#202632;font-weight:800;font-size:11px}
.desktop-nav a:hover{color:#e4b30e}

.mobile-header,.mobile-bottom-nav,.mobile-drawer,.drawer-backdrop{display:none}
.blue-stage{background:linear-gradient(90deg,#243366 0%,#90b3db 50%,#243366 100%);padding-bottom:100px}

.hero{height:514px;position:relative;overflow:hidden}
.hero-track{position:absolute;inset:0}
.hero-card{position:absolute;left:50%;top:80px;width:565px;aspect-ratio:650/450;border-radius:7px;overflow:hidden;box-shadow:0 20px 20px rgba(23,35,71,.22);transition:transform .65s ease,opacity .65s ease;transform-origin:center}
.hero-card img{width:100%;height:100%;object-fit:cover}
.hero-pos-center{transform:translateX(-50%) scale(1);z-index:5;opacity:1}
.hero-pos-left{transform:translateX(-122%) scale(.8);z-index:4;opacity:1}
.hero-pos-right{transform:translateX(22%) scale(.8);z-index:4;opacity:1}
.hero-pos-far-left{transform:translateX(-170%) scale(.62);z-index:3;opacity:.9}
.hero-pos-far-right{transform:translateX(70%) scale(.62);z-index:3;opacity:.9}
.hero-card:after{content:"";position:absolute;left:0;right:0;top:100%;height:36px;background:linear-gradient(rgba(255,255,255,.18),transparent);transform:scaleY(-1)}
.hero-arrow{position:absolute;top:49%;border:0;border-radius:50%;width:34px;height:34px;background:#203568;color:white;font-size:30px;line-height:28px;z-index:7}.hero-prev{left:2%}.hero-next{right:2%}
.hero-dots{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.hero-dots button{border:0;width:28px;height:4px;padding:0;background:#aab7aa}.hero-dots button.active{background:var(--gold)}

.content-section{max-width:1700px;margin:0 auto;padding:24px 0}
.section-heading,.simple-heading{display:flex;align-items:center;gap:8px;margin:0 0 16px}
.section-heading h2,.simple-heading h2{font-size:17px;margin:0;font-weight:900}
.section-heading p{font-size:13px;margin:0;color:#e7ebf3}.heading-divider{height:24px;width:1px;background:#ff6e24}
.section-heading>a,.simple-heading>a{margin-left:auto;color:rgba(255,255,255,.45);font-weight:800}
.mobile-title{display:none}

.carousel-shell{position:relative}
.numbered-carousel,.league-carousel,.odds-carousel{display:flex;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
.numbered-carousel::-webkit-scrollbar,.league-carousel::-webkit-scrollbar,.odds-carousel::-webkit-scrollbar{display:none}
.numbered-carousel{gap:14px;justify-content:space-between;padding:6px 0 8px}
.numbered-game{position:relative;flex:0 0 18%;min-width:230px;height:240px}
.numbered-game img{height:195px;width:145px;object-fit:cover;border-radius:7px;margin:0 auto;box-shadow:0 10px 16px rgba(12,25,62,.48)}
.game-number{position:absolute;left:0;bottom:0;font-size:110px;line-height:.7;font-weight:900;color:white;-webkit-text-stroke:7px var(--gold);paint-order:stroke fill;text-shadow:0 4px 2px rgba(30,39,70,.45);z-index:2}
.scroll-button{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:28px;height:28px;border:0;border-radius:50%;background:#24386d;color:#fff;font-size:22px;line-height:20px}.scroll-button.left{left:-4px}.scroll-button.right{right:-4px}
.pager{display:flex;justify-content:center;gap:6px;margin-top:6px}.pager i{width:25px;height:5px;background:#a6b4ab;border-radius:3px}.pager i.active{background:var(--gold)}

.leagues-section{max-width:1040px}
.simple-heading{justify-content:space-between}.simple-heading h2{font-size:17px}.simple-heading>span{font-size:18px}.simple-heading>a{font-size:16px}
.league-carousel{gap:36px;padding:6px 12px}
.league-card{flex:0 0 142px;text-align:center;font-size:15px}
.league-logo{width:126px;height:126px;margin:0 auto 12px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 12px rgba(255,255,255,.45),0 8px 10px rgba(20,31,68,.4);border:2px solid rgba(255,255,255,.18);font-weight:900}
.league-logo b{font-size:40px;line-height:1}.league-logo small{font-size:13px;line-height:1.05;font-weight:900}.serie-a{background:radial-gradient(circle at 35% 28%,#5abfff,#2062d8 62%,#153d89)}.premier{background:radial-gradient(circle at 35% 28%,#765086,#341b49 62%,#241331)}.laliga{background:radial-gradient(circle at 35% 28%,#ff6b68,#ee3030 62%,#ad1717)}.bundes{background:radial-gradient(circle at 35% 28%,#ff4e5a,#c70013 62%,#84000d)}.ligue{background:radial-gradient(circle at 35% 28%,#594bff,#251be0 62%,#100b87)}.champions{background:radial-gradient(circle at 35% 28%,#6f4a8f,#3e245c 62%,#25143a)}

.live-section{max-width:1040px}.sports-heading>span{letter-spacing:4px}.live-row{display:flex;align-items:center;gap:10px}.plain-arrow{border:0;background:transparent;color:#d3a869;font-size:58px}.live-card{width:337px;background:#30333d;border-radius:7px;padding:9px 22px 14px;color:#fff}.live-top{display:grid;grid-template-columns:36px 20px 1fr 10px;gap:8px;align-items:center;font-size:12px}.live-top img{width:34px;height:34px;object-fit:contain}.live-top i{width:14px;height:14px;border-radius:50%;background:red;box-shadow:0 0 8px red}.score-line{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;margin-top:7px}.score-line b{font-size:14px}.score-line b:last-child{text-align:right}.score-line strong{text-align:center;font-size:27px;color:#f1ba00}.match-time{text-align:center;font-size:11px}.match-time span{color:#ffc400}

.top-match-section{max-width:none;padding-left:7%;padding-right:7%}.odds-carousel{gap:12px}.odds-card{flex:0 0 390px;background:#1f263a;border-radius:7px;padding:11px;color:#eef0f4}.odds-card>div:first-child{display:flex;justify-content:space-between;font-size:12px}.odds-card time{color:#72798b}.odds-card p{text-align:center;margin:14px 0 10px;font-size:13px}.odds-card em{color:#7d8392;font-style:normal}.odds{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.odds span{background:#171d2b;text-align:center;padding:5px;font-size:11px;color:#79808e}.odds b{display:block;color:#fff;font-size:12px;margin-top:3px}.pager.long{margin-top:18px}

.lucky-section{max-width:none}.lucky-section .section-heading{max-width:1700px;margin-left:auto;margin-right:auto}.games-mosaic{height:505px;display:grid;grid-template-columns:2fr repeat(3,1fr) 2fr 1fr;grid-template-rows:1fr 1fr;gap:7px;overflow:hidden}.mosaic-card{overflow:hidden}.mosaic-card img{width:100%;height:100%;object-fit:cover}.mosaic-tall{grid-row:span 2}.mosaic-card.wide{grid-column:5}.games-mosaic .mosaic-card:nth-child(6){grid-column:6}.games-mosaic a:hover img{transform:scale(1.04)}.games-mosaic img{transition:transform .25s}

.app-section{min-height:660px;max-width:1040px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:150px}.app-copy h2{font-size:42px;margin:0 0 14px}.app-copy p{color:#ffc400;font-weight:700}.app-copy div{display:flex}.app-copy img{height:65px;width:auto}.app-phone{height:570px;width:auto}

.products-section{max-width:none;padding-bottom:55px}.products-section .section-heading{max-width:1700px;margin-left:auto;margin-right:auto}.products-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.products-grid a{border-radius:8px;overflow:hidden}.products-grid img{width:100%;height:240px;object-fit:cover}.products-grid a:hover{transform:translateY(-4px)}.products-grid a{transition:transform .2s}

.seo-content{color:#505563;background:#fff;padding:64px 24px 80px;font-size:15px;line-height:1.65}.seo-content>*{max-width:1320px;margin-left:auto;margin-right:auto}.seo-content h1{color:#1f2733;font-size:31px;line-height:1.18;margin-top:0;margin-bottom:20px}.seo-content h2{color:#20242c;font-size:21px;line-height:1.25;margin-top:42px;margin-bottom:12px}.seo-content p{margin-top:10px;margin-bottom:10px}.seo-content strong{color:#343b46}
.site-footer{max-height:0;overflow:hidden;background:#2a3745;color:#fff;transition:max-height .45s ease;scroll-margin-top:20px}
.site-footer.open{max-height:460px}
.footer-main{background:#2a3745}
.footer-main-inner{max-width:1400px;min-height:180px;margin:0 auto;padding:23px 28px 19px;display:grid;grid-template-columns:2.2fr 1fr 1.4fr 2.05fr .85fr;gap:43px}
.site-footer h2{font-size:13px;line-height:1.05;margin:0 0 7px;color:#fff;font-weight:900}
.footer-security h2{font-size:10px;font-weight:400;margin-bottom:9px}.security-logos{height:54px;display:flex;align-items:center;gap:22px}.adm-wheel{font-size:10px;width:54px;height:44px;border-bottom:3px solid #eef2f6;display:flex;align-items:flex-end;justify-content:center;position:relative;font-weight:800}.adm-wheel:before{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:31px;border:2px solid #eef2f6;border-bottom:0;border-radius:50% 50% 0 0;opacity:.85}.adm-word{font-size:22px;font-weight:900}.footer-age{display:grid;place-items:center;width:43px;height:43px;border:2px solid #eef2f6;border-radius:50%;font-size:16px}.footer-security p{max-width:330px;font-size:10px;line-height:1.15;margin:16px 0 0}
.footer-column{min-width:0}.footer-links{display:flex;flex-wrap:wrap;align-content:flex-start;gap:15px 16px}.footer-column a{font-size:11px;line-height:1.1;color:#fff;white-space:nowrap}.footer-column a:hover{color:#e5b314}.footer-disclaimer .footer-links{gap:15px 14px}
.footer-download{display:flex;flex-direction:column;align-items:flex-start}.footer-download h2{margin-bottom:0}.footer-app-icon{width:42px;height:42px;object-fit:contain;margin:0 0 4px}.footer-download a img{width:116px;height:39px;object-fit:contain;margin-top:4px}
.footer-payment-strip{height:48px;background:#ececec;display:flex;align-items:center}.footer-payment-strip>div{width:1400px;margin:0 auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:27px}.footer-payment-strip img{width:82px;height:30px;object-fit:contain}.footer-payment-strip img:nth-child(2){width:110px}.footer-payment-strip img:nth-child(3){width:105px}.footer-payment-strip img:nth-child(6){width:110px}.footer-payment-strip img:nth-child(7){width:96px}
.footer-legal{height:42px;background:#2a3745;border:0;padding:0 20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:900}.footer-legal p{margin:0}
.desktop-float-actions{position:fixed;right:8px;bottom:12px;display:flex;gap:5px;z-index:20}.desktop-float-actions button{border:0;background:#e7b500;color:#263252;padding:13px 22px;font-size:10px}
.back-top{position:fixed;right:8px;bottom:76px;width:42px;height:42px;border-radius:50%;border:0;background:#fff9e8;color:#fff;z-index:12}

@media (max-width:1200px){
  .desktop-nav{gap:16px}.content-section{padding-left:18px;padding-right:18px}.seo-content{padding-left:18px;padding-right:18px}
  .numbered-game{flex-basis:220px}.games-mosaic{height:430px}.products-grid{gap:8px}.products-grid img{height:190px}
}

@media (max-width:767px){
  body{padding-top:48px;padding-bottom:60px;background:#243366}
  .responsible-bar,.desktop-header,.desktop-float-actions,.back-top{display:none}
  .mobile-header{display:grid;position:fixed;z-index:50;top:0;left:0;right:0;height:48px;background:#26396f;grid-template-columns:48px 120px 1fr 64px;align-items:center;border-bottom:1px solid rgba(0,0,0,.2)}
  .menu-toggle{border:0;background:transparent;width:48px;height:48px;padding:12px 14px}.menu-toggle span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:1px}
  .mobile-register{height:36px;background:#e9b400;color:#fff;border:0;border-radius:3px;font-size:14px;font-weight:800}
  .mobile-brand{justify-self:center;white-space:nowrap}.mobile-brand img{width:125px;height:43px;object-fit:contain}.mobile-login{height:48px;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;line-height:18px}.person-icon{font-size:22px;line-height:20px}
  .mobile-drawer{display:block;position:fixed;z-index:70;left:0;top:0;bottom:0;width:78%;max-width:340px;background:#1d2d60;transform:translateX(-102%);transition:transform .25s;padding:64px 22px 20px}.mobile-drawer.open{transform:translateX(0)}.mobile-drawer nav{display:grid}.mobile-drawer a{padding:13px;border-bottom:1px solid rgba(255,255,255,.12);font-weight:700}.drawer-close{position:absolute;right:13px;top:8px;background:none;border:0;color:#fff;font-size:36px}.drawer-backdrop{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.5)}.drawer-backdrop.open{display:block}
  .blue-stage{padding-bottom:60px;background:linear-gradient(90deg,#243366 0%,#8eb1d8 50%,#243366 100%)}
  .hero{height:302px}.hero-card{top:33px;width:300px;border-radius:0;box-shadow:none}.hero-pos-center{transform:translateX(-50%)}.hero-pos-left{transform:translateX(-134%) scale(.8)}.hero-pos-right{transform:translateX(34%) scale(.8)}.hero-pos-far-left{transform:translateX(-185%) scale(.62)}.hero-pos-far-right{transform:translateX(85%) scale(.62)}.hero-card:after,.hero-arrow,.hero-dots{display:none}
  .content-section{padding:0 14px 28px}.section-heading{height:30px;margin:0 -14px 29px;background:linear-gradient(90deg,rgba(53,61,86,.65),#eabb00);border-radius:0 18px 18px 0;max-width:86%;justify-content:center;color:#0067bf}.section-heading h2{font-size:16px}.section-heading .desktop-title,.section-heading p,.section-heading>a,.section-heading .heading-divider{display:none}.section-heading .mobile-title{display:inline}
  .numbered-carousel{gap:62px;margin:0 -14px;padding:0 0 24px 52px;justify-content:flex-start;scroll-snap-type:x mandatory}.numbered-game{flex:0 0 155px;min-width:155px;height:239px;scroll-snap-align:start}.numbered-game img{height:211px;width:155px;margin:0;border-radius:7px}.game-number{left:-38px;bottom:-1px;font-size:104px;-webkit-text-stroke-width:6px}.scroll-button{display:none}.pager{justify-content:flex-start;margin-left:33px;margin-top:-2px}.pager i{width:38px;height:6px;background:#8f94a1}.pager i.active{background:#ff6d2c}
  .leagues-section{padding-top:29px}.simple-heading{margin:0 0 19px}.simple-heading h2{font-size:16px}.simple-heading .desktop-title{display:none}.simple-heading .mobile-title{display:inline}.simple-heading>a{display:none}.simple-heading>span{font-size:22px;margin-right:34%}
  .league-carousel{gap:28px;padding:4px 10px 7px;margin:0 -14px;scroll-snap-type:x mandatory}.league-card{flex:0 0 122px;font-size:14px;scroll-snap-align:start}.league-logo{width:108px;height:108px;margin-bottom:13px}.league-logo b{font-size:34px}.league-logo small{font-size:11px}
  .live-section{padding-top:32px}.sports-heading>span{margin-right:auto;letter-spacing:3px;font-size:21px}.live-row{margin:0}.plain-arrow{display:none}.live-card{width:100%;padding:9px 20px 18px}.live-top{grid-template-columns:42px 20px 1fr 14px;font-size:14px}.live-top img{width:42px;height:42px}.score-line{margin-top:4px}
  .top-match-section,.lucky-section,.app-section,.products-section{margin-top:15px}.odds-card{flex-basis:330px}.games-mosaic{height:620px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr)}.mosaic-tall{grid-row:span 1}.mosaic-card.wide,.games-mosaic .mosaic-card:nth-child(6){grid-column:auto}.games-mosaic .mosaic-card:nth-child(n+7){display:none}
  .app-section{min-height:560px;display:grid;gap:20px;padding:35px 16px;text-align:center}.app-copy h2{font-size:30px}.app-copy div{justify-content:center}.app-copy img{height:52px}.app-phone{height:360px;margin:auto}
  .products-grid{display:flex;overflow-x:auto;gap:10px;padding:0 14px}.products-grid a{flex:0 0 280px}.products-grid img{height:190px}.products-section .section-heading{margin-left:-14px}
  .seo-content{padding:38px 16px 90px;font-size:14px;line-height:1.58}.seo-content h1{font-size:25px}.seo-content h2{font-size:19px;margin-top:34px}
  .site-footer{max-height:none}.footer-main-inner{padding:30px 20px;grid-template-columns:1fr 1fr;gap:30px}.footer-security,.footer-disclaimer,.footer-download{grid-column:1/-1}.footer-column a{font-size:12px}.footer-download{align-items:center}.footer-payment-strip{height:auto;padding:12px 0}.footer-payment-strip>div{padding:0 18px;flex-wrap:wrap;justify-content:center;gap:13px 22px}.footer-payment-strip img{width:65px;height:25px}.footer-legal{height:auto;min-height:42px;text-align:center;padding:12px 18px}
  .mobile-bottom-nav{display:grid;position:fixed;z-index:55;left:0;right:0;bottom:0;height:61px;background:#253648;grid-template-columns:repeat(6,1fr);box-shadow:0 -1px 8px rgba(0,0,0,.25)}.mobile-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;white-space:nowrap}.mobile-bottom-nav b{font-size:22px;line-height:23px}.mobile-bottom-nav i{position:absolute;top:1px;right:20%;width:18px;height:18px;border-radius:50%;background:#f5293d;font-size:10px;display:grid;place-items:center;font-style:normal}
}

@media (max-width:420px){
  .mobile-header{grid-template-columns:44px 105px 1fr 58px}.mobile-register{font-size:12px}.mobile-brand img{width:112px;height:40px}
  .hero{height:282px}.hero-card{width:282px}.numbered-carousel{gap:52px;padding-left:48px}.mobile-bottom-nav span{font-size:10px}
}