:root{--bg:#02132c;--bg2:#041b3e;--panel:#061d3a;--panel2:#08264c;--line:#173a6a;--text:#f7f9ff;--muted:#9fb2d2;--blue:#0e66ff;--cyan:#18a8ff;--orange:#ff8a00;--orange2:#ff5a00;--gold:#ffb400;--danger:#ff3b30;--shadow:0 20px 60px rgba(0,0,0,.34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -10%,#0a2d66 0,#03152e 32%,#020d20 70%,#010915 100%);color:var(--text)}button,input,select{font:inherit}.container{width:min(1440px,calc(100% - 48px));margin:auto}.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}.site-shell{min-height:100vh}.top-header{height:76px;background:rgba(2,16,39,.96);border-bottom:1px solid #153561;position:relative;z-index:50}.top-header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img,.footer-brand img,.auth-brand img{display:block;width:242px;height:auto}.top-actions,.inline-login{display:flex;align-items:center;gap:10px}.micro-link{color:#c7d7f2;text-decoration:none;font-size:13px;white-space:nowrap}.inline-login input{width:145px;height:38px;border:1px solid #27528c;background:#04152e;color:#fff;border-radius:8px;padding:0 13px;outline:none}.password-wrap{position:relative}.password-wrap input{padding-right:38px!important;width:100%}.icon-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#b7c7e4;cursor:pointer;width:30px;height:30px}.btn{border:0;border-radius:9px;height:38px;padding:0 24px;color:#fff;font-weight:800;cursor:pointer;transition:.2s}.btn-login{background:linear-gradient(135deg,#0c3c93,#0f68ff);box-shadow:inset 0 0 0 1px #287bff}.btn-register,.btn-hero{background:linear-gradient(135deg,var(--gold),var(--orange2));box-shadow:0 8px 24px rgba(255,119,0,.22)}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.circle-action{width:38px;height:38px;border-radius:50%;border:0;background:#12a6e8;color:white;font-size:18px;cursor:pointer}.language-wrap{position:relative}.language-btn{height:38px;border:0;background:transparent;color:#fff;font-weight:700;display:flex;gap:7px;align-items:center;cursor:pointer;font-size:15px}.language-menu{position:absolute;right:0;top:47px;width:230px;background:#f7f9fc;border-radius:16px;padding:8px;box-shadow:var(--shadow);display:none}.language-menu.open{display:block}.language-menu button{width:100%;border:0;background:transparent;padding:12px 14px;display:flex;justify-content:space-between;border-radius:10px;cursor:pointer;color:#102348;text-align:left}.language-menu button:hover{background:#e8eef8}.main-nav{height:58px;background:#041733;border-bottom:1px solid #184173;position:sticky;top:0;z-index:45}.main-nav__inner{height:100%;display:flex;align-items:stretch;gap:2px}.nav-link{position:relative;height:100%;border:0;background:transparent;color:#f6f8ff;font-weight:700;font-size:13px;letter-spacing:.01em;padding:0 17px;display:flex;align-items:center;gap:6px;cursor:pointer;border-bottom:3px solid transparent}.nav-link:hover,.nav-link.active{color:#ff9c00;border-bottom-color:#ff8a00;background:linear-gradient(180deg,rgba(9,53,113,.35),rgba(5,35,77,.7))}.nav-link--active{color:#ff9c00;border-bottom-color:#ff8a00;background:linear-gradient(180deg,rgba(9,53,113,.35),rgba(5,35,77,.7))}.badge{position:absolute;top:-7px;right:4px;border-radius:7px;padding:2px 8px;font-size:9px;color:#fff;line-height:1.4}.badge-new{background:#ff7800}.badge-hot{background:#e91616}.mega-wrap{position:absolute;left:0;right:0;top:58px;background:transparent;pointer-events:none;opacity:0;visibility:hidden;transition:.18s}.mega-wrap.open{opacity:1;visibility:visible;pointer-events:auto}.mega-panel{display:none;grid-template-columns:minmax(0,1fr);gap:0;padding:18px;background:linear-gradient(180deg,rgba(3,20,45,.98),rgba(4,24,53,.98));border:1px solid #285890;border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.55)}.mega-panel.active{display:grid}.mega-kicker,.mega-main h3{font-size:13px;color:#ff9700;letter-spacing:.02em;margin:4px 0 12px}.mega-side{border-right:1px solid #143c6b;padding-right:16px}.mega-side-list{display:grid;gap:4px}.mega-side-list button{border:0;background:transparent;color:#eaf1ff;padding:11px 12px;border-radius:9px;display:flex;justify-content:space-between;cursor:pointer;text-align:left}.mega-side-list button.active,.mega-side-list button:hover{background:#0b388c;color:#fff}.mega-promo-card{margin-top:18px;min-height:175px;border:1px solid #20457c;border-radius:12px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 80% 20%,rgba(255,0,137,.35),transparent 36%),linear-gradient(145deg,#17105b,#081832 70%)}.mega-promo-card span{color:#f9b0e0;font-size:11px}.mega-promo-card strong{font-size:20px;margin:4px 0}.mega-promo-card small{color:#bccce7}.mega-promo-card b{font-size:35px;color:#ffc149}.mega-promo-card button,.mega-offer button{align-self:flex-start;border:0;border-radius:8px;background:linear-gradient(135deg,#ffb300,#ff6000);color:white;font-weight:800;padding:9px 14px;cursor:pointer}.mega-main{min-width:0}.mega-heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.mega-view-all{border:1px solid #154d92;border-radius:10px;background:#062858;color:#ff9a00;padding:9px 14px;text-align:left;cursor:pointer}.mega-view-all small{display:block;color:#b9cae8;margin-top:2px}.mega-provider-row{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.mega-provider-card{height:56px;border:1px solid #234c7d;border-radius:9px;background:#071a35;display:grid;place-items:center;color:#f2f7ff;font-size:13px;text-align:center;padding:5px}.mega-divider{height:1px;background:#15365e;margin:18px 0 10px}.mega-game-grid{display:grid;grid-template-columns:repeat(6,1fr) 200px;gap:10px}.mega-game-card{min-height:158px;border-radius:10px;overflow:hidden;position:relative;border:1px solid #24466f;background:#0b2444;display:flex;flex-direction:column}.mini-live{position:absolute;right:7px;top:7px;background:#ef2323;color:white;font-size:9px;font-weight:800;padding:3px 6px;border-radius:4px;z-index:2}.game-art{flex:1;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,rgba(255,255,255,.18),transparent 18%),linear-gradient(135deg,#6b2707,#071e45)}.tone-2 .game-art{background:linear-gradient(135deg,#350714,#901932)}.tone-3 .game-art{background:linear-gradient(135deg,#082e2e,#0e8464)}.tone-4 .game-art{background:linear-gradient(135deg,#401000,#b24809)}.tone-5 .game-art{background:linear-gradient(135deg,#371307,#9e210f)}.tone-6 .game-art{background:linear-gradient(135deg,#081e4f,#1460a4)}.game-art span{font-size:34px;font-weight:900;color:#ffcf78;text-shadow:0 3px 12px #000}.mega-game-card strong{font-size:11px;padding:8px;text-align:center}.mega-offer{border:1px solid #3748aa;border-radius:10px;background:radial-gradient(circle at 80% 25%,rgba(255,0,102,.38),transparent 35%),linear-gradient(145deg,#130b48,#132779);padding:16px;display:flex;flex-direction:column;justify-content:center}.mega-offer span{font-size:11px}.mega-offer strong{font-size:36px;color:#ffd258}.mega-offer small{margin-bottom:12px}.mega-benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;border-top:1px solid #16365f;margin-top:16px;padding-top:12px}.mega-benefits span{display:grid;grid-template-columns:auto 1fr;column-gap:8px;font-size:12px;color:#ffad00}.mega-benefits b{color:white}.mega-benefits small{grid-column:2;color:#9db2d3}.announcement-bar{height:34px;background:#07214a;border-bottom:1px solid #17487e}.announcement-bar__inner{height:100%;display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:18px;font-size:12px}.announcement-bar strong{color:#ff9a00}.announcement-track{color:#d5e1f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement-track span{display:inline-block;width:1px;height:14px;background:#6c82a5;margin:0 28px;vertical-align:middle}.announcement-bar time{color:#c2d1e8}.hero{height:330px;position:relative;overflow:hidden;background:radial-gradient(circle at 52% 45%,rgba(19,96,255,.46),transparent 28%),radial-gradient(circle at 85% 55%,rgba(22,58,140,.4),transparent 20%),linear-gradient(110deg,#061a3d 0,#062d70 45%,#061537 100%);border-bottom:1px solid #104173}.hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 24px,rgba(255,255,255,.02) 25px 26px);pointer-events:none}.hero__inner{height:100%;display:grid;grid-template-columns:34% 38% 28%;align-items:center;position:relative;z-index:1}.hero-copy{padding-left:70px}.eyebrow{display:inline-block;color:#ffae1a;font-size:12px;font-weight:800;letter-spacing:.11em}.hero h1{font-size:32px;line-height:1.1;margin:8px 0 12px}.hero h1 em{display:block;color:#ff8a00;font-style:normal;font-size:38px}.hero-copy p{color:#d8e2f3;line-height:1.55;font-size:13px}.btn-hero{height:44px;padding:0 36px;margin-top:8px}.hero-dots{display:flex;gap:8px;margin-top:15px}.hero-dots i{width:9px;height:9px;border-radius:50%;background:#8798b6}.hero-dots i.active{background:#ffb000}.hero-visual{height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center}.hero-orbit{position:absolute;border:1px solid rgba(39,133,255,.35);border-radius:50%}.orbit-1{width:340px;height:340px;top:3px;left:38px}.orbit-2{width:250px;height:250px;top:40px;left:90px}.hero-avatar{width:130px;height:230px;border-radius:80px 80px 20px 20px;display:grid;place-items:center;font-size:72px;background:linear-gradient(180deg,#0e53c7,#061a43);box-shadow:0 0 45px rgba(0,104,255,.3);border:1px solid #2871c9}.avatar-left{transform:translateX(35px) scale(.86);filter:brightness(.9)}.avatar-center{z-index:2;height:270px;width:145px;background:linear-gradient(180deg,#aa3b14,#111b43)}.avatar-right{transform:translateX(-35px) scale(.88);background:linear-gradient(180deg,#1e6cb3,#081b3b)}.hero-side{padding-right:35px;display:grid;gap:10px}.jackpot-card,.match-card{border:1px solid #1f5aa1;background:rgba(2,18,42,.78);border-radius:10px;padding:12px;box-shadow:0 10px 25px rgba(0,0,0,.18)}.jackpot-card{display:grid;text-align:center}.jackpot-card span{font-weight:800}.jackpot-card small{color:#ffad00;margin-top:8px}.jackpot-card strong{font-size:25px;color:#ffcf47;margin:4px 0}.jackpot-card em{font-style:normal;color:#98b6db;font-size:10px}.match-title{display:flex;justify-content:space-between;font-size:11px}.match-title b{color:#20c4ff}.match-title a{color:#aac3e8;text-decoration:none}.match-row{display:grid;grid-template-columns:1fr 35px 1fr;gap:5px;padding:10px 0;border-top:1px solid #15385f;font-size:11px}.match-row b{color:#ff9b00;text-align:center}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:0;background:transparent;color:#0e84ff;font-size:52px;cursor:pointer}.hero-arrow--left{left:35px}.hero-arrow--right{right:35px}.content-section,.provider-section{background:linear-gradient(180deg,#031632,#041a38);padding:16px 0}.featured-section{padding-top:16px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title h2{font-size:16px;margin:0;position:relative;padding-right:56px}.section-title h2::after{content:"";position:absolute;width:42px;height:4px;border-radius:3px;background:linear-gradient(90deg,#ff9a00,transparent);right:0;top:50%;transform:translateY(-50%)}.section-title a{color:#ff9a00;text-decoration:none;font-size:12px}.game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.game-card{position:relative;border:1px solid #244f7e;border-radius:11px;overflow:hidden;min-height:160px;background:#071d3a}.game-card__art{height:118px;display:grid;place-items:center;background:linear-gradient(135deg,#54310a,#9c6c08)}.game-card--pink .game-card__art{background:linear-gradient(135deg,#7e0e56,#e4428e)}.game-card--teal .game-card__art{background:linear-gradient(135deg,#0b5253,#18a487)}.game-card--amber .game-card__art{background:linear-gradient(135deg,#4e1d05,#c96818)}.game-card--red .game-card__art{background:linear-gradient(135deg,#561606,#c03a11)}.game-card--blue .game-card__art{background:linear-gradient(135deg,#07355a,#168ac6)}.game-symbol{font-size:38px;font-weight:900;color:#ffe5a0;text-shadow:0 4px 15px rgba(0,0,0,.45)}.game-card__body{padding:9px;display:grid;gap:2px}.game-card__body strong{font-size:12px}.game-card__body small{color:#9db2d3;font-size:9px}.game-card__body button{display:none}.provider-section{padding-top:6px}.provider-strip{display:grid;grid-template-columns:34px repeat(8,1fr) 34px;gap:9px;align-items:center}.provider-card{height:48px;border:1px solid #1f4c7c;border-radius:9px;background:#061a35;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 8px}.provider-card b{color:#ffba24}.provider-card span{font-size:10px;color:#dbe5f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-arrow{border:0;background:transparent;color:#6e8bb2;font-size:28px;cursor:pointer}.benefit-band{background:linear-gradient(90deg,#03142e,#061d3d,#03142e);border-top:1px solid #183a64;border-bottom:1px solid #183a64}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.benefit-grid>div{padding:18px 10px;display:grid;grid-template-columns:42px 1fr;column-gap:10px;border-right:1px solid #12345e}.benefit-grid>div:last-child{border-right:0}.benefit-grid i{grid-row:1/3;width:38px;height:38px;border:1px solid #ff9800;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#ff9800}.benefit-grid b{font-size:10px}.benefit-grid span{font-size:9px;color:#9db0cf}.site-footer{background:#03132c;border-top:1px solid #16365f}.footer-grid{display:grid;grid-template-columns:1.35fr .95fr .95fr 1.25fr 1.45fr 1.1fr;gap:22px;padding:25px 0 20px}.footer-brand img{width:185px}.footer-brand p{font-size:12px;color:#c5d3e8;line-height:1.55}.socials{display:flex;gap:8px;margin-top:12px}.socials a{width:31px;height:31px;border-radius:50%;background:#17355c;color:#fff;text-decoration:none;display:grid;place-items:center}.footer-col{border-left:1px solid #17385f;padding-left:22px}.footer-col h3{font-size:11px;margin:0 0 10px}.footer-col a,.footer-col button{display:block;border:0;background:transparent;color:#d0dcec;text-decoration:none;padding:3px 0;font-size:10px;cursor:pointer;text-align:left}.footer-col a:hover,.footer-col button:hover{color:#ff9a00}.payment-grid{display:grid;grid-template-columns:repeat(5,42px);gap:7px}.payment-grid span{height:30px;border-radius:5px;background:#f4f7fb;color:#102951;display:grid;place-items:center;font-size:8px;font-weight:900}.payments small{display:block;margin-top:8px;color:#ffc15a}.license>span{display:block;color:#879bb9;font-size:10px}.license strong{display:block;margin:10px 0;font-size:13px}.license-badges{display:flex;gap:8px}.license-badges b{width:44px;height:44px;border-radius:50%;border:1px solid #a57a15;color:#ffc43a;display:grid;place-items:center;font-size:10px}.license-badges b:last-child{border-color:#536581;color:#a9b4c6}.footer-bottom{height:47px;border-top:1px solid #17365e;display:flex;justify-content:center;align-items:center;gap:16px;color:#aebdd3;font-size:10px}.back-top{position:fixed;right:28px;bottom:64px;width:38px;height:38px;border-radius:50%;border:1px solid #165ab0;background:#08275a;color:#ff9a00;font-size:18px;z-index:35;cursor:pointer}.live-chat{position:fixed;right:28px;bottom:12px;border:0;border-radius:20px;background:#0f6eff;color:white;padding:10px 18px;font-weight:700;z-index:35}.modal-overlay{position:fixed;inset:0;background:rgba(1,8,20,.75);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:100;padding:24px}.modal-overlay.open{display:flex}.auth-modal,.content-modal{width:min(720px,95vw);max-height:90vh;overflow:auto;background:radial-gradient(circle at 50% 0,rgba(30,91,199,.22),transparent 30%),linear-gradient(180deg,#061934,#031127);border:1px solid #2a568a;border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.55);padding:28px;position:relative}.auth-brand img{width:220px;margin:0 auto 16px}.modal-close{position:absolute;right:18px;top:13px;border:0;background:transparent;color:#fff;font-size:32px;cursor:pointer}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#04142b;border-radius:12px;padding:4px;margin-bottom:20px}.auth-tabs button{border:0;background:transparent;color:#aabbd5;padding:10px;border-radius:9px;font-weight:800;cursor:pointer}.auth-tabs button.active{background:#0b4dbb;color:#fff}.auth-pane{display:none}.auth-pane.active{display:block}.auth-pane h2,.content-modal h2{margin:0 0 4px}.auth-pane>p,.content-modal p{color:#aabbd3}.auth-pane label{display:grid;gap:6px;font-size:11px;color:#cbd7e8;margin-bottom:12px}.auth-pane input,.auth-pane select{height:44px;border:1px solid #2b527e;border-radius:9px;background:#06172f;color:#fff;padding:0 12px;outline:none}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.forgot{display:inline-block;color:#48b9ff;font-size:11px;margin:-2px 0 12px}.auth-submit{width:100%;height:44px}.turnstile-placeholder{border:1px solid #34536f;background:#091a2d;border-radius:9px;padding:13px;margin:8px 0 12px;color:#cbd7e8;font-size:11px}.terms-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px}.terms-check input{width:16px;height:16px}.content-modal{width:min(780px,95vw)}@media(max-width:1200px){.container{width:min(1180px,calc(100% - 28px))}.micro-link{display:none}.nav-link{padding:0 11px;font-size:11px}.hero__inner{grid-template-columns:34% 36% 30%}.hero-copy{padding-left:42px}.hero h1{font-size:28px}.hero h1 em{font-size:32px}.mega-provider-row{grid-template-columns:repeat(5,1fr)}.mega-game-grid{grid-template-columns:repeat(4,1fr) 180px}.mega-game-card:nth-child(n+5){display:none}.footer-grid{grid-template-columns:1.2fr repeat(5,1fr);gap:12px}.footer-col{padding-left:12px}}

/* Premium V1.1 interactions */
.hero-copy,.hero-visual{transition:opacity .28s ease,transform .28s ease}.hero.is-changing .hero-copy,.hero.is-changing .hero-visual{opacity:.2;transform:translateY(8px)}.hero-dots i{cursor:pointer;transition:transform .2s ease,background .2s ease}.hero-dots i:hover{transform:scale(1.25)}
.hero[data-slide="1"]{background:radial-gradient(circle at 68% 45%,rgba(154,46,209,.38),transparent 26%),linear-gradient(110deg,#061a3d 0,#0b2b64 46%,#1a0c3b 100%)}
.hero[data-slide="2"]{background:radial-gradient(circle at 70% 50%,rgba(255,124,0,.25),transparent 24%),linear-gradient(110deg,#061a3d 0,#16355f 46%,#3c1809 100%)}
.hero[data-slide="3"]{background:radial-gradient(circle at 72% 46%,rgba(0,160,255,.32),transparent 25%),linear-gradient(110deg,#061a3d 0,#073c78 48%,#061537 100%)}
.hero[data-slide="4"]{background:radial-gradient(circle at 72% 48%,rgba(0,220,190,.26),transparent 25%),linear-gradient(110deg,#061a3d 0,#0a4761 48%,#081537 100%)}
.chat-modal{width:min(430px,94vw);height:min(620px,86vh);display:flex;flex-direction:column;background:linear-gradient(180deg,#071c3a,#031126);border:1px solid #28598f;border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.58);overflow:hidden;position:relative}.chat-head{display:flex;align-items:center;gap:12px;padding:20px 52px 16px 18px;border-bottom:1px solid #1d416c;background:linear-gradient(180deg,#0a2955,#071c3a)}.chat-head>div:last-child{display:grid;gap:3px}.chat-head strong{font-size:15px}.chat-head span{font-size:10px;color:#38d996}.chat-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffc229,#ff6a00);color:#fff;font-weight:900}.chat-body{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.chat-bubble{max-width:82%;padding:11px 13px;border-radius:14px;font-size:12px;line-height:1.45}.chat-bubble--agent{align-self:flex-start;background:#0a2b55;border:1px solid #1d538f;color:#e8f2ff;border-bottom-left-radius:4px}.chat-bubble--user{align-self:flex-end;background:linear-gradient(135deg,#0f6eff,#1454c9);color:#fff;border-bottom-right-radius:4px}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:9px;padding:13px;border-top:1px solid #1d416c;background:#05162e}.chat-compose input{height:42px;border:1px solid #28527f;background:#071a35;color:#fff;border-radius:11px;padding:0 12px;outline:none}.chat-compose button{border:0;border-radius:11px;padding:0 18px;background:linear-gradient(135deg,#ffb100,#ff6a00);color:#fff;font-weight:800;cursor:pointer}

/* =========================================================
   Premium V1.3 — desktop production hero slider
   Real <img> artwork, no CSS-variable image dependency
   ========================================================= */

.hero-slider{
    position:relative;
    width:100%;
    height:clamp(360px,33.85vw,650px);
    min-height:360px;
    max-height:650px;
    overflow:hidden;
    background:#06152e;
    border-bottom:1px solid #174577;
    isolation:isolate;
}

.hero-slider::after{
    display:none;
}

.hero-slides{
    position:absolute;
    inset:0;
    z-index:1;
}

.hero-slide{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    overflow:hidden;
    transition:opacity .65s ease,visibility .65s ease;
}

.hero-slide.is-active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.hero-slide__bg{
    position:absolute;
    inset:0;
    z-index:0;
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    max-height:none;
    object-fit:cover;
    object-position:center center;
    opacity:1;
    visibility:visible;
    user-select:none;
    pointer-events:none;
}

.hero-shade{
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(
        90deg,
        rgba(2,11,28,.88) 0%,
        rgba(3,15,36,.62) 28%,
        rgba(2,12,31,.14) 53%,
        rgba(2,11,28,.05) 72%,
        rgba(2,11,28,.22) 100%
    );
    pointer-events:none;
}

.hero-slide__inner{
    position:relative;
    z-index:2;
    height:100%;
    display:flex;
    align-items:center;
}

.hero-slide .hero-copy{
    width:min(520px,42vw);
    padding:0 0 0 64px;
    text-shadow:0 3px 24px rgba(0,0,0,.55);
}

.hero-slide .eyebrow{
    font-size:12px;
}

.hero-slide .hero-copy h1{
    margin:10px 0 14px;
    font-size:clamp(32px,3vw,54px);
    line-height:1.02;
}

.hero-slide .hero-copy h1 em{
    display:block;
    font-size:inherit;
}

.hero-slide .hero-copy p{
    max-width:460px;
    color:#e5eefb;
    font-size:14px;
    line-height:1.55;
}

.hero-slide .btn-hero{
    margin-top:14px;
}

.hero-slider>.hero-dots{
    position:absolute;
    left:50%;
    bottom:18px;
    z-index:10;
    transform:translateX(-50%);
    display:flex;
    gap:8px;
    margin:0;
}

.hero-slider>.hero-dots button{
    width:9px;
    height:9px;
    padding:0;
    border:0;
    border-radius:99px;
    background:rgba(255,255,255,.48);
    box-shadow:0 1px 6px rgba(0,0,0,.3);
    cursor:pointer;
    transition:.25s;
}

.hero-slider>.hero-dots button.is-active{
    width:28px;
    background:#ff9a00;
}

.hero-slider .hero-arrow{
    position:absolute;
    top:50%;
    z-index:10;
    width:48px;
    height:66px;
    transform:translateY(-50%);
    border:0;
    border-radius:14px;
    background:rgba(3,16,40,.30);
    backdrop-filter:blur(7px);
    color:#fff;
    font-size:46px;
    line-height:1;
    cursor:pointer;
}

.hero-slider .hero-arrow:hover{
    background:rgba(8,55,119,.58);
    color:#ffb22b;
}

.hero-slider .hero-arrow--left{
    left:22px;
}

.hero-slider .hero-arrow--right{
    right:22px;
}

@media(max-width:1200px){
    .hero-slider{
        height:390px;
    }

    .hero-slide .hero-copy{
        padding-left:48px;
    }

    .hero-slide .hero-copy h1{
        font-size:36px;
    }
}

/* MegaBox Desktop V1.4 patch */
.telegram-action{display:grid;place-items:center;text-decoration:none}.language-btn{width:38px;justify-content:center;font-size:19px;padding:0}.badge{top:-11px;right:50%;transform:translateX(50%);z-index:3;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.28)}
.announcement-bar__inner{overflow:hidden}.announcement-viewport{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.announcement-track{width:max-content;display:flex;align-items:center;gap:42px;white-space:nowrap;animation:mbxAnnouncement 26s linear infinite}.announcement-track span::after{content:'•';margin-left:42px;color:#ff9a00}.announcement-bar:hover .announcement-track{animation-play-state:paused}@keyframes mbxAnnouncement{from{transform:translateX(15%)}to{transform:translateX(-100%)}}
.daily-matches{background:linear-gradient(180deg,#041a38,#03152f);border-bottom:1px solid #173a68;padding:18px 0 20px}.matches-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.matches-kicker{display:block;color:#19a9ff;font-size:10px;font-weight:900;letter-spacing:.12em}.matches-heading h2{font-size:16px;margin:3px 0 0}.matches-date{font-size:11px;color:#9fb2d2}.daily-match-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.daily-match-card{min-width:0;border:1px solid #214e82;border-radius:12px;background:linear-gradient(180deg,#071f43,#06172f);padding:11px 12px;box-shadow:0 8px 24px rgba(0,0,0,.16)}.daily-match-meta{display:flex;justify-content:space-between;gap:8px;color:#8fa9cc;font-size:9px;margin-bottom:9px}.daily-match-status{color:#ff9a00;font-weight:800}.daily-match-status.live{color:#38d98b}.daily-team{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;padding:4px 0}.daily-team img{width:22px;height:22px;object-fit:contain;border-radius:50%;background:#fff}.team-placeholder{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0c3971;color:#fff;font-size:8px}.daily-score{margin-left:auto;color:#fff;font-size:13px}.daily-match-time{margin-top:8px;padding-top:7px;border-top:1px solid #173a64;color:#cbd8ea;font-size:10px}.chat-bubble--thinking{opacity:.72;font-style:italic}.chat-bubble--thinking::after{content:' ...';animation:mbxDots 1.2s steps(4,end) infinite}@keyframes mbxDots{0%{opacity:.3}100%{opacity:1}}@media(max-width:1200px){.daily-match-grid{grid-template-columns:repeat(3,1fr)}.daily-match-card:nth-child(n+4){display:none}}

/* MegaBox V1.4.2 surgical repair: nav badges + announcement ticker. */
.main-nav{overflow:visible}
.main-nav__inner{overflow:visible}
.main-nav .nav-link{position:relative;overflow:visible;padding-top:12px}
.main-nav .nav-link .badge{
  top:1px;left:50%;right:auto;transform:translateX(-50%);
  padding:1px 6px;border-radius:5px;font-size:8px;line-height:1.2;
  z-index:10;pointer-events:none;white-space:nowrap;box-shadow:0 3px 8px rgba(0,0,0,.28)
}
.announcement-bar__inner{display:grid;grid-template-columns:160px minmax(0,1fr) auto;align-items:center;gap:18px;overflow:hidden}
.announcement-viewport{min-width:0;width:100%;overflow:hidden}
.announcement-track{display:inline-flex;align-items:center;width:max-content;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip;will-change:transform;animation:mbxAnnouncement 28s linear infinite}
.announcement-track span{display:inline-block;width:auto;height:auto;margin:0;background:none;color:#d5e1f5;white-space:nowrap}
.announcement-track span::after{content:'•';display:inline-block;margin:0 38px;color:#ff9a00}
.announcement-bar:hover .announcement-track{animation-play-state:paused}
@keyframes mbxAnnouncement{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* MegaBox V1.4.3 — 10-second desktop video hero */
.hero-slide__video{
    background:#06152e;
}
.hero-slide__video::-webkit-media-controls{
    display:none!important;
}
@media (prefers-reduced-motion:reduce){
    .hero-slide{transition:none}
}

/* =========================================================
   MegaBox V1.4.4 — BO-driven provider logos + Official Partners
   ========================================================= */
.mega-provider-card{
    overflow:hidden;
    background:#f7f8fb;
    border-color:#d9e1ec;
    padding:8px 10px;
}
.mega-provider-card img{
    display:block;
    width:100%;
    height:100%;
    max-width:118px;
    max-height:38px;
    object-fit:contain;
}
.mega-provider-card span{
    color:#102348;
    font-size:11px;
    font-weight:800;
}
.provider-strip--logos{
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:10px;
}
.provider-logo-card{
    height:64px;
    min-width:0;
    padding:10px 14px;
    border:1px solid #dbe2ec;
    border-radius:14px;
    background:linear-gradient(180deg,#fff,#f4f6f9);
    box-shadow:0 7px 22px rgba(0,0,0,.12);
}
.provider-logo-card img{
    display:block;
    width:100%;
    height:100%;
    max-height:42px;
    object-fit:contain;
}
.provider-logo-card strong{
    color:#102348;
    font-size:11px;
    text-align:center;
}
.official-partners-section{
    padding:18px 0 24px;
    background:linear-gradient(180deg,#041a38,#03142e);
    border-top:1px solid #173a68;
}
.official-partners-title{
    margin-bottom:14px;
}
.official-partners-title>div{
    min-width:0;
}
.official-partners-title small{
    color:#9fb2d2;
    font-size:11px;
}
.partners-kicker{
    display:block;
    margin-bottom:4px;
    color:#19a9ff;
    font-size:9px;
    font-weight:900;
    letter-spacing:.13em;
}
.official-partners-grid{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:12px;
}
.official-partner-card{
    height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px 16px;
    overflow:hidden;
    border:1px solid #d8e0ea;
    border-radius:16px;
    background:linear-gradient(180deg,#fff,#f4f6f9);
    box-shadow:0 8px 24px rgba(0,0,0,.16);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.official-partner-card:hover{
    transform:translateY(-2px);
    border-color:#9fbce6;
    box-shadow:0 12px 28px rgba(0,0,0,.22);
}
.official-partner-card img{
    display:block;
    width:100%;
    height:100%;
    max-width:140px;
    max-height:48px;
    object-fit:contain;
}
.official-partner-card strong{
    color:#102348;
    font-size:12px;
    text-align:center;
}
@media(max-width:1200px){
    .provider-strip--logos{grid-template-columns:repeat(5,minmax(0,1fr))}
    .official-partners-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:900px){
    .provider-strip--logos{grid-template-columns:repeat(4,minmax(0,1fr))}
    .official-partners-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}


/* MegaBox Desktop V1.4.5: full-width MegaMenu + 2-row Featured Games + Official Partners only */

/* Email OTP registration */
.otp-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:12px;align-items:end;margin-bottom:12px}.otp-row label{margin-bottom:0!important}.otp-send{height:44px;border:1px solid #2b6fc6;border-radius:9px;background:#0a3e8d;color:#fff;font-weight:800;cursor:pointer}.otp-send:disabled{opacity:.55;cursor:not-allowed}.auth-status{min-height:18px;margin:10px 0 0!important;color:#9fc3ef!important;font-size:11px}.auth-status.is-error{color:#ff8d8d!important}.auth-status.is-success{color:#66e4a4!important}@media(max-width:680px){.otp-row{grid-template-columns:1fr}.otp-send{width:100%}}

/* MegaBox Provider Lobby V1 */
.provider-page-body{min-height:100vh;background:radial-gradient(circle at 50% -10%,#0a2d66 0,#03152e 32%,#020d20 72%,#010915 100%)}
.provider-page-top{height:72px;background:rgba(2,16,39,.97);border-bottom:1px solid #153561;position:sticky;top:0;z-index:20}.provider-page-top__inner{height:100%;display:flex;align-items:center;justify-content:space-between}.provider-page-brand img{display:block;width:220px}.provider-back{color:#dce8fa;text-decoration:none;font-size:13px;font-weight:700}.provider-back:hover{color:#ff9a00}.provider-page-main{min-height:calc(100vh - 72px)}
.provider-hero{background:radial-gradient(circle at 80% 30%,rgba(25,111,255,.24),transparent 32%),linear-gradient(180deg,#061d42,#03152d);border-bottom:1px solid #1b4476}.provider-hero__inner{min-height:190px;display:flex;align-items:center;gap:28px}.provider-hero-logo{width:150px;height:96px;border-radius:18px;border:1px solid #28588c;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.25)}.provider-hero-logo img{width:86%;height:78%;object-fit:contain}.provider-hero-logo span{font-size:38px;font-weight:900;color:#12315c}.provider-kicker{font-size:11px;font-weight:900;letter-spacing:.13em;color:#ff9b00}.provider-hero h1{font-size:34px;margin:7px 0 8px}.provider-hero p{margin:0;color:#aebfda;font-size:13px}.provider-maintenance{margin-left:auto;border:1px solid #a96b21;background:#3e250a;color:#ffc76d;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:800}
.provider-content{padding-top:26px;padding-bottom:60px}.provider-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.provider-tabs{display:flex;align-items:center;gap:8px;overflow:auto;scrollbar-width:none}.provider-tabs::-webkit-scrollbar{display:none}.provider-tabs a{display:flex;align-items:center;gap:7px;border:1px solid #234b79;background:#071d3b;color:#d8e5f8;border-radius:10px;padding:10px 14px;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}.provider-tabs a small{color:#829abf}.provider-tabs a.active,.provider-tabs a:hover{background:#0d59d1;border-color:#2b7dff;color:#fff}.provider-tabs a.active small{color:#cfe2ff}.provider-search{width:260px;height:40px;display:flex;align-items:center;gap:8px;border:1px solid #284d7a;border-radius:10px;background:#06172f;padding:0 12px;color:#91a5c6}.provider-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff}.provider-game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.provider-game-card{border:1px solid #21456f;background:linear-gradient(180deg,#092044,#06172f);border-radius:14px;overflow:hidden;min-width:0;transition:.2s}.provider-game-card:hover{transform:translateY(-3px);border-color:#3478c9;box-shadow:0 18px 40px rgba(0,0,0,.25)}.provider-game-art{position:relative;aspect-ratio:1.38/1;background:linear-gradient(135deg,#183a72,#07162e);display:grid;place-items:center;overflow:hidden}.provider-game-art img{width:100%;height:100%;object-fit:cover}.provider-game-art>span{font-size:38px;font-weight:900;color:#ffc86c}.provider-game-art b{position:absolute;top:8px;right:8px;background:#f26714;color:#fff;font-size:9px;border-radius:6px;padding:4px 7px}.provider-game-copy{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px}.provider-game-copy>div{min-width:0}.provider-game-copy strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.provider-game-copy small{display:block;color:#91a6c8;font-size:10px;margin-top:3px}.provider-game-copy a,.provider-game-copy button{flex:0 0 auto;border:0;border-radius:8px;background:linear-gradient(135deg,#ffb000,#ff6500);color:#fff;text-decoration:none;padding:8px 9px;font-size:9px;font-weight:900}.provider-game-copy button:disabled{background:#17365c;color:#8196b6;cursor:default}.provider-no-games,.provider-empty{grid-column:1/-1;border:1px dashed #31567f;border-radius:16px;padding:42px;text-align:center;background:#06182f}.provider-no-games strong,.provider-empty strong{display:block;font-size:20px}.provider-no-games span,.provider-empty p{display:block;color:#91a6c6;margin-top:8px}.provider-empty{margin-top:80px}.provider-empty a{display:inline-block;margin-top:14px;color:#ffad22}
@media(max-width:1439px) and (min-width:1024px){.provider-game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1023px) and (min-width:768px){.provider-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.container{width:min(100% - 24px,1440px)}.provider-page-top{height:62px}.provider-page-brand img{width:165px}.provider-hero__inner{min-height:150px;gap:16px}.provider-hero-logo{width:92px;height:66px;border-radius:12px}.provider-hero h1{font-size:24px}.provider-hero p{font-size:11px}.provider-maintenance{display:none}.provider-toolbar{align-items:stretch;flex-direction:column}.provider-search{width:100%}.provider-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.provider-game-copy{display:block;padding:8px}.provider-game-copy strong{font-size:10px}.provider-game-copy small{font-size:8px}.provider-game-copy a,.provider-game-copy button{width:100%;display:block;text-align:center;margin-top:7px;padding:7px 5px}.provider-game-art{aspect-ratio:4/3}}
.mega-provider-card,.official-partner-card{text-decoration:none;color:inherit}.mega-provider-card img{max-width:92%;max-height:45px;object-fit:contain}.official-partner-card{cursor:pointer}

/* MegaBox v1.4.7 — isolate navigation mega-menu from provider/game catalogue grids */
.main-nav .mega-wrap .mega-panel{grid-template-columns:minmax(0,1fr);width:100%}
.main-nav .mega-wrap .mega-main{width:100%;min-width:0}
.main-nav .mega-wrap .mega-provider-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;width:100%}
.main-nav .mega-wrap .mega-game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) minmax(180px,200px);gap:10px;width:100%;align-items:stretch}
.main-nav .mega-wrap .mega-game-card{display:flex!important;min-width:0;width:auto;min-height:158px}
.main-nav .mega-wrap .mega-offer{min-width:0;width:auto}
@media(max-width:1200px){
  .main-nav .mega-wrap .mega-provider-row{grid-template-columns:repeat(5,minmax(0,1fr))}
  .main-nav .mega-wrap .mega-game-grid{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(160px,180px)}
  .main-nav .mega-wrap .mega-game-card:nth-child(n+5){display:none!important}
}

/* v1.5 dynamic frontend */
.nav-dropdown{position:relative;height:100%;display:flex}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:210px;background:#061a38;border:1px solid #245487;border-radius:0 0 12px 12px;padding:8px;box-shadow:0 20px 45px rgba(0,0,0,.35)}.nav-dropdown:hover .nav-dropdown-menu{display:grid}.nav-dropdown-menu a{color:#eaf1ff;text-decoration:none;padding:10px 12px;border-radius:8px}.nav-dropdown-menu a:hover{background:#0b388c}.currency-wrap select{height:36px;background:#061a38;color:#fff;border:1px solid #27528c;border-radius:8px;padding:0 8px}.game-card__art img{width:100%;height:100%;object-fit:cover;display:block}.featured-empty{grid-column:1/-1;border:1px dashed #27528c;border-radius:14px;padding:28px;text-align:center;color:#9fb2d2}.provider-game-copy button.js-launch-game{cursor:pointer;opacity:1}.brand img{max-height:58px;object-fit:contain}.footer-brand img{max-height:64px;object-fit:contain}


/* v10.5 — compact uniform Nova88-style BO payment methods */
.payment-grid--dynamic{display:grid;grid-template-columns:repeat(2,minmax(66px,1fr));gap:6px;width:100%}
.payment-grid--dynamic .payment-method{width:100%;height:34px;min-width:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(10,35,70,.10);border-radius:6px;overflow:hidden;padding:4px 6px;color:#0a1a32;box-shadow:0 1px 3px rgba(0,0,0,.10)}
.payment-grid--dynamic .payment-method img{display:block;width:100%;height:22px;max-width:72px;object-fit:contain;object-position:center}
.payment-grid--dynamic .payment-method b{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:8px;line-height:1;color:#102951}
@media(max-width:1200px){.payment-grid--dynamic{grid-template-columns:repeat(2,minmax(62px,1fr))}.payment-grid--dynamic .payment-method{height:33px}}

/* v10.6 — Featured Matches always visible */
.daily-matches{
  display:block!important;
  min-height:132px;
  border-top:1px solid #173a68;
  background:linear-gradient(180deg,#061d3e 0%,#03152f 100%);
}
.daily-match-empty{
  grid-column:1/-1;
  min-height:88px;
  border:1px dashed #28598e;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  color:#92a9ca;
  background:rgba(5,27,58,.55);
  text-align:center;
  padding:14px;
}
.daily-match-empty strong{font-size:12px;color:#fff}
.daily-match-empty span{font-size:10px}

/* v10.7 — payment logos fill their cards instead of floating tiny in the middle */
.payment-grid--dynamic{
  grid-template-columns:repeat(2,minmax(84px,1fr));
  gap:6px;
}
.payment-grid--dynamic .payment-method{
  height:42px;
  padding:3px 5px;
  border-radius:7px;
}
.payment-grid--dynamic .payment-method img{
  width:100%;
  height:100%;
  max-width:none;
  max-height:34px;
  object-fit:contain;
  object-position:center;
}

/* v10.8 — Nova88-style compact payment strip: 6 per row */
.payment-grid--dynamic{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:5px;
  width:100%;
}
.payment-grid--dynamic .payment-method{
  height:32px;
  padding:2px 4px;
  border-radius:5px;
}
.payment-grid--dynamic .payment-method img{
  width:100%;
  height:100%;
  max-width:none;
  max-height:27px;
  object-fit:contain;
  object-position:center;
}
.payment-grid--dynamic .payment-method b{
  font-size:8px;
  line-height:1;
}
@media(max-width:1100px){
  .payment-grid--dynamic{grid-template-columns:repeat(6,minmax(0,1fr))}
}

/* v10.9 — tighter Nova88-reference payment badges */
.payment-grid--dynamic{
  display:grid;
  grid-template-columns:repeat(6,54px);
  gap:4px;
  justify-content:start;
  align-items:center;
  width:auto;
  max-width:344px;
}
.payment-grid--dynamic .payment-method{
  width:54px;
  height:26px;
  min-width:54px;
  padding:2px 3px;
  border-radius:4px;
  background:#fff;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:none;
}
.payment-grid--dynamic .payment-method img{
  width:100%;
  height:100%;
  max-width:48px;
  max-height:21px;
  object-fit:contain;
  object-position:center;
}
.payment-grid--dynamic .payment-method b{
  font-size:6.8px;
  line-height:1;
  color:#102951;
}

/* v10.10 — square Nova-style payment icons */
.payment-grid--dynamic{
  display:grid;
  grid-template-columns:repeat(6,34px);
  gap:7px;
  justify-content:start;
  align-items:center;
  width:auto;
  max-width:239px;
}
.payment-grid--dynamic .payment-method{
  width:34px;
  height:34px;
  min-width:34px;
  padding:3px;
  border-radius:6px;
  background:#fff;
  overflow:hidden;
  border:0;
  box-shadow:none;
}
.payment-grid--dynamic .payment-method img{
  display:block;
  width:100%;
  height:100%;
  max-width:28px;
  max-height:28px;
  margin:auto;
  object-fit:contain;
  object-position:center;
}
.payment-grid--dynamic .payment-method b{
  font-size:6.5px;
  line-height:1;
}
