: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:0px;
    --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,.portal-canvas,.masthead,.section,.footer-zone,.promo-carousel,.payment-ribbon {
    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-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
}
.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
}
.portal-canvas {
    margin-left:var(--sidebar-width);
    min-height:100vh
}
.masthead {
    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)
}
.masthead>* {
    min-width:0
}
.menu-button,.masthead-logo {
    display:none
}
.masthead-search {
    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)
}
.masthead-search:focus-within {
    border-color:var(--cyan);
    box-shadow:0 0 0 3px rgba(82,215,255,.12)
}
.masthead-search svg {
    width:20px;
    height:20px;
    flex:0 0 20px
}
.masthead-search input {
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    font-size:14px
}
.masthead-search input::placeholder {
    color:#9aa6d0;
    opacity:1
}
.quick-links {
    grid-area:nav;
    display:flex;
    align-items:center;
    gap:4px
}
.quick-links a {
    padding:9px 10px;
    border-radius:9px;
    color:#cbd3f3;
    font-size:14px;
    font-weight:550;
    white-space:nowrap;
    transition:background-color .2s,color .2s
}
.quick-links a:hover {
    background:rgba(80,113,224,.22);
    color:#fff
}
.masthead-promo {
    grid-area:message;
    margin:0;
    color:#d7ddf8;
    font-size:13px;
    font-weight:400;
    line-height:1.35;
    text-align:right
}
.masthead-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%
    }
}
.promo-carousel {
    max-width:var(--content-max);
    margin:0 auto;
    padding:24px 24px 0
}
.carousel-window {
    position:relative;
    overflow:hidden;
    border:1px solid rgba(128,151,255,.24);
    border-radius:var(--radius-lg);
    background:#171e49;
    box-shadow:var(--shadow)
}
.carousel-track {
    position:relative;
    width:100%;
    height:clamp(420px,31vw,510px);
    min-height:0;
    overflow:hidden
}
.carousel-slide {
    position:absolute;
    inset:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .65s ease,visibility .65s ease;
    background:#1a2253
}
.carousel-slide.is-active,.carousel-slide:first-child {
    opacity:1;
    visibility:visible;
    pointer-events:auto
}
.js .carousel-slide:not(.is-active) {
    opacity:0;
    visibility:hidden;
    pointer-events:none
}
html:not(.js) .carousel-track {
    height:auto;
    overflow:visible
}
html:not(.js) .carousel-slide {
    position:relative;
    min-height:430px;
    opacity:1;
    visibility:visible;
    pointer-events:auto
}
html:not(.js) .carousel-slide+ .carousel-slide {
    border-top:1px solid var(--line)
}
html:not(.js) .carousel-arrow,html:not(.js) .carousel-dots {
    display:none
}
.carousel-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%)
}
.carousel-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)
}
.carousel-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)
}
.carousel-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)
}
.carousel-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)
}
.carousel-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
}
.carousel-slide--bonus .carousel-art {
    width:min(43%,590px);
    right:6%;
    bottom:-11%
}
.carousel-slide--promotions .carousel-art {
    width:min(50%,670px);
    right:1%;
    bottom:-8%
}
.carousel-slide--tournament .carousel-art {
    width:min(46%,620px);
    right:6%;
    bottom:-9%
}
.carousel-copy {
    position:absolute;
    z-index:3;
    left:clamp(30px,5vw,84px);
    top:50%;
    width:min(610px,52%);
    transform:translateY(-50%);
    padding:16px 0;
    color:#fff
}
.carousel-label,.eyebrow {
    display:block;
    color:#8edfff;
    font-size:12px;
    font-weight:750;
    letter-spacing:.12em;
    text-transform:uppercase
}
.carousel-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)
}
.carousel-copy 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)
}
.carousel-button {
    min-height:54px;
    padding:0 28px;
    font-size:15px
}
.carousel-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
}
.carousel-arrow:hover {
    transform:scale(1.06);
    background:rgba(31,108,255,.78);
    border-color:rgba(255,255,255,.5)
}
.carousel-arrow--prev {
    left:18px
}
.carousel-arrow--next {
    right:18px
}
.carousel-dots {
    position:absolute;
    z-index:7;
    left:50%;
    bottom:18px;
    display:flex;
    gap:8px;
    transform:translateX(-50%)
}
.carousel-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
}
.carousel-dots button.is-active {
    width:52px;
    background:linear-gradient(90deg,var(--cyan),#fff)
}
.payment-ribbon {
    max-width:var(--content-max);
    margin:0 auto;
    padding:18px 24px 0
}
.payment-ribbon__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-ribbon__row::-webkit-scrollbar {
    display:none
}
.payment-ribbon__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-ribbon__item:hover {
    transform:translateY(-2px);
    background:#fff
}
.payment-ribbon__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-ribbon__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
}
.benefit-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px
}
.benefit-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
}
.benefit-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)
}
.benefit-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)
}
.benefit-copy {
    position:relative;
    z-index:2;
    width:62%;
    min-width:0
}
.benefit-title {
    margin:7px 0 8px;
    font-size:clamp(27px,2.2vw,36px);
    font-weight:780;
    line-height:1.08;
    letter-spacing:-.025em
}
.benefit-card p {
    margin:0 0 20px;
    color:#c8d1f2;
    font-size:14px;
    line-height:1.55
}
.benefit-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
}
.benefit-card:hover .benefit-art {
    transform:translateY(-5px) scale(1.025)
}
.benefit-card--bonus {
    background:linear-gradient(135deg,#202a69,#273681)
}
.benefit-card--vip {
    background:linear-gradient(135deg,#292159,#4b246f)
}
.brand-intro {
    max-width:1160px;
    padding-top:62px;
    padding-bottom:62px;
    text-align:center
}
.brand-intro 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
}
.brand-intro p {
    margin:0;
    color:#c2cae9;
    font-size:18px;
    line-height:1.86
}
.jackpot-showcase {
    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-showcase::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-showcase__copy {
    min-width:0
}
.jackpot-showcase__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-showcase 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-showcase small {
    font-size:.32em;
    color:#b9c7f0
}
.jackpot-showcase 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
}
.partner-grid {
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:11px
}
.partner-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
}
.partner-card:hover {
    transform:translateY(-3px);
    border-color:rgba(89,185,255,.58);
    background:#25316c;
    box-shadow:0 14px 28px rgba(3,7,27,.28)
}
.partner-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
}
.partner-card:hover img {
    opacity:1;
    transform:scale(1.035)
}
.signup-cover {
    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
}
.signup-cover::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%)
}
.signup-cover__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
}
.signup-cover p {
    max-width:640px;
    margin:0 0 24px;
    color:#c7d0ee;
    font-size:17px
}
.signup-cover__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)
    }
}
.content-guide {
    max-width:1120px;
    padding-top:64px;
    padding-bottom:64px
}
.content-guide__head {
    max-width:850px;
    margin-bottom:26px
}
.content-guide .content-guide__head h2 {
    margin:8px 0 13px;
    color:#fff;
    font-size:clamp(34px,4vw,54px);
    font-weight:800;
    line-height:1.04;
    letter-spacing:-.04em
}
.content-guide__head 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
}
.content-guide__body {
    max-width:100%;
    font-size:16.5px
}
.content-guide h2 {
    scroll-margin-top:140px;
    margin:42px 0 13px;
    color:#fff;
    font-size:29px;
    font-weight:760;
    line-height:1.22;
    letter-spacing:-.02em
}
.content-guide h3 {
    scroll-margin-top:140px;
    margin:30px 0 10px;
    color:#f5f7ff;
    font-size:22px;
    font-weight:720;
    line-height:1.28
}
.content-guide__body p,.content-guide__body li {
    color:#bac4e4
}
.content-guide__body p {
    margin:0 0 18px
}
.content-guide__body ul,.content-guide__body ol {
    margin:0 0 22px;
    padding-left:23px
}
.content-guide__body li+li {
    margin-top:8px
}
.content-guide__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
}
.answers-area {
    max-width:1120px;
    padding-top:34px;
    padding-bottom:78px
}
.answers-head {
    margin-bottom:22px
}
.answers-title {
    margin-top:8px;
    font-size:clamp(32px,3.6vw,49px);
    font-weight:800;
    line-height:1.05;
    letter-spacing:-.035em
}
.answers-list {
    display:grid;
    gap:10px
}
.answers-item {
    overflow:hidden;
    border:1px solid rgba(132,151,239,.2);
    border-radius:14px;
    background:rgba(26,34,78,.72)
}
.answers-item h3 {
    margin:0
}
.answers-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
}
.answers-item h3 button:hover {
    background:rgba(72,103,205,.14)
}
.answers-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
}
.answers-item h3 button[aria-expanded="true"] .answers-mark {
    transform:rotate(45deg);
    background:rgba(31,108,255,.28)
}
.answers-panel {
    padding:0 19px 18px
}
.answers-panel p {
    margin:0;
    color:#b8c2e1
}
.answers-list.faq-ready .answers-panel[hidden] {
    display:none
}
.footer-zone {
    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) {
    .masthead {
        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
    }
    .masthead-promo {
        text-align:center;
        font-size:12px
    }
    .carousel-title {
        font-size:clamp(40px,4.2vw,66px)
    }
}
@media(max-width:1240px) {
    .benefit-card {
        padding:23px
    }
    .benefit-copy {
        width:67%
    }
    .partner-grid {
        grid-template-columns:repeat(6,minmax(0,1fr))
    }
}
@media(max-width:1120px) {
    :root {
        --sidebar-width:0px
    }
    html {
        scroll-padding-top:160px
    }
    .portal-canvas {
        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
    }
    .masthead-logo {
        grid-area:logo;
        display:inline-flex;
        align-items:center
    }
    .masthead-logo img {
        width:122px;
        height:auto
    }
    .masthead {
        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
    }
    .masthead-promo {
        text-align:right
    }
    .cookie-consent {
        left:18px
    }
    .promo-carousel {
        padding-top:18px
    }
    .partner-grid {
        grid-template-columns:repeat(7,minmax(0,1fr))
    }
    .footer-grid {
        grid-template-columns:1.4fr .8fr .9fr 1fr
    }
}
@media(max-width:980px) {
    .benefit-grid {
        grid-template-columns:1fr 1fr
    }
    .benefit-card:last-child {
        grid-column:1/-1
    }
    .partner-grid {
        grid-template-columns:repeat(5,minmax(0,1fr))
    }
    .carousel-track {
        height:460px
    }
    .carousel-copy {
        width:58%
    }
    .carousel-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-showcase {
        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
    }
    .masthead {
        grid-template-columns:auto auto 1fr;
        grid-template-areas:"menu logo actions" "search search search" "nav nav message";
        padding:9px 14px
    }
    .masthead-actions {
        justify-self:end
    }
    .masthead-actions .button {
        min-height:43px;
        padding:0 16px;
        font-size:13px
    }
    .quick-links {
        overflow-x:auto;
        scrollbar-width:none
    }
    .quick-links::-webkit-scrollbar {
        display:none
    }
    .masthead-promo {
        font-size:11px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis
    }
    .partner-grid {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .carousel-track {
        height:500px
    }
    .carousel-copy {
        left:26px;
        width:62%
    }
    .carousel-art {
        right:-7%;
        width:58%;
        opacity:.82
    }
    .carousel-slide--bonus .carousel-art {
        right:-6%;
        width:51%
    }
    .carousel-slide--promotions .carousel-art {
        right:-10%;
        width:61%
    }
    .carousel-slide--tournament .carousel-art {
        right:-4%;
        width:55%
    }
    .carousel-title {
        font-size:45px
    }
    .signup-cover {
        min-height:390px;
        padding:40px
    }
    .signup-cover__copy {
        width:68%
    }
    .signup-cover__art {
        right:-8%;
        width:51%;
        opacity:.78
    }
}
@media(max-width:680px) {
    html {
        scroll-padding-top:205px
    }
    .masthead {
        grid-template-columns:auto minmax(92px,1fr) auto;
        grid-template-areas:"menu logo actions" "search search search" "nav nav nav" "message message message"
    }
    .masthead-logo img {
        width:102px
    }
    .masthead-promo {
        display:block;
        grid-area:message;
        text-align:center;
        font-size:10.5px;
        line-height:1.35;
        white-space:normal;
        overflow:visible;
        text-overflow:clip
    }
    .quick-links {
        justify-content:flex-start
    }
    .quick-links a {
        padding:7px 9px;
        font-size:13px
    }
    .masthead-actions {
        display:flex;
        gap:6px
    }
    .masthead-actions .button--outline {
        display:inline-flex;
        min-height:41px;
        padding:0 10px;
        font-size:12px
    }
    .masthead-actions .button--register {
        min-height:41px;
        padding:0 13px;
        font-size:12px
    }
    .promo-carousel,.payment-ribbon,.section {
        padding-left:16px;
        padding-right:16px
    }
    .carousel-window {
        border-radius:19px
    }
    .carousel-track {
        height:510px
    }
    .carousel-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%)
    }
    .carousel-slide::after {
        opacity:.45
    }
    .carousel-art,.carousel-slide--bonus .carousel-art,.carousel-slide--promotions .carousel-art,.carousel-slide--tournament .carousel-art {
        z-index:1;
        right:-11%;
        bottom:10%;
        width:78%;
        max-width:520px;
        opacity:.72
    }
    .carousel-slide--bonus .carousel-art {
        right:-12%;
        bottom:8%;
        width:70%
    }
    .carousel-slide--promotions .carousel-art {
        right:-17%;
        bottom:14%;
        width:85%
    }
    .carousel-slide--tournament .carousel-art {
        right:-8%;
        bottom:11%;
        width:77%
    }
    .carousel-copy {
        z-index:3;
        left:20px;
        right:20px;
        top:auto;
        bottom:34px;
        width:auto;
        transform:none;
        padding:0
    }
    .carousel-title {
        max-width:520px;
        font-size:clamp(34px,10vw,46px)
    }
    .carousel-copy p {
        max-width:470px;
        margin-bottom:18px;
        font-size:14px
    }
    .carousel-button {
        min-height:48px;
        padding:0 21px;
        font-size:13px
    }
    .carousel-arrow {
        top:41%;
        width:40px;
        height:40px;
        margin-top:-20px;
        font-size:29px
    }
    .carousel-arrow--prev {
        left:10px
    }
    .carousel-arrow--next {
        right:10px
    }
    .carousel-dots {
        bottom:14px
    }
    .payment-ribbon__item {
        width:126px;
        flex-basis:126px
    }
    .payment-ribbon__row {
        min-height:82px
    }
    .benefit-grid {
        grid-template-columns:1fr
    }
    .benefit-card:last-child {
        grid-column:auto
    }
    .benefit-card {
        min-height:250px
    }
    .benefit-copy {
        width:62%
    }
    .brand-intro {
        padding-top:50px;
        padding-bottom:50px
    }
    .brand-intro p {
        font-size:16.5px;
        line-height:1.78;
        text-align:left
    }
    .jackpot-showcase {
        margin-left:16px;
        margin-right:16px;
        flex-direction:column;
        align-items:flex-start;
        padding:34px 26px
    }
    .button--jackpot {
        width:100%
    }
    .partner-grid {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .partner-card {
        height:76px;
        padding:11px
    }
    .signup-cover {
        min-height:455px;
        margin-left:0;
        margin-right:0;
        padding:32px 26px;
        align-items:flex-end
    }
    .signup-cover::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%)
    }
    .signup-cover__copy {
        z-index:2;
        width:100%
    }
    .signup-cover__art {
        right:-12%;
        bottom:20%;
        width:78%;
        opacity:.58
    }
    .button--cta {
        width:100%
    }
    .toc ol {
        display:block
    }
    .toc li+li {
        margin-top:7px
    }
    .content-guide h2 {
        font-size:25px
    }
    .footer-grid {
        grid-template-columns:1fr;
        gap:29px
    }
    .footer-zone {
        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) {
    .masthead {
        gap:7px 9px
    }
    .menu-button {
        width:40px;
        height:40px
    }
    .masthead-logo img {
        width:92px
    }
    .masthead-actions .button--register {
        padding:0 10px
    }
    .masthead-search {
        height:42px;
        padding:0 11px
    }
    .masthead-search input {
        font-size:12.5px
    }
    .carousel-track {
        height:490px
    }
    .carousel-copy {
        bottom:30px
    }
    .carousel-title {
        font-size:34px
    }
    .carousel-label {
        font-size:10px
    }
    .carousel-dots button {
        width:26px
    }
    .carousel-dots button.is-active {
        width:39px
    }
    .benefit-card {
        min-height:240px;
        padding:21px
    }
    .benefit-copy {
        width:68%
    }
    .benefit-art {
        right:-11%;
        width:63%
    }
    .benefit-title {
        font-size:26px
    }
    .benefit-card p {
        font-size:13px
    }
    .jackpot-showcase strong {
        font-size:39px
    }
    .section {
        padding-top:40px;
        padding-bottom:40px
    }
    .partner-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .signup-cover {
        min-height:440px;
        padding:27px 20px
    }
    .cta-title {
        font-size:32px
    }
    .signup-cover 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) {
    .masthead-logo {
        display:none
    }
    .masthead {
        grid-template-columns:auto 1fr;
        grid-template-areas:"menu actions" "search search" "nav nav" "message message"
    }
    .masthead-actions .button--register {
        min-height:40px
    }
    .promo-carousel,.payment-ribbon,.section {
        padding-left:12px;
        padding-right:12px
    }
    .carousel-track {
        height:485px
    }
    .carousel-title {
        font-size:31px
    }
    .carousel-copy p {
        font-size:13px
    }
    .benefit-copy {
        width:72%
    }
    .jackpot-showcase {
        margin-left:12px;
        margin-right:12px;
        padding:29px 21px
    }
}
@media(hover: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
    }
}
/* Full-width header edition */
:root {
    --sidebar-width:0px;
    --header-height:78px
}
.portal-canvas,.portal-canvas--wide {
    width:100%;
    min-width:0;
    min-height:100vh;
    margin-left:0
}
.masthead {
    position:sticky;
    top:0;
    z-index:100;
    width:100%;
    min-height:var(--header-height);
    display:flex;
    align-items:center;
    gap:12px;
    padding:11px clamp(18px,2vw,34px);
    background:rgba(18,23,55,.94);
    border-bottom:1px solid rgba(133,154,255,.18);
    box-shadow:0 10px 30px rgba(3,6,25,.18);
    backdrop-filter:blur(18px) saturate(140%)
}
.masthead>* {
    min-width:0
}
.masthead-logo {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto
}
.masthead-logo img {
    width:142px;
    height:auto
}
.menu-button {
    display:none;
    width:44px;
    height:44px;
    flex:0 0 44px;
    padding:10px;
    border:1px solid rgba(137,164,255,.25);
    border-radius:11px;
    background:rgba(255,255,255,.045);
    color:#fff;
    cursor:pointer
}
.menu-button span {
    display:block;
    width:100%;
    height:2px;
    margin:4px 0;
    border-radius:4px;
    background:currentColor
}
.masthead-nav,.quick-links {
    display:flex;
    align-items:center;
    gap:3px;
    white-space:nowrap
}
.masthead-nav {
    flex:0 0 auto
}
.masthead-nav a,.quick-links a {
    padding:9px 10px;
    border-radius:9px;
    color:#cbd3f3;
    font-size:13.5px;
    font-weight:550;
    transition:background-color .2s,color .2s,box-shadow .2s
}
.masthead-nav a:hover,.masthead-nav a.active,.quick-links a:hover {
    background:rgba(80,113,224,.22);
    color:#fff
}
.masthead-nav a.active {
    box-shadow:inset 0 -2px 0 var(--cyan)
}
.masthead-search {
    flex:1 1 270px;
    width:auto;
    max-width:340px;
    min-width:170px
}
.masthead-promo {
    flex:0 1 250px;
    max-width:250px;
    margin:0 0 0 auto;
    color:#d7ddf8;
    font-size:12.5px;
    font-weight:400;
    line-height:1.35;
    text-align:right
}
.masthead-actions {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex:0 0 auto
}
.masthead-actions .button {
    min-height:48px;
    padding:0 22px
}
.header-language {
    width:auto;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    flex:0 0 auto;
    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;
    cursor:default
}
.header-language img {
    width:24px;
    height:16px;
    object-fit:cover;
    border-radius:2px
}
.mobile-menu {
    position:fixed;
    inset:0 0 0 auto;
    z-index:130;
    width:min(380px,90vw);
    display:flex;
    flex-direction:column;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:18px;
    background:linear-gradient(180deg,#151b41 0%,#121735 52%,#10142e 100%);
    border-left:1px solid rgba(118,140,255,.2);
    box-shadow:-24px 0 70px rgba(2,5,22,.52);
    transform:translateX(105%);
    visibility:hidden;
    pointer-events:none;
    transition:transform .28s ease,visibility .28s ease
}
.mobile-menu.is-open {
    transform:translateX(0);
    visibility:visible;
    pointer-events:auto
}
.mobile-menu__head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding-bottom:16px;
    border-bottom:1px solid var(--line-soft)
}
.mobile-menu__head img {
    width:164px;
    height:auto
}
.mobile-menu__close {
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex:0 0 42px;
    padding:0;
    border:1px solid rgba(145,165,255,.24);
    border-radius:10px;
    background:rgba(255,255,255,.055);
    color:#fff;
    font-size:31px;
    line-height:1;
    cursor:pointer
}
.mobile-menu__primary,.mobile-menu__promo,.mobile-menu__secondary {
    display:grid;
    gap:5px;
    padding:15px 0;
    border-bottom:1px solid var(--line-soft)
}
.mobile-menu nav a {
    display:block;
    padding:11px 12px;
    border-radius:9px;
    color:#e3e8ff;
    transition:background-color .2s,color .2s
}
.mobile-menu nav a:hover,.mobile-menu nav a.active {
    background:rgba(65,98,202,.25);
    color:#fff
}
.mobile-menu__primary a {
    font-size:16px;
    font-weight:650
}
.mobile-menu__promo {
    grid-template-columns:repeat(3,minmax(0,1fr))
}
.mobile-menu__promo a {
    text-align:center;
    background:rgba(255,255,255,.04);
    font-size:13px
}
.mobile-menu__secondary a {
    padding-block:8px;
    color:#b9c3e4;
    font-size:13px;
    font-weight:400
}
.mobile-menu__social {
    padding-top:17px
}
.mobile-menu__social p {
    margin:0 0 10px;
    color:var(--muted-2);
    font-size:11px;
    font-weight:650;
    letter-spacing:.09em;
    text-transform:uppercase
}
.mobile-menu__apps {
    margin-top:18px
}
.mobile-menu__foot {
    margin-top:auto;
    padding-top:22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px
}
.menu-overlay {
    position:fixed;
    inset:0;
    z-index:120;
    background:rgba(5,8,24,.7);
    backdrop-filter:blur(3px);
    opacity:0;
    visibility:hidden;
    transition:opacity .25s,visibility .25s
}
.menu-overlay.is-visible {
    opacity:1;
    visibility:visible
}
.cookie-consent {
    left:18px
}
@media(max-width:1460px) {
    .masthead-promo {
        display:none
    }
    .masthead-search {
        max-width:none
    }
    .masthead-nav a,.quick-links a {
        padding-inline:8px
    }
}
@media(max-width:1260px) {
    .quick-links {
        display:none
    }
}
@media(max-width:1120px) {
    html {
        scroll-padding-top:110px
    }
    .menu-button {
        display:block
    }
    .masthead-nav {
        display:none
    }
    .masthead {
        gap:10px;
        padding-inline:16px
    }
    .masthead-logo img {
        width:126px
    }
    .masthead-search {
        max-width:none
    }
}
@media(min-width:1121px) {
    .mobile-menu,.menu-overlay {
        display:none!important
    }
}
@media(max-width:760px) {
    :root {
        --header-height:66px
    }
    .masthead {
        gap:8px;
        padding:10px 12px
    }
    .menu-button {
        width:42px;
        height:42px;
        flex-basis:42px
    }
    .masthead-logo img {
        width:108px
    }
    .masthead-search {
        height:42px;
        min-width:0;
        flex:1 1 auto;
        padding-inline:11px
    }
    .masthead-search input {
        font-size:12.5px
    }
    .masthead-actions .button {
        min-height:42px;
        padding:0 13px;
        font-size:12.5px
    }
    .masthead-actions .button--outline {
        display:none
    }
    .header-language {
        width:42px;
        height:42px;
        padding:0
    }
    .header-language span {
        display:none
    }
}
@media(max-width:560px) {
    .masthead-search {
        display:none
    }
    .masthead-actions {
        margin-left:auto
    }
    .masthead-logo img {
        width:100px
    }
}
@media(max-width:390px) {
    .masthead {
        gap:7px;
        padding-inline:9px
    }
    .menu-button {
        width:40px;
        height:40px;
        flex-basis:40px
    }
    .masthead-logo img {
        width:88px
    }
    .masthead-actions .button {
        padding-inline:11px
    }
    .header-language {
        width:40px;
        height:40px
    }
    .mobile-menu {
        width:min(350px,94vw);
        padding:15px
    }
}
@media(max-width:350px) {
    .header-language {
        display:none
    }
    .masthead-actions .button {
        padding-inline:10px
    }
}
@media(prefers-reduced-motion:reduce) {
    .mobile-menu,.menu-overlay {
        transition:none
    }
}
/* Jet full-width theme */
:root {
    --bg:#121a22;
    --panel:#21303c;
    --panel-2:#2a3a47;
    --line:rgba(180,200,219,.15);
    --text:#f6f9fc;
    --muted:#b4c8db;
    --primary:#6d3eeb;
    --primary-2:#a53eeb;
    --secondary:#1183ff;
    --focus:#f4d135;
    --topbar:84px
}
html {
    background:#121a22
}
.portal-canvas {
    background:radial-gradient(circle at 13% 0,rgba(17,131,255,.15),transparent 27%),radial-gradient(circle at 92% 8%,rgba(109,62,235,.15),transparent 24%),linear-gradient(180deg,#17232d,#111a22 46%,#0e151b)
}
.masthead {
    background:rgba(35,46,57,.93);
    border-bottom-color:rgba(180,200,219,.13);
    box-shadow:0 15px 34px rgba(4,8,14,.3)
}
.masthead-logo img {
    width:126px;
    height:auto
}
.masthead-nav a.active,.masthead-nav a:hover,.quick-links a:hover {
    color:#f4d135
}
.masthead-nav a.active {
    box-shadow:inset 0 -2px 0 #6d3eeb
}
.masthead-search {
    background:#1a2631;
    border-color:rgba(180,200,219,.16)
}
.masthead-search:focus-within {
    border-color:#1183ff;
    box-shadow:0 0 0 3px rgba(17,131,255,.14)
}
.masthead-promo {
    color:#dce7f3
}
.header-language {
    border-color:rgba(180,200,219,.2);
    background:#1b2833
}
.button--primary,.button--register {
    background:linear-gradient(112deg,#3e3eeb,#6d3eeb 54%,#a53eeb);
    color:#fff;
    border-radius:3px;
    clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);
    box-shadow:0 13px 32px rgba(109,62,235,.34)
}
.button--outline {
    border-color:rgba(244,209,53,.6);
    border-radius:3px;
    color:#fff
}
.button--outline:hover {
    background:#f4d135;
    border-color:#f4d135;
    color:#17212a
}
.mobile-menu {
    background:linear-gradient(180deg,#263746,#17212a)
}
.mobile-menu__primary a.active {
    color:#f4d135;
    background:rgba(109,62,235,.18)
}
.promo-carousel {
    padding-top:18px
}
.carousel-window {
    border:1px solid rgba(180,200,219,.15);
    border-radius:5px;
    box-shadow:0 34px 72px rgba(4,8,14,.42)
}
.carousel-slide {
    background:radial-gradient(circle at 82% 14%,rgba(109,62,235,.4),transparent 38%),linear-gradient(110deg,#070b18,#151754 58%,#25114e)
}
.carousel-slide--promotions {
    background:radial-gradient(circle at 82% 12%,rgba(17,131,255,.34),transparent 35%),linear-gradient(110deg,#09131c,#0b3048 58%,#102d62)
}
.carousel-slide--tournament {
    background:radial-gradient(circle at 82% 15%,rgba(62,62,235,.42),transparent 38%),linear-gradient(110deg,#08111b,#172d46 56%,#202761)
}
.carousel-slide::after {
    background:linear-gradient(90deg,rgba(4,8,17,.99),rgba(5,11,23,.92) 43%,rgba(8,15,31,.28) 72%,transparent)
}
.carousel-label {
    color:#f4d135;
    font-weight:800
}
.carousel-title {
    color:#fff;
    font-style:italic;
    text-transform:uppercase;
    letter-spacing:-.025em
}
.carousel-copy p {
    color:#d8e5f0
}
.carousel-arrow {
    background:rgba(20,31,43,.76);
    border-color:rgba(255,255,255,.2)
}
.carousel-arrow:hover {
    background:#f4d135;
    color:#17212a
}
.carousel-dots button.is-active {
    background:#6d3eeb;
    box-shadow:0 0 0 4px rgba(109,62,235,.2)
}
.payment-ribbon {
    border-color:rgba(180,200,219,.12);
    background:rgba(35,48,60,.82);
    backdrop-filter:blur(14px)
}
.payment-ribbon__item {
    border-color:rgba(180,200,219,.1);
    background:#2a3946
}
.payment-ribbon__item:hover {
    border-color:rgba(109,62,235,.5);
    background:#334858
}
.benefit-card {
    border-color:rgba(180,200,219,.14);
    border-radius:5px;
    box-shadow:0 20px 45px rgba(4,8,14,.28)
}
.benefit-card--wheel {
    background:radial-gradient(circle at 90% 16%,rgba(109,62,235,.36),transparent 35%),linear-gradient(140deg,#202c37,#321e50)
}
.benefit-card--bonus {
    background:radial-gradient(circle at 88% 12%,rgba(17,131,255,.36),transparent 34%),linear-gradient(140deg,#1a2935,#0d3a57)
}
.benefit-card--vip {
    background:radial-gradient(circle at 88% 15%,rgba(244,209,53,.26),transparent 34%),linear-gradient(140deg,#242d36,#493819)
}
.benefit-title {
    color:#fff;
    font-style:italic;
    text-transform:uppercase
}
.benefit-copy p {
    color:#d3deea
}
.button--secondary {
    background:#f4f7fb;
    color:#17212a;
    border-radius:3px
}
.button--secondary:hover {
    background:#f4d135
}
.brand-intro {
    border:1px solid rgba(180,200,219,.13);
    border-radius:5px;
    background:linear-gradient(135deg,rgba(42,57,70,.92),rgba(26,37,47,.82));
    box-shadow:0 24px 50px rgba(4,8,14,.22)
}
.brand-intro h1 {
    color:#fff;
    font-style:italic;
    text-transform:uppercase
}
.brand-intro p {
    color:#d1dde8
}
.jackpot-showcase {
    border-color:rgba(109,62,235,.44);
    border-radius:5px;
    background:radial-gradient(circle at 14% 18%,rgba(244,209,53,.18),transparent 32%),radial-gradient(circle at 88% 12%,rgba(109,62,235,.4),transparent 38%),linear-gradient(120deg,#282b26,#181b40 54%,#201047)
}
.jackpot-showcase__label {
    color:#f4d135
}
.jackpot-showcase__copy small {
    color:#f4d135
}
.button--jackpot {
    background:linear-gradient(112deg,#3e3eeb,#6d3eeb 50%,#a53eeb);
    color:#fff;
    border-radius:3px;
    box-shadow:0 17px 42px rgba(109,62,235,.38)
}
.partner-card {
    background:linear-gradient(145deg,#253440,#1b2832);
    border-color:rgba(180,200,219,.11);
    border-radius:4px
}
.partner-card:hover {
    border-color:rgba(109,62,235,.55);
    background:#304250
}
.signup-cover {
    border-color:rgba(109,62,235,.34);
    border-radius:5px;
    background:radial-gradient(circle at 82% 12%,rgba(244,209,53,.18),transparent 31%),radial-gradient(circle at 96% 90%,rgba(109,62,235,.4),transparent 36%),linear-gradient(120deg,#1d2a35,#2c2147 54%,#25104d)
}
.signup-cover__copy p {
    color:#d8e4ef
}
.cta-title {
    font-style:italic;
    text-transform:uppercase
}
.button--cta {
    background:linear-gradient(115deg,#3e3eeb,#6d3eeb 58%,#a53eeb);
    color:#fff;
    border-radius:3px;
    box-shadow:0 18px 44px rgba(109,62,235,.4)
}
.content-guide,.answers-area {
    border:1px solid rgba(180,200,219,.12);
    border-radius:5px;
    background:linear-gradient(145deg,rgba(34,47,58,.96),rgba(21,30,39,.94))
}
.content-guide__head h2,.content-guide__body h2,.content-guide__body h3,.answers-title {
    color:#fff
}
.content-guide__head p,.content-guide__body,.answers-panel {
    color:#cbd7e2
}
.toc {
    background:#283945;
    border-color:rgba(180,200,219,.13);
    border-radius:3px
}
.toc a {
    color:#72baff
}
.answers-item {
    background:#263642;
    border-color:rgba(180,200,219,.1);
    border-radius:3px
}
.answers-item:has(button[aria-expanded="true"]) {
    border-color:rgba(109,62,235,.6)
}
.answers-item button {
    color:#f5f8fb
}
.answers-mark {
    background:rgba(109,62,235,.18);
    color:#c6a7ff
}
.footer-zone {
    background:radial-gradient(circle at 10% 0,rgba(109,62,235,.15),transparent 27%),linear-gradient(180deg,#1c2832,#0d1419);
    border-top-color:rgba(109,62,235,.24)
}
.footer-payments img,.footer-providers img {
    filter:grayscale(1) brightness(2);
    opacity:.62
}
.cookie-consent {
    background:rgba(23,33,42,.97);
    border-color:rgba(109,62,235,.35)
}
/* Jet asset contrast refinements */
.payment-ribbon__item img {
    filter:grayscale(1) brightness(0) invert(1);
    opacity:.7
}
.payment-ribbon__item:hover img {
    filter:grayscale(1) brightness(0) invert(1);
    opacity:1;
    transform:translateY(-2px)
}
.payment-ribbon__item img[src*="payment-sbp"] {
    filter:grayscale(1) brightness(.78) contrast(1.2);
    opacity:1
}
.footer-providers img {
    filter:grayscale(1) brightness(0) invert(1);
    opacity:.62
}
@media(max-width:680px) {
    .carousel-arrow {
        top:18px;
        transform:none
    }
    .carousel-copy {
        bottom:58px
    }
    .carousel-slide--bonus .carousel-art {
        right:2%;
        top:26px;
        bottom:auto;
        width:52%;
        opacity:.82
    }
    .carousel-slide--promotions .carousel-art {
        right:-3%;
        top:20px;
        bottom:auto;
        width:61%;
        opacity:.78
    }
    .carousel-slide--tournament .carousel-art {
        right:-3%;
        top:24px;
        bottom:auto;
        width:60%;
        opacity:.82
    }
}
/* Shared game-card system — intentionally identical in all three packs */
.games-grid {
    list-style:none;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:16px;
    margin:0;
    padding:0
}
.game-card {
    position:relative;
    min-width:0;
    list-style:none
}
.game-card>a {
    display:block;
    position:relative;
    overflow:hidden;
    border-radius:12px;
    background:#17191d;
    aspect-ratio:760/430;
    border:1px solid transparent;
    box-shadow:0 10px 28px rgba(0,0,0,.18);
    transition:border-color .25s,box-shadow .25s,transform .25s
}
.game-card>a:focus-visible {
    outline:3px solid var(--focus,#f4d135);
    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;
    background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.08));
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    opacity:0;
    pointer-events:none;
    transition:opacity .25s
}
.game-overlay img {
    width:54px;
    height:54px;
    filter:drop-shadow(0 7px 16px rgba(0,0,0,.42))
}
.game-overlay strong {
    position:absolute;
    left:14px;
    right:14px;
    bottom:12px;
    overflow:hidden;
    color:#fff;
    font-size:14px;
    font-weight:800;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-shadow:0 2px 8px rgba(0,0,0,.6)
}
.game-card:hover>a,.game-card:focus-within>a {
    border-color:rgba(244,209,53,.78);
    box-shadow:0 16px 34px rgba(0,0,0,.3);
    transform:translateY(-3px)
}
.game-card:hover>a>img,.game-card:focus-within>a>img {
    transform:scale(1.06);
    filter:brightness(.62)
}
.game-card:hover .game-overlay,.game-card:focus-within .game-overlay {
    opacity:1
}
@media(max-width:1240px) {
    .games-grid {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}
@media(max-width:820px) {
    .games-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:13px
    }
}
@media(max-width:680px) {
    .games-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px
    }
    .game-overlay {
        opacity:1;
        background:linear-gradient(0deg,rgba(0,0,0,.84),transparent 62%)
    }
    .game-overlay img {
        display:none
    }
    .game-overlay strong {
        font-size:12px;
        bottom:8px;
        left:9px;
        right:9px
    }
}
/* Shared content and small-screen refinements. */
[hidden] {
    display: none !important;
}
:where(.intro-section, .reading-guide, .content-guide, .post-content-section, .article-section, .reading-area) {
    min-width: 0;
}
.source-copy :where(h2,h3) {
    scroll-margin-top: 120px;
}
.content-table-scroll {
    overflow-x: auto;
    max-width: 100%;
    margin-block: 24px;
}
.content-table-scroll table {
    width: 100%;
    border-collapse: collapse;
}
.content-table-scroll th, .content-table-scroll td {
    text-align: left;
    padding: 14px 16px;
    border: 1px solid rgba(160,170,190,.25);
}
.content-table-scroll th {
    background: rgba(160,170,190,.09);
}
.content-table-scroll:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}
#article > .toc, #article > .wp-toc {
    padding: 20px 24px;
    border: 1px solid rgba(160,170,190,.24);
    border-radius: 12px;
    background: rgba(160,170,190,.05);
    margin-bottom: 30px;
}
#article > .toc summary, #article > .wp-toc summary {
    cursor: pointer;
    font-weight: 700;
}
#article > .toc ol, #article > .wp-toc ol {
    padding-left: 22px;
}
#article > .toc li, #article > .wp-toc li {
    margin-block: 8px;
}
#article > .toc a, #article > .wp-toc a {
    color: inherit;
}
#faq > h2 {
    margin: 0 0 24px;
}
.catalog-feedback {
    color: inherit;
    font-size: 14px;
    margin: 8px 0 16px;
    opacity: .8;
}
#jackpot :where(strong,[data-static-amount],.jackpot-number) {
    font-variant-numeric: tabular-nums;
}
#jackpot [data-static-amount] {
    white-space: nowrap;
}
@media (max-width: 600px) {
    #article > .toc, #article > .wp-toc {
        padding: 16px;
    }
    #jackpot :where(strong,.jackpot-number) {
        font-size: clamp(25px,7.3vw,42px);
    }
    #faq summary, #faq button {
        overflow-wrap: anywhere;
    }
}
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}