:root{
  --page-bg:#101532;
  --page-bg-2:#151b42;
  --sidebar-bg:#121735;
  --panel:#1b2350;
  --panel-2:#222c62;
  --panel-3:#29356f;
  --text:#f7f9ff;
  --muted:#aeb7d9;
  --muted-2:#7f8ab5;
  --line:#35417a;
  --line-soft:rgba(145,165,255,.18);
  --blue:#1f6cff;
  --blue-2:#3d8cff;
  --cyan:#52d7ff;
  --violet:#8c5dff;
  --pink:#ff63cf;
  --orange:#ff9b4a;
  --success:#70e2b5;
  --sidebar-width:236px;
  --content-max:1720px;
  --radius-sm:10px;
  --radius:16px;
  --radius-lg:24px;
  --shadow:0 22px 62px rgba(3,7,28,.36);
  --focus:#8eeaff;
}
*{box-sizing:border-box}
html{width:100%;max-width:100%;scroll-behavior:smooth;scroll-padding-top:138px;overflow-x:clip}
body{margin:0;width:100%;max-width:100%;overflow-x:clip;background:radial-gradient(circle at 84% 2%,rgba(70,82,190,.18),transparent 30%),linear-gradient(180deg,var(--page-bg-2),var(--page-bg) 46%,#0d112a);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
img,svg{display:block;max-width:100%}
main,.page-shell,.topbar,.section,.site-footer,.hero-slider,.payment-strip{min-width:0}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;left:14px;top:-80px;z-index:1000;background:#fff;color:#111833;padding:11px 16px;border-radius:10px;font-weight:750;box-shadow:var(--shadow)}
.skip-link:focus{top:14px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}

.side-panel{position:fixed;inset:0 auto 0 0;z-index:130;width:var(--sidebar-width);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:16px 14px 15px;background:linear-gradient(180deg,#151b41 0%,var(--sidebar-bg) 48%,#10142e 100%);border-right:1px solid rgba(118,140,255,.17);box-shadow:14px 0 44px rgba(5,8,28,.17)}
.side-panel__head{min-height:68px;display:flex;align-items:center;justify-content:center;gap:12px}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;min-width:0}
.brand-mark img{width:172px;height:auto}
.side-close{display:none;width:42px;height:42px;padding:0;border:0;border-radius:10px;background:rgba(255,255,255,.07);font-size:32px;line-height:1;cursor:pointer}
.side-nav{display:grid;gap:5px;margin-top:15px}
.side-nav a{display:flex;align-items:center;gap:11px;min-height:45px;padding:9px 11px;border:1px solid transparent;border-radius:11px;color:#e1e6ff;font-size:14px;font-weight:550;transition:background-color .2s,border-color .2s,transform .2s,color .2s}
.side-nav a:hover,.side-nav a.active{background:linear-gradient(90deg,rgba(56,97,210,.44),rgba(50,64,141,.2));border-color:rgba(99,137,255,.28);color:#fff}
.side-nav a:hover{transform:translateX(2px)}
.side-nav .nav-icon{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;border-radius:8px;background:rgba(100,129,255,.14);color:#b7d9ff;font-size:14px}
.side-nav a.active .nav-icon{background:linear-gradient(145deg,var(--blue),var(--violet));color:#fff;box-shadow:0 7px 18px rgba(31,108,255,.26)}
.side-nav--secondary{margin-top:17px;padding-top:17px;border-top:1px solid var(--line-soft);gap:3px}
.side-nav--secondary a{min-height:38px;padding-top:7px;padding-bottom:7px;color:#b6c0e5;font-size:12.5px;font-weight:400}
.side-nav--secondary .nav-icon{width:22px;height:22px;flex-basis:22px;background:rgba(255,255,255,.06);font-size:12px}
.side-block{margin-top:18px;padding-top:16px;border-top:1px solid var(--line-soft)}
.side-title{margin:0 0 9px;color:var(--muted-2);font-size:11px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}
.social-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.social-row a{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid rgba(145,165,255,.22);border-radius:10px;background:rgba(255,255,255,.04);transition:transform .2s,background-color .2s,border-color .2s}
.social-row a:hover{transform:translateY(-2px);background:var(--blue);border-color:var(--blue)}
.social-row img{width:19px;height:19px;object-fit:contain;filter:brightness(0) invert(1)}
.app-links{margin-top:18px}
.app-links>a,.footer-apps>a{display:flex;align-items:center;gap:10px;margin-top:8px;padding:9px 11px;border:1px solid rgba(255,255,255,.96);border-radius:11px;background:#fff;color:#10142d;box-shadow:0 9px 22px rgba(3,7,24,.16);transition:transform .2s,box-shadow .2s,background-color .2s}
.app-links>a:hover,.footer-apps>a:hover{transform:translateY(-2px);background:#edf5ff;box-shadow:0 13px 28px rgba(3,7,24,.24)}
.app-links>a img,.footer-apps>a img{width:24px;height:24px;object-fit:contain;filter:brightness(0)}
.app-links span,.footer-apps span{display:flex;flex-direction:column;font-size:10px;line-height:1.12}
.app-links strong,.footer-apps strong{font-size:13px;font-weight:750}
.side-panel__foot{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.age-chip,.lang-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid rgba(145,165,255,.24);border-radius:10px;background:rgba(255,255,255,.045);color:#fff;font-weight:700}
.lang-button{cursor:default}
.lang-button img{width:24px;height:16px;object-fit:cover;border-radius:2px}
.menu-overlay{position:fixed;inset:0;z-index:120;background:rgba(5,8,24,.68);backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}
.menu-overlay.is-visible{opacity:1}

.page-shell{margin-left:var(--sidebar-width);min-height:100vh}
.topbar{position:sticky;top:0;z-index:90;display:grid;grid-template-columns:minmax(230px,1.25fr) auto minmax(210px,.8fr) auto;grid-template-areas:"search nav message actions";align-items:center;gap:14px;min-height:78px;padding:12px 24px;background:rgba(18,23,55,.9);border-bottom:1px solid rgba(133,154,255,.18);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 10px 30px rgba(3,6,25,.14)}
.topbar>*{min-width:0}
.menu-button,.top-logo{display:none}
.search-box{grid-area:search;height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(127,153,255,.32);border-radius:12px;background:rgba(24,31,74,.9);color:#97a6d4;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.search-box:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(82,215,255,.12)}
.search-box svg{width:20px;height:20px;flex:0 0 20px}
.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:14px}
.search-box input::placeholder{color:#9aa6d0;opacity:1}
.top-nav{grid-area:nav;display:flex;align-items:center;gap:4px}
.top-nav a{padding:9px 10px;border-radius:9px;color:#cbd3f3;font-size:14px;font-weight:550;white-space:nowrap;transition:background-color .2s,color .2s}
.top-nav a:hover{background:rgba(80,113,224,.22);color:#fff}
.top-message{grid-area:message;margin:0;color:#d7ddf8;font-size:13px;font-weight:400;line-height:1.35;text-align:right}
.top-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:9px}
.button{position:relative;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:1px solid transparent;border-radius:11px;overflow:hidden;color:#fff;font-size:14px;font-weight:750;line-height:1.1;white-space:nowrap;isolation:isolate;cursor:pointer;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s,color .2s}
.button:hover{transform:translateY(-2px)}
.button--primary{background:linear-gradient(115deg,var(--blue),#286cff 55%,var(--violet));box-shadow:0 10px 26px rgba(31,108,255,.28)}
.button--primary:hover{box-shadow:0 15px 32px rgba(31,108,255,.42)}
.button--outline{min-height:48px;padding:0 24px;border-color:rgba(108,194,255,.58);background:rgba(255,255,255,.035);color:#eaf6ff}
.button--outline:hover{background:rgba(82,215,255,.11);border-color:var(--cyan);box-shadow:0 12px 28px rgba(82,215,255,.12)}
.button--register{min-height:50px;padding:0 27px;background:linear-gradient(110deg,#145ff2 0%,#2b83ff 46%,#725dff 76%,#1f6cff 100%);background-size:220% 100%;box-shadow:0 12px 30px rgba(31,108,255,.38)}
.button--register::before,.button--jackpot::before,.button--cta::before{content:"";position:absolute;z-index:-1;top:-70%;bottom:-70%;left:-42%;width:24%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);animation:button-sheen 4.8s ease-in-out infinite}
.button--register:hover{box-shadow:0 17px 38px rgba(31,108,255,.5)}
.button--secondary{background:rgba(15,22,60,.78);border-color:rgba(137,176,255,.38);box-shadow:0 10px 22px rgba(5,10,35,.2)}
.button--secondary:hover{background:rgba(37,71,159,.85);border-color:var(--cyan)}
.button--ghost{min-height:40px;padding:0 18px;border-color:rgba(125,148,255,.25);background:rgba(255,255,255,.035);color:#d8e0ff}
.button--ghost:hover{background:rgba(80,112,220,.18);border-color:rgba(114,170,255,.55)}
@keyframes button-sheen{0%,55%{left:-42%}78%,100%{left:132%}}

.hero-slider{max-width:var(--content-max);margin:0 auto;padding:24px 24px 0}
.hero-viewport{position:relative;overflow:hidden;border:1px solid rgba(128,151,255,.24);border-radius:var(--radius-lg);background:#171e49;box-shadow:var(--shadow)}
.hero-track{position:relative;width:100%;height:clamp(420px,31vw,510px);min-height:0;overflow:hidden}
.hero-slide{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s ease;background:#1a2253}
.hero-slide.is-active,.hero-slide:first-child{opacity:1;visibility:visible;pointer-events:auto}
.js .hero-slide:not(.is-active){opacity:0;visibility:hidden;pointer-events:none}
html:not(.js) .hero-track{height:auto;overflow:visible}
html:not(.js) .hero-slide{position:relative;min-height:430px;opacity:1;visibility:visible;pointer-events:auto}
html:not(.js) .hero-slide+ .hero-slide{border-top:1px solid var(--line)}
html:not(.js) .hero-arrow,html:not(.js) .hero-dots{display:none}
.hero-slide::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(12,17,50,.98) 0%,rgba(15,21,58,.92) 35%,rgba(18,27,74,.53) 57%,rgba(18,28,75,.08) 76%)}
.hero-slide::after{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 8%,#000 58%,#000)}
.hero-slide--bonus{background:radial-gradient(circle at 77% 22%,rgba(68,197,255,.35),transparent 30%),radial-gradient(circle at 94% 88%,rgba(177,68,255,.34),transparent 38%),linear-gradient(120deg,#1c285f,#192456 48%,#251e64)}
.hero-slide--promotions{background:radial-gradient(circle at 78% 24%,rgba(65,180,255,.42),transparent 34%),radial-gradient(circle at 93% 70%,rgba(255,86,189,.4),transparent 37%),linear-gradient(120deg,#1e285f,#282066 56%,#521f75)}
.hero-slide--tournament{background:radial-gradient(circle at 83% 27%,rgba(88,217,255,.36),transparent 35%),radial-gradient(circle at 94% 91%,rgba(255,157,66,.3),transparent 33%),linear-gradient(120deg,#1a2a67,#1a2356 55%,#273b79)}
.hero-art{position:absolute;z-index:2;right:clamp(18px,4vw,76px);bottom:-8%;width:min(49%,650px);height:auto;max-height:114%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 28px rgba(1,5,25,.43));user-select:none}
.hero-slide--bonus .hero-art{width:min(43%,590px);right:6%;bottom:-11%}
.hero-slide--promotions .hero-art{width:min(50%,670px);right:1%;bottom:-8%}
.hero-slide--tournament .hero-art{width:min(46%,620px);right:6%;bottom:-9%}
.hero-content{position:absolute;z-index:3;left:clamp(30px,5vw,84px);top:50%;width:min(610px,52%);transform:translateY(-50%);padding:16px 0;color:#fff}
.hero-kicker,.eyebrow{display:block;color:#8edfff;font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.hero-title{max-width:720px;margin:8px 0 14px;font-size:clamp(42px,4.4vw,74px);font-weight:800;line-height:.98;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 6px 28px rgba(2,7,30,.42)}
.hero-content p{max-width:570px;margin:0 0 24px;color:#d8e1ff;font-size:clamp(15px,1.25vw,19px);line-height:1.55;text-shadow:0 2px 12px rgba(2,7,30,.45)}
.hero-button{min-height:54px;padding:0 28px;font-size:15px}
.hero-arrow{position:absolute;top:50%;z-index:6;width:46px;height:46px;margin-top:-23px;padding:0;border:1px solid rgba(191,213,255,.28);border-radius:50%;background:rgba(13,20,55,.64);color:#fff;font-size:34px;line-height:1;cursor:pointer;backdrop-filter:blur(8px);transition:transform .2s,background-color .2s,border-color .2s}
.hero-arrow:hover{transform:scale(1.06);background:rgba(31,108,255,.78);border-color:rgba(255,255,255,.5)}
.hero-arrow--prev{left:18px}
.hero-arrow--next{right:18px}
.hero-dots{position:absolute;z-index:7;left:50%;bottom:18px;display:flex;gap:8px;transform:translateX(-50%)}
.hero-dots button{width:34px;height:5px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.32);cursor:pointer;transition:width .25s,background-color .25s}
.hero-dots button.is-active{width:52px;background:linear-gradient(90deg,var(--cyan),#fff)}

.payment-strip{max-width:var(--content-max);margin:0 auto;padding:18px 24px 0}
.payment-row{display:flex;align-items:center;gap:14px;min-height:90px;padding:14px 16px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;border:1px solid rgba(128,151,255,.18);border-radius:18px;background:rgba(25,32,75,.78);box-shadow:0 12px 34px rgba(2,6,25,.17)}
.payment-row::-webkit-scrollbar{display:none}
.payment-item{width:142px;height:58px;flex:0 0 142px;display:grid;place-items:center;padding:9px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.92);transition:transform .2s,filter .2s,background-color .2s}
.payment-item:hover{transform:translateY(-2px);background:#fff}
.payment-item img{width:112px;height:40px;object-fit:contain;filter:grayscale(1) brightness(.42) contrast(1.35);opacity:.94;transition:filter .2s,opacity .2s}
.payment-item:hover img{filter:grayscale(0) brightness(.58) contrast(1.18);opacity:1}

.section{width:100%;max-width:var(--content-max);margin:0 auto;padding:48px 24px}
.promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.promo-card{position:relative;min-width:0;min-height:270px;display:flex;align-items:center;overflow:hidden;padding:28px;border:1px solid rgba(142,164,255,.24);border-radius:20px;background:linear-gradient(135deg,#1c275e,#242e69);box-shadow:var(--shadow);isolation:isolate}
.promo-card::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(13,18,52,.98) 0%,rgba(14,21,60,.9) 47%,rgba(21,29,78,.28) 76%,transparent)}
.promo-card::after{content:"";position:absolute;right:-22%;bottom:-42%;z-index:-1;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(72,145,255,.5),transparent 65%);filter:blur(4px)}
.promo-copy{position:relative;z-index:2;width:62%;min-width:0}
.promo-title{margin:7px 0 8px;font-size:clamp(27px,2.2vw,36px);font-weight:780;line-height:1.08;letter-spacing:-.025em}
.promo-card p{margin:0 0 20px;color:#c8d1f2;font-size:14px;line-height:1.55}
.promo-art{position:absolute;z-index:1;right:-5%;bottom:-8%;width:57%;height:auto;max-height:115%;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(3,7,28,.38));transition:transform .35s}
.promo-card:hover .promo-art{transform:translateY(-5px) scale(1.025)}
.promo-card--bonus{background:linear-gradient(135deg,#202a69,#273681)}
.promo-card--vip{background:linear-gradient(135deg,#292159,#4b246f)}

.intro-section{max-width:1160px;padding-top:62px;padding-bottom:62px;text-align:center}
.intro-section h1{max-width:980px;margin:0 auto 24px;font-size:clamp(38px,4.7vw,68px);font-weight:820;line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.intro-section p{margin:0;color:#c2cae9;font-size:18px;line-height:1.86}

.jackpot-panel{position:relative;max-width:calc(var(--content-max) - 48px);min-height:270px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:34px;overflow:hidden;padding:44px 54px;border:1px solid rgba(111,208,255,.42);border-radius:24px;background:radial-gradient(circle at 14% 42%,rgba(54,173,255,.42),transparent 32%),radial-gradient(circle at 80% 20%,rgba(161,79,255,.34),transparent 32%),radial-gradient(circle at 96% 92%,rgba(255,90,200,.3),transparent 34%),linear-gradient(120deg,#162357 0%,#171b4b 58%,#2c195c 100%);box-shadow:0 24px 68px rgba(2,6,27,.36);isolation:isolate}
.jackpot-panel::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,rgba(255,255,255,.48) 1px,transparent 1.5px);background-size:44px 44px;opacity:.16;mask-image:linear-gradient(90deg,#000,transparent)}
.jackpot-copy{min-width:0}
.jackpot-label{display:block;margin-bottom:8px;color:#a7eaff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,3vw,48px);font-style:italic;line-height:1}
.jackpot-panel strong{display:block;font-size:clamp(46px,5.8vw,88px);font-weight:850;line-height:.98;letter-spacing:.025em;font-variant-numeric:tabular-nums;text-shadow:0 8px 32px rgba(15,144,255,.35)}
.jackpot-panel small{font-size:.32em;color:#b9c7f0}
.jackpot-panel p{margin:13px 0 0;color:#b9c4e9;font-size:13px}
.button--jackpot{min-height:66px;padding:0 36px;border-color:rgba(255,255,255,.3);background:linear-gradient(115deg,#10a8ff,#276cff 48%,#9a5dff 76%,#ff5fc8);background-size:220% 100%;box-shadow:0 16px 42px rgba(45,118,255,.43);animation:jackpot-float 3s ease-in-out infinite}
.button--jackpot:hover{transform:translateY(-5px) scale(1.025);box-shadow:0 23px 52px rgba(67,127,255,.55)}
.button--jackpot span,.button--cta span{font-size:20px;transition:transform .2s}
.button--jackpot:hover span,.button--cta:hover span{transform:translateX(5px)}
@keyframes jackpot-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.section-title{margin:0;color:#f8faff;font-size:clamp(25px,2.4vw,37px);font-weight:760;line-height:1.16;letter-spacing:-.025em}
.games-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.game-card{position:relative;min-width:0}
.game-card>a{position:relative;display:block;overflow:hidden;aspect-ratio:760/430;border:1px solid rgba(132,151,239,.17);border-radius:13px;background:#1d2552;box-shadow:0 10px 26px rgba(3,7,27,.16);transition:border-color .25s,box-shadow .25s,transform .25s}
.game-card>a:hover{border-color:rgba(79,177,255,.62);box-shadow:0 17px 34px rgba(4,9,35,.32);transform:translateY(-3px)}
.game-card>a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.game-card>a>img{width:100%;height:100%;object-fit:cover;transition:transform .35s,filter .35s}
.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(0deg,rgba(4,7,25,.93) 0%,rgba(5,10,31,.32) 45%,transparent 74%);pointer-events:none;transition:background .25s}
.game-overlay>img{width:50px;height:50px;opacity:0;transform:scale(.78);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));transition:opacity .25s,transform .25s}
.game-overlay strong{position:absolute;left:12px;right:12px;bottom:10px;overflow:hidden;color:#fff;font-size:13px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.game-card:hover>a>img,.game-card:focus-within>a>img{transform:scale(1.055);filter:brightness(.68)}
.game-card:hover .game-overlay,.game-card:focus-within .game-overlay{background:linear-gradient(0deg,rgba(4,7,25,.95),rgba(5,10,31,.58))}
.game-card:hover .game-overlay>img,.game-card:focus-within .game-overlay>img{opacity:1;transform:scale(1)}

.provider-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px}
.provider-card{height:84px;min-width:0;display:grid;place-items:center;padding:14px;border:1px solid rgba(132,151,239,.16);border-radius:12px;background:rgba(28,36,82,.82);box-shadow:0 8px 22px rgba(3,7,27,.12);transition:transform .2s,border-color .2s,background-color .2s,box-shadow .2s}
.provider-card:hover{transform:translateY(-3px);border-color:rgba(89,185,255,.58);background:#25316c;box-shadow:0 14px 28px rgba(3,7,27,.28)}
.provider-card img{width:100%;max-width:150px;height:52px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.72;transition:opacity .2s,transform .2s}
.provider-card:hover img{opacity:1;transform:scale(1.035)}

.main-cta{position:relative;min-height:340px;display:flex;align-items:center;overflow:hidden;margin-top:20px;margin-bottom:28px;padding:48px 54px;border:1px solid rgba(124,158,255,.34);border-radius:24px;background:radial-gradient(circle at 78% 23%,rgba(60,191,255,.38),transparent 31%),radial-gradient(circle at 96% 92%,rgba(233,71,255,.35),transparent 37%),linear-gradient(118deg,#151f54 0%,#1b255d 54%,#3c1d6b);box-shadow:var(--shadow);isolation:isolate}
.main-cta::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(120deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 85%)}
.main-cta__copy{position:relative;z-index:2;width:60%;max-width:760px;min-width:0}
.cta-title{max-width:720px;margin:8px 0 14px;font-size:clamp(34px,4vw,59px);font-weight:820;line-height:1.02;letter-spacing:-.04em;text-wrap:balance}
.main-cta p{max-width:640px;margin:0 0 24px;color:#c7d0ee;font-size:17px}
.main-cta__art{position:absolute;right:2%;bottom:-22%;width:min(42%,570px);height:auto;object-fit:contain;filter:drop-shadow(0 30px 32px rgba(2,6,24,.4))}
.button--cta{min-height:64px;padding:0 38px;background:linear-gradient(115deg,#1da6ff,#276cff 44%,#8e5cff 72%,#ff63cf);background-size:230% 100%;box-shadow:0 17px 42px rgba(42,111,255,.38);animation:cta-glow 3.2s ease-in-out infinite}
.button--cta:hover{transform:translateY(-5px) scale(1.018);box-shadow:0 24px 55px rgba(55,124,255,.52)}
@keyframes cta-glow{0%,100%{box-shadow:0 17px 42px rgba(42,111,255,.34)}50%{box-shadow:0 20px 50px rgba(122,78,255,.48)}}

.article-section{max-width:1120px;padding-top:64px;padding-bottom:64px}
.article-heading{max-width:850px;margin-bottom:26px}
.article-section .article-heading h2{margin:8px 0 13px;color:#fff;font-size:clamp(34px,4vw,54px);font-weight:800;line-height:1.04;letter-spacing:-.04em}
.article-heading p{margin:0;color:#bfc8e7;font-size:17px}
.toc{margin:0 0 34px;padding:16px 20px;border:1px solid rgba(132,151,239,.2);border-radius:14px;background:rgba(26,34,78,.74)}
.toc summary{color:#dce5ff;font-size:15px;font-weight:750;cursor:pointer}
.toc ol{display:flex;flex-wrap:wrap;gap:8px 22px;margin:13px 0 0;padding-left:20px}
.toc li{color:#7481ad;font-size:13px}
.toc a{color:#aebadd;transition:color .2s}
.toc a:hover{color:#fff}
.article-body{max-width:100%;font-size:16.5px}
.article-section h2{scroll-margin-top:140px;margin:42px 0 13px;color:#fff;font-size:29px;font-weight:760;line-height:1.22;letter-spacing:-.02em}
.article-section h3{scroll-margin-top:140px;margin:30px 0 10px;color:#f5f7ff;font-size:22px;font-weight:720;line-height:1.28}
.article-body p,.article-body li{color:#bac4e4}
.article-body p{margin:0 0 18px}
.article-body ul,.article-body ol{margin:0 0 22px;padding-left:23px}
.article-body li+li{margin-top:8px}
.article-body strong{color:#edf2ff}
.table-wrap{max-width:100%;margin:24px 0 32px;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid rgba(132,151,239,.2);border-radius:14px;background:#171e47}
.table-wrap table{width:100%;min-width:680px;border-collapse:collapse}
.table-wrap th,.table-wrap td{padding:15px 17px;border-bottom:1px solid rgba(132,151,239,.15);text-align:left;vertical-align:top}
.table-wrap th{background:#20295d;color:#f3f6ff;font-size:14px}
.table-wrap td{color:#b9c3e3;font-size:14px}
.table-wrap tr:last-child td{border-bottom:0}

.faq-section{max-width:1120px;padding-top:34px;padding-bottom:78px}
.faq-heading{margin-bottom:22px}
.faq-title{margin-top:8px;font-size:clamp(32px,3.6vw,49px);font-weight:800;line-height:1.05;letter-spacing:-.035em}
.faq-list{display:grid;gap:10px}
.faq-item{overflow:hidden;border:1px solid rgba(132,151,239,.2);border-radius:14px;background:rgba(26,34,78,.72)}
.faq-item h3{margin:0}
.faq-item h3 button{width:100%;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 19px;border:0;background:transparent;color:#f4f7ff;font-size:16px;font-weight:680;text-align:left;cursor:pointer}
.faq-item h3 button:hover{background:rgba(72,103,205,.14)}
.faq-mark{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border:1px solid rgba(137,171,255,.32);border-radius:50%;background:rgba(255,255,255,.04);color:#91deff;font-size:21px;font-weight:400;transition:transform .25s,background-color .25s}
.faq-item h3 button[aria-expanded="true"] .faq-mark{transform:rotate(45deg);background:rgba(31,108,255,.28)}
.faq-panel{padding:0 19px 18px}
.faq-panel p{margin:0;color:#b8c2e1}
.faq-list.faq-ready .faq-panel[hidden]{display:none}

.site-footer{padding:52px 34px 28px;background:linear-gradient(180deg,#0d122f,#090d22);border-top:1px solid rgba(132,151,239,.18)}
.footer-grid{max-width:calc(var(--content-max) - 20px);margin:0 auto;display:grid;grid-template-columns:1.55fr .75fr .9fr 1fr;gap:38px}
.footer-brand img{width:214px;height:auto}
.footer-brand p{max-width:500px;margin:18px 0;color:#9da9cf;font-size:14px}
.footer-social{margin-top:17px}
.footer-heading{margin:0 0 15px;color:#eff3ff;font-size:14px;font-weight:750}
.footer-links{display:grid;gap:8px}
.footer-links a{color:#9facd0;font-size:14px;transition:color .2s,transform .2s}
.footer-links a:hover{color:#fff;transform:translateX(2px)}
.footer-apps a{max-width:190px;margin-top:9px}
.footer-logo-section{max-width:calc(var(--content-max) - 20px);margin:34px auto 0;padding-top:28px;border-top:1px solid rgba(132,151,239,.14)}
.footer-payments,.footer-providers{display:flex;align-items:center;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 0 8px;scrollbar-width:none}
.footer-payments::-webkit-scrollbar,.footer-providers::-webkit-scrollbar{display:none}
.footer-payments img{width:150px;height:62px;flex:0 0 150px;object-fit:contain;padding:10px 15px;border-radius:11px;background:rgba(255,255,255,.93);filter:grayscale(1) brightness(.42) contrast(1.35);opacity:.94}
.footer-providers img{width:132px;height:54px;flex:0 0 132px;object-fit:contain;padding:8px 10px;border:1px solid rgba(132,151,239,.14);border-radius:10px;background:rgba(255,255,255,.035);filter:grayscale(1) brightness(0) invert(1);opacity:.7}
.footer-note{max-width:calc(var(--content-max) - 20px);margin:30px auto 0;display:flex;align-items:flex-start;gap:17px;padding-top:26px;border-top:1px solid rgba(132,151,239,.14);color:#7f8bb1;font-size:12.5px}
.footer-note p{margin:0 0 7px}
.age-mark{width:56px;height:56px;display:grid;place-items:center;flex:0 0 56px;border:2px solid rgba(255,255,255,.68);border-radius:50%;color:#fff;font-size:19px;font-weight:800}

.support-button,.back-to-top{position:fixed;right:22px;z-index:105;width:48px;height:48px;display:grid;place-items:center;padding:0;border:1px solid rgba(143,168,255,.3);border-radius:50%;background:rgba(18,25,62,.9);color:#d8e3ff;box-shadow:0 12px 30px rgba(3,7,27,.28);backdrop-filter:blur(9px);cursor:pointer;transition:transform .2s,opacity .2s,background-color .2s,border-color .2s}
.support-button{bottom:88px}
.support-button svg{width:22px;height:22px}
.support-button:hover,.back-to-top:hover{transform:translateY(-3px);background:var(--blue);border-color:var(--blue);color:#fff}
.back-to-top{bottom:30px;opacity:0;visibility:hidden;font-size:22px}
.back-to-top.is-visible{opacity:1;visibility:visible}
.cookie-consent{position:fixed;left:calc(var(--sidebar-width) + 18px);right:18px;bottom:16px;z-index:115;display:flex;align-items:center;gap:20px;max-width:980px;margin:0 auto;padding:14px 16px 14px 20px;border:1px solid rgba(129,157,255,.34);border-radius:15px;background:rgba(16,22,56,.96);box-shadow:0 22px 56px rgba(2,6,26,.5);backdrop-filter:blur(14px)}
.cookie-consent p{flex:1;min-width:0;margin:0;color:#c5cee9;font-size:13px;line-height:1.45}
.cookie-consent p a{color:#8cdfff;text-decoration:underline;text-underline-offset:2px}
.cookie-consent .button{min-height:42px;padding:0 18px}
.cookie-close{width:34px;height:34px;display:grid;place-items:center;order:3;padding:0;border:0;border-radius:9px;background:rgba(255,255,255,.06);color:#d5ddf5;font-size:24px;cursor:pointer}
.cookie-consent.is-hidden{display:none}

@media(max-width:1500px){
  .topbar{grid-template-columns:minmax(220px,1fr) auto auto;grid-template-areas:"search nav actions" "message message message";gap:8px 13px;padding-top:10px;padding-bottom:9px}
  .top-message{text-align:center;font-size:12px}
  .hero-title{font-size:clamp(40px,4.2vw,66px)}
}
@media(max-width:1240px){
  .games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .promo-card{padding:23px}
  .promo-copy{width:67%}
  .provider-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(max-width:1120px){
  :root{--sidebar-width:0px}
  html{scroll-padding-top:160px}
  .side-panel{width:min(310px,86%);transform:translateX(-103%);transition:transform .28s ease;box-shadow:18px 0 60px rgba(2,5,22,.52)}
  .side-panel.is-open{transform:translateX(0)}
  .side-panel__head{justify-content:space-between}
  .side-close{display:grid;place-items:center}
  .page-shell{margin-left:0}
  .menu-button{grid-area:menu;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid rgba(137,164,255,.22);border-radius:11px;background:rgba(255,255,255,.04);font-size:23px;cursor:pointer}
  .top-logo{grid-area:logo;display:inline-flex;align-items:center}
  .top-logo img{width:122px;height:auto}
  .topbar{grid-template-columns:auto auto minmax(220px,1fr) auto;grid-template-areas:"menu logo search actions" "nav nav message message";gap:9px 12px;padding:10px 18px}
  .top-message{text-align:right}
  .cookie-consent{left:18px}
  .hero-slider{padding-top:18px}
  .provider-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
  .footer-grid{grid-template-columns:1.4fr .8fr .9fr 1fr}
}
@media(max-width:980px){
  .promo-grid{grid-template-columns:1fr 1fr}
  .promo-card:last-child{grid-column:1/-1}
  .provider-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .hero-track{height:460px}
  .hero-content{width:58%}
  .hero-slide::before{background:linear-gradient(90deg,rgba(12,17,50,.98) 0%,rgba(15,21,58,.92) 43%,rgba(18,27,74,.48) 68%,rgba(18,28,75,.12) 100%)}
  .jackpot-panel{margin-left:24px;margin-right:24px;padding:38px 40px}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  html{scroll-padding-top:190px}
  .topbar{grid-template-columns:auto auto 1fr;grid-template-areas:"menu logo actions" "search search search" "nav nav message";padding:9px 14px}
  .top-actions{justify-self:end}
  .top-actions .button{min-height:43px;padding:0 16px;font-size:13px}
  .top-nav{overflow-x:auto;scrollbar-width:none}
  .top-nav::-webkit-scrollbar{display:none}
  .top-message{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .provider-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hero-track{height:500px}
  .hero-content{left:26px;width:62%}
  .hero-art{right:-7%;width:58%;opacity:.82}
  .hero-slide--bonus .hero-art{right:-6%;width:51%}
  .hero-slide--promotions .hero-art{right:-10%;width:61%}
  .hero-slide--tournament .hero-art{right:-4%;width:55%}
  .hero-title{font-size:45px}
  .main-cta{min-height:390px;padding:40px}
  .main-cta__copy{width:68%}
  .main-cta__art{right:-8%;width:51%;opacity:.78}
}
@media(max-width:680px){
  html{scroll-padding-top:205px}
  .topbar{grid-template-columns:auto minmax(92px,1fr) auto;grid-template-areas:"menu logo actions" "search search search" "nav nav nav" "message message message"}
  .top-logo img{width:102px}
  .top-message{display:block;grid-area:message;text-align:center;font-size:10.5px;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip}
  .top-nav{justify-content:flex-start}
  .top-nav a{padding:7px 9px;font-size:13px}
  .top-actions{display:flex;gap:6px}
  .top-actions .button--outline{display:inline-flex;min-height:41px;padding:0 10px;font-size:12px}
  .top-actions .button--register{min-height:41px;padding:0 13px;font-size:12px}
  .hero-slider,.payment-strip,.section{padding-left:16px;padding-right:16px}
  .hero-viewport{border-radius:19px}
  .hero-track{height:510px}
  .hero-slide::before{z-index:2;background:linear-gradient(180deg,rgba(12,17,50,.18) 0%,rgba(12,17,50,.56) 34%,rgba(12,17,50,.97) 72%,rgba(12,17,50,.99) 100%)}
  .hero-slide::after{opacity:.45}
  .hero-art,.hero-slide--bonus .hero-art,.hero-slide--promotions .hero-art,.hero-slide--tournament .hero-art{z-index:1;right:-11%;bottom:10%;width:78%;max-width:520px;opacity:.72}
  .hero-slide--bonus .hero-art{right:-12%;bottom:8%;width:70%}
  .hero-slide--promotions .hero-art{right:-17%;bottom:14%;width:85%}
  .hero-slide--tournament .hero-art{right:-8%;bottom:11%;width:77%}
  .hero-content{z-index:3;left:20px;right:20px;top:auto;bottom:34px;width:auto;transform:none;padding:0}
  .hero-title{max-width:520px;font-size:clamp(34px,10vw,46px)}
  .hero-content p{max-width:470px;margin-bottom:18px;font-size:14px}
  .hero-button{min-height:48px;padding:0 21px;font-size:13px}
  .hero-arrow{top:41%;width:40px;height:40px;margin-top:-20px;font-size:29px}
  .hero-arrow--prev{left:10px}.hero-arrow--next{right:10px}
  .hero-dots{bottom:14px}
  .payment-item{width:126px;flex-basis:126px}
  .payment-row{min-height:82px}
  .promo-grid{grid-template-columns:1fr}
  .promo-card:last-child{grid-column:auto}
  .promo-card{min-height:250px}
  .promo-copy{width:62%}
  .intro-section{padding-top:50px;padding-bottom:50px}
  .intro-section p{font-size:16.5px;line-height:1.78;text-align:left}
  .jackpot-panel{margin-left:16px;margin-right:16px;flex-direction:column;align-items:flex-start;padding:34px 26px}
  .button--jackpot{width:100%}
  .games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .provider-card{height:76px;padding:11px}
  .main-cta{min-height:455px;margin-left:0;margin-right:0;padding:32px 26px;align-items:flex-end}
  .main-cta::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,22,57,.14),rgba(15,22,57,.45) 42%,rgba(15,22,57,.98) 72%)}
  .main-cta__copy{z-index:2;width:100%}
  .main-cta__art{right:-12%;bottom:20%;width:78%;opacity:.58}
  .button--cta{width:100%}
  .toc ol{display:block}
  .toc li+li{margin-top:7px}
  .article-section h2{font-size:25px}
  .footer-grid{grid-template-columns:1fr;gap:29px}
  .site-footer{padding-left:20px;padding-right:20px}
  .footer-apps{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .footer-apps a{max-width:none;margin:0}
  .footer-note{align-items:flex-start}
  .cookie-consent{left:10px;right:10px;bottom:10px;align-items:stretch;gap:10px;padding:13px 12px 13px 14px}
  .cookie-consent p{font-size:12px}
  .cookie-consent .button{align-self:center;padding:0 13px;font-size:12px}
  .cookie-close{position:absolute;right:7px;top:-39px;order:0;background:rgba(16,22,56,.96);border:1px solid rgba(129,157,255,.34)}
  .support-button,.back-to-top{right:14px}
}
@media(max-width:430px){
  .topbar{gap:7px 9px}
  .menu-button{width:40px;height:40px}
  .top-logo img{width:92px}
  .top-actions .button--register{padding:0 10px}
  .search-box{height:42px;padding:0 11px}
  .search-box input{font-size:12.5px}
  .hero-track{height:490px}
  .hero-content{bottom:30px}
  .hero-title{font-size:34px}
  .hero-kicker{font-size:10px}
  .hero-dots button{width:26px}.hero-dots button.is-active{width:39px}
  .promo-card{min-height:240px;padding:21px}
  .promo-copy{width:68%}
  .promo-art{right:-11%;width:63%}
  .promo-title{font-size:26px}
  .promo-card p{font-size:13px}
  .jackpot-panel strong{font-size:39px}
  .section{padding-top:40px;padding-bottom:40px}
  .game-overlay strong{left:8px;right:8px;bottom:8px;font-size:11.5px}
  .provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .main-cta{min-height:440px;padding:27px 20px}
  .cta-title{font-size:32px}
  .main-cta p{font-size:14px}
  .footer-apps{grid-template-columns:1fr}
  .cookie-consent{display:grid;grid-template-columns:1fr auto}
  .cookie-consent p{grid-column:1/-1}
  .cookie-consent .button{width:100%}
  .support-button{bottom:82px}
}
@media(max-width:360px){
  .top-logo{display:none}
  .topbar{grid-template-columns:auto 1fr;grid-template-areas:"menu actions" "search search" "nav nav" "message message"}
  .top-actions .button--register{min-height:40px}
  .hero-slider,.payment-strip,.section{padding-left:12px;padding-right:12px}
  .hero-track{height:485px}
  .hero-title{font-size:31px}
  .hero-content p{font-size:13px}
  .promo-copy{width:72%}
  .jackpot-panel{margin-left:12px;margin-right:12px;padding:29px 21px}
  .game-overlay>img{width:42px;height:42px}
}
@media(hover:none){
  .game-overlay>img{display:none}
  .game-card>a>img{filter:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Content supplied for this site. */
[hidden] { display: none !important; }
.faq-section .faq-list { display: grid; gap: 12px; }
.faq-section .section-head { margin-bottom: 24px; }
.faq-section .section-title { font-size: clamp(25px, 3vw, 38px); font-weight: 800; line-height: 1.2; }
.faq-section details.faq-item { border: 1px solid rgba(145, 165, 255, .24); border-radius: 14px; background: #192149; overflow: hidden; }
.faq-section details.faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 64px; padding: 18px 22px; color: #f4f7ff; font-weight: 700; line-height: 1.45; cursor: pointer; list-style: none; }
.faq-section details.faq-item summary::-webkit-details-marker { display: none; }
.faq-section details.faq-item summary::after { content: '+'; font-size: 24px; font-weight: 400; flex: 0 0 24px; text-align: center; color: #8acfff; }
.faq-section details.faq-item[open] summary::after { content: '−'; }
.faq-section details.faq-item[open] { border-color: #619cff; }
.faq-section details.faq-item p { margin: 0; padding: 0 22px 22px; color: #c4ceeb; line-height: 1.8; }
.table-wrap { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.table-wrap table { width: 100%; min-width: 560px; border-collapse: collapse; }
.jackpot-number { white-space: nowrap; }
.side-panel .social-row, .widget-area .social-navigation { display: flex; flex-wrap: wrap; gap: 8px; }
.side-panel .social-row a, .widget-area .social-navigation a { width: 34px; height: 34px; min-height: 34px; flex: 0 0 34px; padding: 8px; display: grid; place-items: center; border-radius: 9px; }
.side-panel .social-row img, .widget-area .social-navigation img { width: 18px; height: 18px; max-width: 18px; object-fit: contain; }
.catalog-status { margin: 16px 0 0; color: inherit; font-size: 14px; opacity: .84; }
@media (max-width: 640px) {
    .faq-section details.faq-item summary { padding: 16px; font-size: 15px; }
    .faq-section details.faq-item p { padding: 0 16px 18px; font-size: 15px; }
    .jackpot-panel .jackpot-number, .wp-jackpot-block .jackpot-number { font-size: clamp(27px, 8vw, 43px); letter-spacing: 0; }
}
@media (pointer: coarse) {
    .side-panel .social-row a, .widget-area .social-navigation a { width: 40px; height: 40px; min-height: 40px; flex-basis: 40px; }
}

/* Keep the supplied artwork visible above the mobile slide copy. */
@media (max-width: 700px) {
    .hero-slider .hero-slide .hero-art {
        top: -12px; bottom: auto; right: -2%; width: min(96%, 430px);
        max-height: 76%; opacity: .95; object-position: center top;
    }
    .hero-slider .hero-slide--promotions .hero-art { right: -9%; width: min(110%, 460px); }
    .hero-slide::before {
        background: linear-gradient(180deg, rgba(12,17,50,.06), rgba(12,17,50,.2) 28%, rgba(12,17,50,.94) 62%, #0c1132 100%);
    }
    .wp-hero-slider .wp-hero-slide .wp-hero-art {
        top: -18px; bottom: auto; right: -2%; width: min(96%, 430px);
        max-height: 84%; z-index: 1; opacity: .95; object-position: center top;
    }
    .wp-hero-slider .is-promotions .wp-hero-art { right: -9%; width: min(110%, 460px); }
    .wp-hero-slider .wp-hero-backdrop {
        z-index: 2;
        background: linear-gradient(180deg, rgba(12,17,50,.06), rgba(12,17,50,.2) 28%, rgba(12,17,50,.94) 62%, #0c1132 100%);
    }
}