
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:#f7f7f8}
body{font-family:'Public Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0b0c0e;
 background:#f7f7f8;font-size:16.5px;line-height:1.65;padding-bottom:92px}
h1,h2,h3,h4{font-family:'Archivo',system-ui,sans-serif;line-height:1.15}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.narrow{max-width:860px}
a{color:inherit}
/* buttons */
.btn{display:inline-block;font-family:'Archivo',sans-serif;font-weight:700;text-decoration:none;
 background:#ff2010;color:#fff;border-radius:10px;padding:13px 32px;font-size:16px;
 transition:transform .18s ease,box-shadow .18s ease}
.btn:hover{transform:translateY(-2px)}
.btn-big{font-size:18px;padding:16px 44px}
.btn-small{padding:10px 24px;font-size:14px}
.btn-header{padding:10px 24px;font-size:14.5px}
@keyframes zbpulse{0%{box-shadow:0 0 0 0 rgba(255,32,16,.45),0 10px 22px -10px rgba(255,32,16,.55)}
 50%{box-shadow:0 0 0 7px rgba(255,32,16,0),0 14px 28px -8px rgba(255,32,16,.75)}
 100%{box-shadow:0 0 0 0 rgba(255,32,16,0),0 10px 22px -10px rgba(255,32,16,.55)}}
.btn-cta{animation:zbpulse 2.7s infinite}
@media (prefers-reduced-motion: reduce){.btn-cta{animation:none}html{scroll-behavior:auto}}
/* textures: constellation dots (dark on light) */
.zb-tex{position:relative}
.zb-tex::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background-image:radial-gradient(rgba(11,12,14,.055) 1px,transparent 1.5px);background-size:26px 26px}
.zb-white{background:#fff;padding:88px 0}
.zb-white .wrap{position:relative;z-index:1}
.zb-band{background:#f7f7f8;padding:88px 0}
.zb-band .wrap{position:relative;z-index:1}
/* header: white */
.zb-topbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e4e6ea}
.bar-inner{display:flex;align-items:center;gap:24px;min-height:72px}
.brand img{height:44px;width:auto;display:block}
.zb-nav{display:flex;gap:22px;margin-inline-start:auto;flex-wrap:nowrap}
.zb-nav a{color:#565d6b;text-decoration:none;font-family:'Archivo',sans-serif;font-weight:600;
 font-size:14.5px;white-space:nowrap}
.zb-nav a:hover{color:#0b0c0e}
/* hero: light banner, ink text */
.zb-hero{position:relative;min-height:600px;display:flex;align-items:center;overflow:hidden;background:#fff}
.hero-art{position:absolute;inset:0;background:url('hero-banner.jpg') no-repeat right center / cover}
.hero-art::before{content:"";position:absolute;inset:0;
 background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 32%,rgba(255,255,255,.6) 55%,rgba(255,255,255,.05) 100%)}
[dir="rtl"] .hero-art{background-position:left center}
[dir="rtl"] .hero-art::before{background:linear-gradient(270deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 32%,rgba(255,255,255,.6) 55%,rgba(255,255,255,.05) 100%)}
.hero-inner{position:relative;z-index:2;width:100%}
.hero-text{max-width:560px;padding:80px 0}
.hero-kicker{display:inline-block;background:rgba(43,168,0,.1);color:#2ba800;border-radius:8px;
 padding:6px 14px;font-family:'Archivo',sans-serif;font-weight:700;font-size:14px;margin-bottom:18px}
.hero-text h1{font-size:80px;font-weight:900;letter-spacing:-1.5px;margin-bottom:16px;color:#0b0c0e}
.hero-redline{height:4px;width:110px;background:#ff2010;border-radius:2px;margin-bottom:22px}
.hero-bonus{font-family:'Archivo',sans-serif;font-size:29px;font-weight:800;color:#0b0c0e;margin-bottom:26px;
 text-wrap:balance}
.hero-cta{margin-bottom:10px}
.hero-fine{margin-top:20px;font-size:13px;color:#565d6b}
/* dual offer strip: black */
.zb-offers{background:#fff;padding:0 0 88px}
.offers-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
.offer-col{border-radius:14px;padding:34px 38px}
.offer-casino{background:#0b0c0e;color:#fff}
.offer-casino .chip{display:inline-block;background:rgba(43,168,0,.18);color:#7ade4f;padding:5px 13px;
 font-family:'Archivo',sans-serif;font-weight:700;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:12px;border-radius:6px}
.offer-casino h3{font-size:27px;font-weight:800;margin-bottom:8px}
.offer-casino p{color:#8a8f99;font-size:14.5px}
.offer-sport{background:#2ba800}
.offer-sport .chip{display:inline-block;background:rgba(255,255,255,.22);color:#fff;padding:5px 13px;
 font-family:'Archivo',sans-serif;font-weight:700;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:12px;border-radius:6px}
.offer-sport h3{font-size:27px;font-weight:800;margin-bottom:8px;color:#fff}
.offer-sport p{color:rgba(255,255,255,.88);font-size:14.5px}
/* facts ribbon */
.zb-facts{background:#fff;padding:0 0 16px}
.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.fact{background:#f7f7f8;border:1px solid #e4e6ea;border-top:4px solid #2ba800;border-radius:10px;padding:24px 22px}
.fact h3{font-size:36px;font-weight:900;color:#0b0c0e;line-height:1;margin-bottom:8px}
.fact strong{display:block;font-family:'Archivo',sans-serif;font-size:12.5px;font-weight:700;
 letter-spacing:1.1px;text-transform:uppercase;color:#2ba800;margin-bottom:6px}
.fact p{font-size:13.5px;color:#565d6b}
/* sections */
.zb-white h2,.zb-band h2{font-size:33px;margin-bottom:20px}
.zb-white p,.zb-band p{margin-bottom:15px}
.zb-white h3,.zb-band h3{font-size:21px;margin:26px 0 10px}
.card{background:#fff;border:1px solid #e4e6ea;border-radius:12px;padding:34px 38px}
.zb-band .card{background:#fff}
.zb-white .card p:last-child,.zb-band .card p:last-child{margin-bottom:0}
/* table */
.zb-table{width:100%;border-collapse:separate;border-spacing:0;margin:24px 0 0;background:#fff;
 border:1px solid #e4e6ea;border-radius:12px;overflow:hidden}
.zb-table th,.zb-table td{border-bottom:1px solid #e4e6ea;padding:12px 16px;text-align:start;font-size:15px;vertical-align:top}
.zb-table tr:last-child th,.zb-table tr:last-child td{border-bottom:none}
.zb-table th{font-family:'Archivo',sans-serif;font-weight:700;background:#f7f7f8;width:34%}
.zb-table td{color:#565d6b}
/* faq */
.faq-q{font-weight:700;margin:20px 0 6px !important}
.faq-q:first-child{margin-top:0}
.faq-q strong{font-family:'Archivo',sans-serif;font-size:17.5px}
/* verdict: black */
.zb-verdict{background:#0b0c0e;padding:96px 0;position:relative}
.zb-verdict::before{content:"";position:absolute;inset:0;
 background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.5px);background-size:26px 26px;pointer-events:none}
.zb-verdict .wrap{position:relative;z-index:1;text-align:center}
.zb-verdict h2{color:#fff;font-size:44px;margin-bottom:18px}
.verdict-lede{color:#8a8f99;font-size:18.5px;max-width:780px;margin:0 auto 28px}
.zb-verdict .fine{margin-top:20px;font-size:13px;color:#7c8296}
/* footer: black */
.zb-footer{background:#191a1f;color:#8a8f99;padding:60px 0 30px;position:relative;border-top:3px solid #ff2010}
.zb-footer::before{content:"";position:absolute;inset:0;
 background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.5px);background-size:24px 24px;pointer-events:none}
.foot-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:44px;padding-bottom:36px}
.zb-footer h4{color:#fff;font-size:15px;margin-bottom:14px;font-family:'Archivo',sans-serif}
.zb-footer ul{list-style:none}
.zb-footer li{margin-bottom:9px}
.zb-footer a{color:#8a8f99;text-decoration:none}
.zb-footer a:hover{color:#fff;text-decoration:underline}
.zb-footer .btn{animation:none}
.foot-bar{position:relative;z-index:1;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}
.zb-langswitch{display:flex;gap:8px;flex-wrap:wrap}
.zb-langswitch a{display:inline-block;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:5px 13px;
 font-size:12.5px;color:#8a8f99;text-decoration:none}
.zb-langswitch a[aria-current="true"]{color:#fff;font-weight:700;border-color:#ff2010;background:rgba(255,32,16,.2)}
/* sticky bar */
.zb-ctabar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#0b0c0e;display:flex;align-items:center;
 justify-content:space-between;gap:16px;padding:11px 24px;box-shadow:0 -10px 30px rgba(11,12,14,.4)}
.ctabar-bonus{font-family:'Archivo',sans-serif;font-weight:700;color:#fff;font-size:15.5px}
/* responsive */
@media (max-width:1120px){.zb-nav{gap:14px}.zb-nav a{font-size:13px}}
@media (max-width:980px){
 .facts-grid{grid-template-columns:repeat(2,1fr)}
 .fact:nth-child(3),.fact:nth-child(4){border-top:4px solid #2ba800}
 .offers-grid{grid-template-columns:1fr}
 .offer-col{padding:26px 24px}
}
@media (max-width:760px){
 .zb-nav{display:none}
 .btn-header{display:none}
 .hero-text{max-width:100%;padding:56px 0}
 .hero-text h1{font-size:46px}
 .hero-bonus{font-size:23px}
 .hero-art::before{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.88) 100%)}
 [dir="rtl"] .hero-art::before{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.88) 100%)}
 .offer-col h3{font-size:20px}
 body{padding-bottom:70px}
 .zb-ctabar{padding:9px 14px;gap:10px}
 .ctabar-bonus{font-size:12.5px;line-height:1.35}
 .zb-ctabar .btn{padding:9px 16px;font-size:13px;white-space:nowrap}
 .hero-fine{background:rgba(255,255,255,.92);display:inline-block;padding:6px 13px;border-radius:8px}
}
