*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:#0e1016}
body{font-family:'Roboto',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#5c5c63;
 background-color:#0e1016;font-size:16.5px;line-height:1.7;padding-bottom:92px}
h1,h2,h3,h4{font-family:'Roboto Condensed',system-ui,sans-serif;line-height:1.15;color:#0e1016}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
.narrow{max-width:860px}
a{color:inherit}
/* meander strips */
.meander{height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='18' viewBox='0 0 36 18'%3E%3Cpath d='M1 17h28V7H13v4h10' fill='none' stroke='%23f9c13e' stroke-width='2'/%3E%3C/svg%3E");background-repeat:repeat-x;background-position:center;
 opacity:.85}
.meander.dark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='18' viewBox='0 0 36 18'%3E%3Cpath d='M1 17h28V7H13v4h10' fill='none' stroke='%23c9971f' stroke-width='2'/%3E%3C/svg%3E")}
.meander-box{background:#1a1a1a;padding:10px 0}
/* marble noise overlay for dark bands */
.tex{position:relative}
.tex::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")}
/* CTA — gold gradient, dark text (brand-true) */
.btn{display:inline-block;font-family:'Roboto Condensed',sans-serif;font-weight:700;text-transform:uppercase;
 letter-spacing:1.1px;text-decoration:none;color:#1a1a1a;background:linear-gradient(135deg,#fbe08a 0%,#f9c13e 45%,#dfa022 100%);padding:13px 36px;
 font-size:16.5px;border-radius:4px;border:none;cursor:pointer;
 transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.btn-big{font-size:19px;padding:15px 46px}
.btn-small{padding:10px 26px;font-size:14px}
.btn-header{padding:9px 22px;font-size:13.5px;white-space:nowrap}
@keyframes olympulse{0%{box-shadow:0 0 0 0 rgba(249,193,62,.55),0 10px 22px -10px rgba(249,193,62,.6)}
 50%{box-shadow:0 0 0 8px rgba(249,193,62,0),0 14px 28px -8px rgba(249,193,62,.85)}
 100%{box-shadow:0 0 0 0 rgba(249,193,62,0),0 10px 22px -10px rgba(249,193,62,.6)}}
.btn-cta{animation:olympulse 2.8s infinite}
@media (prefers-reduced-motion: reduce){.btn-cta{animation:none}html{scroll-behavior:auto}}
/* chips */
.chip{display:inline-block;background:rgba(249,193,62,.14);border:1px solid rgba(249,193,62,.5);color:#f9c13e;
 padding:5px 15px;border-radius:999px;font-family:'Roboto Condensed',sans-serif;font-weight:700;
 letter-spacing:1.8px;text-transform:uppercase;font-size:12.5px}
.chip.on-light{background:#f1e5c8;border-color:#c9971f;color:#7a5a10}
/* header */
.ob-topbar{position:sticky;top:0;z-index:50;background:#0e1016;border-bottom:1px solid rgba(249,193,62,.28)}
.ob-topbar .meander{height:12px;opacity:.5}
.bar-inner{position:relative;display:flex;align-items:center;gap:26px;min-height:72px}
.brand img{height:56px;width:auto;display:block;padding:4px 0}
.ob-nav{display:flex;gap:24px;margin-inline-start:auto;flex-wrap:nowrap}
.ob-nav a{color:#b3b3b3;text-decoration:none;font-family:'Roboto Condensed',sans-serif;font-weight:600;
 font-size:15.5px;letter-spacing:.9px;text-transform:uppercase;white-space:nowrap}
.ob-nav a:hover{color:#fff}
/* hero */
.ob-hero{position:relative;min-height:600px;display:flex;align-items:center;overflow:hidden;background:#0e1016}
.hero-art{position:absolute;inset:0;background:url('assets/sports-background.jpg') no-repeat center top / cover}
.hero-art::before{content:"";position:absolute;inset:0;
 background:linear-gradient(180deg,rgba(14,16,22,.78) 0%,rgba(14,16,22,.62) 45%,rgba(14,16,22,.86) 100%)}
.hero-art::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
.hero-inner{position:relative;z-index:2;width:100%;text-align:center;padding:96px 24px 110px}
.hero-kicker{display:inline-block;margin-bottom:22px}
.hero-text h1{font-size:86px;font-weight:800;color:#fff;letter-spacing:2px;text-transform:uppercase;
 text-shadow:0 2px 18px rgba(14,16,22,.65)}
.hero-diamond{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0}
.hero-diamond::before,.hero-diamond::after{content:"";height:1px;width:90px;background:rgba(249,193,62,.55)}
.hero-diamond span{width:9px;height:9px;background:linear-gradient(135deg,#fbe08a 0%,#f9c13e 45%,#dfa022 100%);transform:rotate(45deg);display:block}
.hero-bonus{font-family:'Roboto Condensed',sans-serif;font-size:31px;font-weight:700;color:#f9c13e;
 margin-bottom:30px;text-wrap:balance;max-width:88vw;margin-inline:auto;
 text-shadow:0 1px 14px rgba(14,16,22,.75)}
.hero-fine{margin-top:22px;font-size:12.5px;color:#d8d4c8;background:rgba(14,16,22,.62);
 display:inline-block;padding:7px 16px;border-radius:999px}
/* offer card overlapping hero */
.ob-offer{position:relative;z-index:3;margin-top:-58px;margin-bottom:34px}
.offer-card{background:#fff;border:1px solid #e6dfcf;border-top:3px solid #f9c13e;border-radius:6px;
 padding:44px 52px;display:flex;align-items:center;gap:34px;flex-wrap:wrap;
 box-shadow:0 24px 48px -24px rgba(14,16,22,.35)}
.offer-card .chip{margin-bottom:10px}
.offer-h3{font-family:'Roboto Condensed',sans-serif;font-size:28px;font-weight:800;color:#0e1016;display:block}
.offer-p{color:#5c5c63;font-size:14.5px;flex:1 1 320px;min-width:280px}
.offer-cta{margin-inline-start:auto}
/* warm facts band — fluted columns */
.ob-facts{background:#f8f2e3;padding:64px 0 58px}
.ob-facts::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.35}
.facts-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.fact{background:#fff;border:1px solid #e6dfcf;border-top:3px solid #f9c13e;border-radius:4px;padding:30px 26px 26px;
 background-image:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),rgba(201,151,31,.18) calc(20% - 1px) 20%)}
.fact h3{font-size:42px;font-weight:800;line-height:1;color:#0e1016}
.fact h3 b{color:#c9971f}
.fact strong{display:block;font-family:'Roboto Condensed',sans-serif;font-size:15px;font-weight:700;
 letter-spacing:1.2px;text-transform:uppercase;color:#7a5a10;margin:8px 0 5px}
.fact p{font-size:13.5px;color:#5c5c63}
/* content sections */
.ob-white{background:#fff;padding:88px 0}
.ob-white::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.22}
.ob-band{background:#1a1a1a;color:#b3b3b3;padding:88px 0;border-top:1px solid rgba(249,193,62,.22);border-bottom:1px solid rgba(249,193,62,.22)}
.ob-band.alt{background:#232323}
.ob-band h2,.ob-white h2{font-size:34px;margin-bottom:22px;letter-spacing:.4px}
.ob-band h2{color:#fff}
.ob-band p{color:#b3b3b3}
.ob-white p,.ob-band p{margin-bottom:15px}
.ob-white h3,.ob-band h3{font-size:22px;margin:26px 0 8px}
.ob-band h3{color:#f9c13e}
.ob-band .card{background:rgba(255,255,255,.05);border:1px solid rgba(249,193,62,.25);border-radius:6px;padding:34px 38px}
.ob-white .card{background:#fff;border:1px solid #e6dfcf;border-radius:6px;padding:34px 38px}
.card p:last-child{margin-bottom:0}
/* games grid */
.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.game-card{background:rgba(255,255,255,.05);border:1px solid rgba(249,193,62,.25);border-top:3px solid #f9c13e;
 border-radius:6px;padding:28px 30px}
.game-card h3{margin:0 0 8px;color:#f9c13e}
.game-card p{margin:0}
/* table */
.ob-table{width:100%;border-collapse:collapse;margin-top:26px;background:#fff;border:1px solid #e6dfcf;border-radius:6px;overflow:hidden}
.ob-table th,.ob-table td{border:1px solid #e6dfcf;padding:12px 18px;text-align:start;font-size:15px;vertical-align:top}
.ob-table th{font-family:'Roboto Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.8px;
 background:#f8f2e3;color:#7a5a10;width:32%}
.ob-table td{color:#5c5c63}
/* faq */
.faq-q{font-weight:700;margin:22px 0 6px}
.faq-q:first-child{margin-top:0}
.faq-q strong{font-family:'Roboto Condensed',sans-serif;font-size:18.5px;letter-spacing:.3px;color:#0e1016}
/* verdict */
.ob-verdict{background:#0e1016;padding:100px 0;border-top:18px solid #1a1a1a;position:relative}
.ob-verdict::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
.ob-verdict .wrap{text-align:center}
.ob-verdict h2{color:#fff;font-size:46px;margin-bottom:18px}
.verdict-lede{color:#b3b3b3;font-size:18.5px;max-width:800px;margin:0 auto 30px}
.verdict-lede p{margin-bottom:12px}
.ob-verdict .fine{margin-top:22px;font-size:13px;color:#8b8776}
/* footer */
.ob-footer{background:#0b0d12;color:#b3b3b3;padding:64px 0 30px;position:relative;border-top:1px solid rgba(249,193,62,.25)}
.ob-footer::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
.foot-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:44px;padding-bottom:38px}
.ob-footer h4{color:#fff;font-size:16px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:14px}
.ob-footer ul{list-style:none}
.ob-footer li{margin-bottom:9px}
.ob-footer a{color:#b3b3b3;text-decoration:none}
.ob-footer a:hover{color:#f9c13e;text-decoration:underline}
.ob-footer .btn{animation:none}
.ob-footer .brand img{height:48px;margin-bottom:16px;padding:0}
.foot-bar{border-top:1px solid rgba(255,255,255,.14);padding-top:22px;display:flex;
 justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.foot-bar p{font-size:13px;margin:0}
.ob-langswitch{display:flex;gap:8px;flex-wrap:wrap}
.ob-langswitch a{display:inline-block;border:1px solid rgba(179,179,179,.4);padding:5px 13px;border-radius:999px;
 font-size:13px;color:#b3b3b3;text-decoration:none}
.ob-langswitch a[aria-current="true"]{color:#0e1016;font-weight:700;border-color:#f9c13e;
 background:linear-gradient(135deg,#fbe08a 0%,#f9c13e 45%,#dfa022 100%)}
/* sticky bottom bar */
.ob-ctabar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#0e1016;border-top:2px solid #f9c13e;
 display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 24px;
 box-shadow:0 -10px 30px rgba(11,13,18,.6)}
.ob-ctabar::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
.ctabar-bonus{font-family:'Roboto Condensed',sans-serif;font-weight:700;color:#fff;font-size:16px;
 letter-spacing:.4px;position:relative;z-index:1}
.ob-ctabar .btn{position:relative;z-index:1}
/* responsive */
.nav-drawer{display:none}
@media (max-width:1140px){.ob-nav{gap:15px}.ob-nav a{font-size:13.5px}}
@media (max-width:980px){
 .facts-strip{grid-template-columns:repeat(2,1fr)}
 .hero-text h1{font-size:62px}
}
@media (max-width:760px){
 .ob-nav{display:none}
 .nav-drawer{display:block;margin-inline-start:auto}
 .btn-header{display:none}
 .offer-p{flex:none}
 .hero-text h1{font-size:44px;letter-spacing:1px}
 .hero-bonus{font-size:24px}
 .hero-inner{padding:72px 20px 96px}
 .ob-hero{min-height:520px}
 .offer-card{flex-direction:column;align-items:flex-start;gap:14px;padding:32px 26px}
 .offer-cta{margin-inline-start:0}
 .facts-strip{grid-template-columns:1fr}
 .ob-white,.ob-band{padding:64px 0}
 .ob-verdict{padding:72px 0}
 .ob-verdict h2{font-size:34px}
 .foot-grid{grid-template-columns:1fr;gap:30px}
 .ob-ctabar{padding:9px 14px}
 .ctabar-bonus{font-size:12.5px;line-height:1.35}
 .ob-ctabar .btn{padding:9px 16px;font-size:13px;white-space:nowrap}
}
[dir="rtl"] .ob-nav{margin-inline-start:auto}
/* mobile drawer */
.nav-drawer summary{list-style:none;cursor:pointer;display:block;width:42px;height:36px;position:relative}
.nav-drawer summary::-webkit-details-marker{display:none}
.nav-drawer summary span{position:absolute;left:9px;right:9px;height:2px;background:#f9c13e;top:17px}
.nav-drawer summary span::before{content:"";position:absolute;left:0;right:0;height:2px;background:#f9c13e;top:-7px}
.nav-drawer summary span::after{content:"";position:absolute;left:0;right:0;height:2px;background:#f9c13e;top:7px}
.nav-drawer .drawer-links{position:absolute;left:0;right:0;top:100%;background:#0e1016;
 border-bottom:2px solid #f9c13e;display:flex;flex-direction:column;padding:8px 24px 14px;z-index:70;
 box-shadow:0 18px 30px rgba(11,13,18,.5)}
.nav-drawer .drawer-links a{padding:11px 0;color:#b3b3b3;text-decoration:none;
 font-family:'Roboto Condensed',sans-serif;font-weight:600;font-size:16px;letter-spacing:.9px;
 text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.07)}
.nav-drawer .drawer-links a:last-child{border-bottom:none}