:root{
    --bg:#ffffff; /* site background should be white like the screenshot */
    --card:#f5f7fb;
    --text:#111318;
    --muted:#5b6573;
    --brand:#16c653; /* green Register button */
    --brand-contrast:#081c0f;
    --border:rgba(10,12,14,.08);
    --maxw:1200px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.5 Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}



/* HERO BANNER */
.hero{background:#0b0f16}
.hero--banner{position:relative;isolation:isolate;}
.hero--banner .wrap{max-width:none;padding:0}
.hero__media{position:relative;height:min(34vw,360px);min-height:220px;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.08)}
.hero__img{position:absolute;inset:0;filter:saturate(1.05);transform:scale(1.02)}
.hero__veil{position:absolute;inset:0;background:linear-gradient(0deg, rgba(0,0,0,.55), rgba(0,0,0,.55))}
.hero__content{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:0 16px}
.hero__title{color:#fff;font-weight:800;line-height:1.15;font-size:clamp(22px,4.2vw,34px);text-shadow:0 2px 12px rgba(0,0,0,.45)}
@media (max-width:560px){.hero__title{font-size:22px}}

/* ensure visible spacing under hero with same background color */
.hero--banner::after{content:"";display:block;height:0}

/* Secondary text block under banner (like original layout spacing) */
.intro{background:#f4f7fb}
.intro .wrap{padding:36px 16px}
.kicker{font-size:13px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
h1{font-size:32px;margin:.4em 0 .6em;color:#0b1320}
.lead{color:#4b5563;max-width:720px}
.dropdown{position:relative}
.dropdown__menu{position:absolute;display:none;top:calc(100% + 8px);left:0;background:#1b2029;color:#fff;border:1px solid rgba(255,255,255,.06);border-radius:12px;min-width:220px;overflow:hidden}
.dropdown__menu a{display:block;padding:10px 12px;color:#d0d6e2}
.dropdown__menu a:hover{background:#232a35;color:#fff}
.dropdown:hover .dropdown__menu{display:block}
.flag{display:inline-flex;width:20px;height:14px}
.flag svg{width:20px;height:14px;display:block;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.2) inset}

.lang__menu{padding:6px 0;min-width:54px;width:54px}
.lang__menu a{padding:6px 6px;display:flex;align-items:center;justify-content:center}
.lang__menu a:hover{background:#232a35}
.review{background:#eef3f8}
.review .wrap{padding:28px 16px} .article{padding:24px} .article > .grid{padding:0} .article .article-continue{margin-top:20px}
.card{background:#ffffff;border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 24px rgba(15,23,42,.04)}
.grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:32px;padding:32px}
.media{padding-top:14px;display:flex;align-items:flex-start;justify-content:center;align-self:stretch}
.h2{font-size:28px;line-height:1.2;margin:6px 0 16px;color:#0b1320}
.text p{margin:16px 0;color:#111318}
.mockup{margin:0}
.mockup img{border-radius:8px;display:block}
.mockup .ph{border-radius:8px;overflow:hidden;width:100%;max-width:540px;aspect-ratio:16/10;min-height:360px}
.mockup .ph svg{display:block;width:100%;height:100%}
@media (max-width: 980px){.grid{grid-template-columns:1fr;}.media{order:-1;padding-top:0}.mockup img{width:100%;height:auto}}
.company .wrap{padding:18px 16px 46px}
.company .introtext{color:#4b5563;margin:0 0 16px}
.table{border:1px solid var(--border);border-radius:8px;overflow:hidden}
.table .rowt{display:grid;grid-template-columns:220px 1fr;border-top:1px solid var(--border)}
.table .rowt:first-child{border-top:0}
.table .cell{padding:14px 16px}
.table .cell--key{background:#f8fafc;font-weight:600;color:#374151}
@media (max-width: 720px){
    .table .rowt{grid-template-columns:1fr}
    .table .cell--key{border-bottom:1px solid var(--border)}
}
.company .wrap{padding:18px 16px 46px}
.company .introtext{color:#4b5563;margin:0 0 16px}
/* Table like on the screenshot */
.ctable{width:100%;border-collapse:collapse;border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden}
.ctable th,.ctable td{padding:12px 14px;border-top:1px solid var(--border);vertical-align:top}
.ctable tr:first-child th,.ctable tr:first-child td{border-top:0}
.ctable th{width:220px;background:#f8fafc;color:#374151;font-weight:600;text-align:left}
@media (max-width:720px){
    .ctable th{display:block;width:auto;border-right:0;border-bottom:1px solid var(--border)}
    .ctable td{display:block}
}
.company .h2{margin:0 0 10px;font-size:26px}
/* Screenshot-like table tuning */
.ctable{width:100%;border-collapse:collapse;border:1px solid #d6dee9;background:#fff;border-radius:6px;overflow:hidden}
.ctable th,.ctable td{padding:14px 16px;border-top:1px solid #d6dee9;vertical-align:top;font-size:15px;line-height:1.55}
.ctable tr:first-child th,.ctable tr:first-child td{border-top:0}
.ctable th{width:200px;background:#f2f6fb;color:#2f3a4a;font-weight:600;text-align:left}
@media (max-width:720px){
    .ctable th{display:block;width:auto;border-right:0;border-bottom:1px solid #d6dee9}
    .ctable td{display:block}
}
/* ===== FAQ – bigger, neater, consistent ===== */
#faq { margin-top: 40px; }

#faq .h2{
    margin: 0 0 14px;
    font-size: clamp(26px, 2.6vw, 32px);
    line-height: 1.2;
}

#faq details{
    background: #fff;
    border: 1px solid rgba(15,23,42,.12);
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(15,23,42,.05);
    overflow: hidden;
    margin: 14px 0;
    transition: box-shadow .2s ease, border-color .2s ease, transform .02s;
}

#faq details:hover{
    box-shadow: 0 6px 26px rgba(15,23,42,.07);
    border-color: rgba(15,23,42,.16);
}

#faq summary{
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 22px;
    font-weight: 800;
    font-size: clamp(16px, 1.8vw, 18px);
    line-height: 1.4;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

#faq summary::-webkit-details-marker{ display:none; }

/* Chevron */
#faq summary::after{
    content:"";
    margin-left: auto;
    width: 10px; height: 10px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    transition: transform .2s ease;
    opacity: .75;
}

/* Open state */
#faq details[open] summary::after{
    transform: rotate(45deg);
    opacity: 1;
}

/* Answer body */
#faq .article-continue{
    padding: 16px 22px 20px;
    border-top: 1px solid rgba(15,23,42,.1);
    font-size: clamp(15px, 1.6vw, 17px);
    line-height: 1.75;
    color: #4b5563;
    background: #fff;
}

/* Subtle focus for keyboard users */
#faq summary:focus{
    outline: 2px solid #16c65333;
    outline-offset: 2px;
    border-radius: 8px;
}

/* Mobile tweaks */
@media (max-width: 720px){
    #faq details{ border-radius: 12px; }
    #faq summary{ padding: 16px 18px; }
    #faq .article-continue{ padding: 14px 18px 18px; }
}

.article-continue{margin-top:28px}
.article-continue .introtext{color:#5b6573;margin:0 0 16px}
.subsec{margin-top:36px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
/* wider media layout for sections like casino screenshot */
.two-col--mediaRight{grid-template-columns:0.95fr 1.05fr}
#casino-games .h2{font-size:32px;margin:6px 0 14px}
#casino-games p{line-height:1.7}
#casino-games ul{margin:8px 0 0 18px}
#casino-games li{margin:6px 0}
#casino-games .subsec__media .ph--wide{max-width:720px}
.subsec__media{display:flex;justify-content:center}
.ph--wide{width:100%;max-width:640px;border-radius:10px;overflow:hidden}
.mockimg{width:100%;max-width:720px;height:auto;border-radius:10px;display:block}
.ph--wide svg{display:block;width:100%;height:auto}
@media (max-width:980px){.two-col{grid-template-columns:1fr}.subsec__media{order:-1}}

.proscons{width:100%;border-collapse:collapse;border:1px solid #d6dee9;background:#fff;border-radius:6px;overflow:hidden}
.proscons th,.proscons td{padding:12px 14px;border-top:1px solid #d6dee9;font-size:15px}
.proscons tr:first-child th,.proscons tr:first-child td{border-top:0}
.proscons thead th{text-align:center;background:#f2f6fb;color:#2f3a4a;font-weight:700}
.proscons tbody td{width:50%}
.ctable{border-collapse:separate;border-spacing:0}
.ctable th,.ctable td{border-right:1px solid #d6dee9}
.ctable tr th:last-child,.ctable tr td:last-child{border-right:0}
@media (max-width:720px){.ctable th,.ctable td{border-right:0}}
.proscons thead th+th,.proscons tbody td+td{border-left:1px solid #d6dee9}
.steps{margin:10px 0 14px;padding-left:20px}
.steps li{margin:6px 0}
.steps{margin:10px 0 14px;padding-left:20px}
.steps li{margin:6px 0}
.steps{margin:10px 0 14px;padding-left:20px}
.steps li{margin:6px 0}
.steps{margin:10px 0 14px;padding-left:20px}
.steps li{margin:6px 0}
.steps{margin:10px 0 14px;padding-left:20px}
.steps li{margin:6px 0}








.site-footer{
    background:#0f1116;
    color:#d7dbe3;
    border-top:1px solid rgba(255,255,255,.06);
}
.site-footer__wrap{
    max-width:1200px;
    margin:0 auto;
    padding:22px 16px 28px;
    text-align:center;
}
.site-footer__title{
    letter-spacing:.22em;
    font-size:12px;
    color: #ffffff;
    margin:0 0 12px;
}
.site-footer__nav{
    display:flex;
    flex-wrap:wrap;
    gap:18px 26px;
    justify-content:center;
    align-items:center;
    padding-bottom:12px;
}
.site-footer__nav a{
    color:#d7dbe3;
    font-size:14px;
    opacity:.9;
}
.site-footer__nav a:hover{ opacity:1 }

.site-footer__meta{
    display:grid;
    grid-template-columns: 1fr auto 1fr;
    align-items:center;
    gap:16px;
    padding-top:8px;
}


.badges{
    display:flex;
    align-items:center;
    gap:18px;
    min-width:0;
}
.badges--left{ justify-content:flex-start }
.badges--right{ justify-content:flex-end }


.badge{ line-height:0; display:inline-flex; align-items:center; }
.badge img{
    height: var(--h, 24px);
    width: auto;
    display:block;
    object-fit:contain;
    image-rendering:auto;
}


.site-footer__meta .copyright{
    white-space:nowrap;
    font-size:16px;
    color: #ffffff;
    margin:0 8px;
}


@media (max-width:640px){
    .site-footer__meta{
        grid-template-columns: 1fr;
        gap:10px;
    }
    .badges{ justify-content:center; flex-wrap:wrap; }
    .site-footer__meta .copyright{ order:-1; }
}


.top-actions{display:none;align-items:center;gap:10px}


.hide-mobile{display:inline-flex}
.show-mobile{display:none}


.burger{display:flex;flex-direction:column;gap:4px}
.burger span{width:22px;height:2px;background:#fff;border-radius:2px}


.cta-mobile{padding:8px 14px;font-size:14px;line-height:1}


@media (max-width: 980px){
    nav.main{display:none;}
    .show-mobile{display:flex;}
    .hide-mobile{display:none;}
}
.sheet{
    display:none;
    position:fixed;
    inset:0;
    z-index:1000;
    background:rgba(0,0,0,.6);
}


























html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

*,
*::before,
*::after { box-sizing: border-box; }

img, svg, video, canvas { max-width: 100%; height: auto; }

.wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 16px; }
.row { margin: 0; }

.grid, .two-col, .ctable, .proscons, .table, .article { max-width: 100%; }


.ctable, .proscons { table-layout: auto; width: 100%; }
@media (max-width: 720px) {
    .ctable th, .ctable td { display: block; width: 100%; }
}

body.no-scroll {
    overflow: hidden;
    touch-action: none;
}


.lang { position: relative; }
.lang__menu {
    position: absolute;
    right: 0; top: calc(100% + 8px);
    background: #1b2029;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    min-width: 54px; width: 54px;
    padding: 6px 0;
    display: none;
}
.lang.open .lang__menu { display: block; }
.lang__menu a { display: flex; justify-content: center; padding: 6px 6px; }
.flag svg { width: 20px; height: 14px; display: block; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset; }


.hero__media { overflow: hidden; }
.hero__img { transform: scale(1.02); }

.sheet nav { display: flex; flex-direction: column; gap: 12px; }
.sheet .nav__link { color: #d7dbe3; padding: 10px 0; }
.sheet .nav__link:hover { color: #fff; }
.sheet .btn.btn--brand { margin-top: 10px; align-self: flex-start; }


[class*="ph"], .mockup, .subsec__media, .media { max-width: 100%; overflow: hidden; }



html, body {
    width: 100%;
    overflow-x: hidden;
}
img, svg, video, canvas {
    max-width: 100%;
    height: auto;
}



body.menu-lock { overflow: hidden; touch-action: none; }


















/* ========== foundation ========== */
.sb-topbar{position:sticky;top:0;z-index:1000;background:#171b22;border-bottom:1px solid rgba(255,255,255,.06);color:#e9eef7}
.sb-wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.sb-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:80px}

/* logo */
.sb-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.sb-wordmark{font-weight:800;letter-spacing:.5px;font-size:18px}
.sb-logo{filter:drop-shadow(0 2px 6px rgba(22,163,74,.25))}

/* center menu (always centered) */
.sb-center{display:flex;justify-self:center;gap:22px;align-items:center}
.sb-link{padding:10px 6px;border-radius:10px;color:#d7dbe3;text-decoration:none}
.sb-link:hover,[aria-current="page"].sb-link{color:#fff}

/* dropdown */
.sb-dropdown{position:relative}
.sb-dropbtn{display:flex;gap:6px;align-items:center;background:none;border:0;color:#d7dbe3;padding:10px 6px;border-radius:10px;cursor:pointer}
.sb-dropdown:hover .sb-menu{display:block}
.sb-menu{display:none;position:absolute;top:100%;left:0;background:#1b2029;border:1px solid rgba(255,255,255,.08);border-radius:12px;min-width:200px;overflow:hidden}
.sb-menuitem{display:block;padding:10px 12px;color:#d0d6e2;text-decoration:none}
.sb-menuitem:hover{background:#232a35;color:#fff}

/* right actions */
.sb-actions{display:flex;align-items:center;gap:12px;justify-self:end}
.sb-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;font-weight:700;border:1px solid rgba(255,255,255,.12);background:transparent;color:#e9eef7;cursor:pointer}
.sb-btn--brand{background:#22c55e;border-color:transparent;color:#fff}
.sb-btn--brand:hover{filter:brightness(.95)}
.sb-btn--ghost:hover{background:#0f131a}
.sb-flag svg{width:20px;height:14px;display:block;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.25) inset}

/* lang dropdown (desktop) */
.sb-lang{position:relative}
.sb-langmenu{position:absolute;right:0;top:calc(100% + 8px);background:#1b2029;border:1px solid rgba(255,255,255,.08);border-radius:12px;min-width:60px;padding:6px 0;display:none}
.sb-lang.open .sb-langmenu{display:block}
.sb-langmenu a{display:flex;justify-content:center;padding:6px}
.sb-langmenu a:hover{background:#232a35}


.sb-burger{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#1a2029;gap:6px}
.sb-burger span{width:20px;height:2px;border-radius:2px;background:#fff;transition:.25s}
.sb-burger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.sb-burger.is-open span:nth-child(2){opacity:0}
.sb-burger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}


.sb-sheet{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:999}
.sb-sheet.open{display:block;opacity:1;pointer-events:auto}
.sb-sheet__panel{position:absolute;right:0;top:0;bottom:0;width:min(420px,92vw);background:#14171d;color:#fff;border-left:1px solid rgba(255,255,255,.08);overflow:auto;transform:translateX(100%);transition:transform .25s ease}
.sb-sheet.open .sb-sheet__panel{transform:translateX(0)}
.sb-sheet__hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;position:sticky;top:0;background:#14171d}
.sb-sheet__close{width:36px;height:36px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:transparent;position:relative}
.sb-sheet__close:before,.sb-sheet__close:after{content:"";position:absolute;left:9px;right:9px;top:17px;height:2px;background:#fff}
.sb-sheet__close:before{transform:rotate(45deg)} .sb-sheet__close:after{transform:rotate(-45deg)}
.sb-sheet__nav{display:flex;flex-direction:column;padding:6px 10px 14px}
.sb-sheet__item{display:block;padding:12px 10px;border-radius:10px;color:#d0d6e2;text-decoration:none}
.sb-sheet__item:hover{background:#232a35;color:#fff}
.sb-sheet__sep{height:1px;background:rgba(255,255,255,.08);margin:8px 0}
.sb-sheet__lang{padding:10px 12px 20px}
.sb-sheet__title{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#94a0b2;margin:6px 0 8px}
.sb-pills{display:flex;gap:8px}
.sb-pill{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#1a2029}
.sb-pill .sb-flag svg{width:24px;height:16px}
.sb-sheet__ftr{padding:10px 12px 18px;position:sticky;bottom:0;background:linear-gradient(180deg,rgba(20,23,29,0) 0%, #14171d 40%)}
.sb-btn--xl{width:100%;padding:14px 16px;border-radius:14px;font-size:16px}


@media (max-width: 980px){
    .sb-center{display:none}
    .sb-burger{display:flex}
}

.sb-dropbtn{
    padding: 10px 6px;
    border: 0;
    background: transparent;
    color: #d7dbe3;
    border-radius: 10px;
    font: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.sb-dropdown:hover .sb-dropbtn,
.sb-dropdown:focus-within .sb-dropbtn{
    color:#fff;
}
.sb-dropbtn svg{ margin-top: 1px; opacity:.9 }



.sb-burger{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.14);
    background:#141922;
    box-shadow: 0 2px 10px rgba(0,0,0,.25), 0 0 0 1px rgba(255,255,255,.04) inset;
    position:relative;
    cursor:pointer;
    -webkit-tap-highlight-color: transparent;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.sb-burger:hover{ background:#1a2130; border-color: rgba(255,255,255,.22); }
.sb-burger:active{ transform: translateY(1px); }
.sb-burger:focus-visible{
    outline: none;
    box-shadow: 0 0 0 3px rgba(34,197,94,.35), 0 2px 10px rgba(0,0,0,.25);
}


.sb-burger span{
    position:absolute;
    display:block;
    width:24px;
    height:3px;
    background:#ffffff;
    border-radius:3px;
    transition: transform .24s ease, opacity .18s ease, width .18s ease;
}


.sb-burger span:nth-child(1){ transform: translateY(-7px); }
.sb-burger span:nth-child(2){ transform: translateY(0); }
.sb-burger span:nth-child(3){ transform: translateY(7px); }


.sb-burger.is-open span:nth-child(1){
    transform: translateY(0) rotate(45deg);
}
.sb-burger.is-open span:nth-child(2){
    opacity: 0; width: 0;
}
.sb-burger.is-open span:nth-child(3){
    transform: translateY(0) rotate(-45deg);
}


@media (min-width: 600px) and (max-width: 980px){
    .sb-burger{ width:52px; height:52px; border-radius:16px; }
    .sb-burger span{ width:26px; height:3.25px; }
    .sb-burger span:nth-child(1){ transform: translateY(-8px); }
    .sb-burger span:nth-child(3){ transform: translateY(8px); }
}


@media (max-width: 980px){
    .sb-burger{ display:flex !important; }
}
@media (min-width: 981px){
    .sb-burger{ display:none !important; }
}


@media (prefers-reduced-motion: reduce){
    .sb-burger, .sb-burger span{ transition: none !important; }
}

@media (max-width: 980px){
    .sb-topbar .sb-actions .sb-lang{
        display: none !important;
    }
}


@media (min-width: 981px){
    .sb-topbar .sb-actions .sb-lang{
        display: inline-flex !important;
    }
}

.site-footer__meta{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 16px;
}
.site-footer .copyright{
    justify-self: center;
    text-align: center;
}


@media (max-width: 640px){
    .site-footer__wrap{ padding-bottom: 14px; }

    .site-footer__meta{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .site-footer__meta .badges--left{  order: 1; }
    .site-footer__meta .badges--right{ order: 2; }
    .site-footer__meta .copyright{
        order: 3;
        margin-top: 4px;
        width: 100%;
        text-align: center;
        opacity: .9;
    }
}





.subsec.two-col.two-col--vcenter {
    align-items: center;
}


.subsec__media {
    display: grid;
    place-items: center;
}

.subsec__media .mockimg,
.subsec__media picture,
.subsec__media img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
}


.two-col--mediaRight .subsec__media { margin-left: auto; }


@media (max-width: 980px) {
    .subsec.two-col {
        grid-template-columns: 1fr !important;
        align-items: start;
    }
    .subsec.two-col .subsec__text { order: 1; }
    .subsec.two-col .subsec__media {
        order: 2;
        margin: 16px auto 0;
        max-width: 520px;
    }
}


@media (min-width: 1200px) {
    .subsec.two-col .subsec__media {
        max-width: 560px;
    }
}





@media (max-width: 1200px) {
    .subsec.two-col,
    .subsec.two-col.two-col--mediaRight,
    .subsec.two-col.two-col--vcenter {
        display: flex !important;
        flex-direction: column;
    }

    .subsec.two-col .subsec__media {
        order: 1;
        margin: 10px auto 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 560px;
        width: 100%;
    }
    .subsec.two-col .subsec__media img,
    .subsec.two-col .subsec__media picture {
        max-width: 100%;
        height: auto;
        display: block;
    }


    .subsec.two-col .subsec__text {
        order: 2;
    }


    .subsec.two-col .subsec__text > h2,
    .subsec.two-col .subsec__text > .h2 {
        margin-top: 0;
    }
}


@media (min-width: 1201px) {
    .subsec.two-col.two-col--vcenter {
        align-items: center;
    }
}



@media (max-width: 1200px) {

    .subsec.two-col,
    .subsec.two-col.two-col--mediaRight,
    .subsec.two-col.two-col--vcenter {
        display: flex !important;
        flex-direction: column;
    }


    .subsec.two-col .subsec__text {
        display: contents;
    }


    .subsec.two-col .subsec__text > h2,
    .subsec.two-col .subsec__text > .h2 {
        order: 1;
        margin-top: 0;
    }


    .subsec.two-col .subsec__media {
        order: 2;
        margin: 10px auto 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 560px;
        width: 100%;
    }
    .subsec.two-col .subsec__media img,
    .subsec.two-col .subsec__media picture {
        max-width: 100%;
        height: auto;
        display: block;
    }


    .subsec.two-col .subsec__text > *:not(h2):not(.h2) {
        order: 3;
    }
}

@media (max-width: 1200px) {

    .subsec.two-col,
    .subsec.two-col.two-col--mediaRight,
    .subsec.two-col.two-col--vcenter {
        display: flex !important;
        flex-direction: column;
    }

    .subsec.two-col .col.text {
        display: contents;
    }

    .subsec.two-col .col.text > h2,
    .subsec.two-col .col.text > .h2 {
        order: 1;
        margin-top: 0;
    }

    .subsec.two-col .subsec__media {
        order: 2;
        margin: 10px auto 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 560px;
        width: 100%;
    }
    .subsec.two-col .subsec__media img,
    .subsec.two-col .subsec__media picture {
        max-width: 100%;
        height: auto;
        display: block;
    }

    .subsec.two-col .col.text > *:not(h2):not(.h2) {
        order: 3;
    }
}







.steps a.link-accent{
    color: var(--brand, #22c55e);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
    font-weight: 600;
}
.steps a.link-accent:hover{
    filter: brightness(1.15);
}
.steps a.link-accent:focus{
    outline: 2px solid color-mix(in oklab, var(--brand,#22c55e) 60%, white);
    outline-offset: 2px;
    border-radius: 4px;
}


.link-accent,
.subsec p a.link-accent {
    color: var(--brand, #22c55e);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
    font-weight: 600;
}

.link-accent:hover,
.subsec p a.link-accent:hover {
    filter: brightness(1.15);
    text-decoration-thickness: 2px;
}



.crumbs { margin-top: 8px; font-size: 14px; opacity: .9; }
.crumbs ol { list-style: none; margin: 0; padding: 0; display: inline-flex; align-items: center; gap: .35rem; }
.crumbs li+li::before { content: "»"; opacity: .7; margin: 0 .25rem; }
.crumbs a { text-decoration: none; }


.hero--banner .hero__veil { background: rgba(0,0,0,.45); }



.hero--banner .crumbs,
.hero--banner .crumbs a {
    color: #fff !important;
}

.hero--banner .crumbs li+li::before {
    color: #fff;
    opacity: .65;
}

.hero--banner .crumbs a:hover {
    text-decoration: underline;
    opacity: .95;
}


.hero--banner .crumbs,
.hero--banner .crumbs a,
.hero--banner .hero__title {
    text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

.hero--banner .hero__veil{

    background: linear-gradient(to bottom, rgba(0,0,0,.45), rgba(0,0,0,.45));
}

.hero--banner .hero__content{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding: 18px 12px 16px;
    gap: 6px;
}

.hero--banner .hero__title{
    margin: 0;
    line-height: 1.12;
    font-weight: 800;
    font-size: clamp(22px, 3.2vw, 36px);
    max-width: min(1100px, 92vw);
    text-align: center;
    text-shadow: 0 2px 8px rgba(0,0,0,.35);
}

.hero--banner .crumbs{
    order: 2;
    margin: 0;
    color: #fff;
    opacity: .95;
    font-size: clamp(12px, 1.4vw, 14px);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.hero--banner .crumbs a{ color:#fff; }
.hero--banner .crumbs .sep{ opacity:.7; }


@media (max-width: 640px){
    .hero--banner .hero__content{ padding:14px 10px 12px; gap:4px; }
    .hero--banner .hero__title{ font-size: clamp(20px, 5.4vw, 30px); }
    .hero--banner .crumbs{ font-size: 12px; gap:6px; }
}



.promo-code{
    padding: .15rem .4rem;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: .4rem;
    background: rgba(255,255,255,.06);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    letter-spacing: .02em;
}

.ctable { width:100%; border-collapse: collapse; table-layout: fixed; }
.ctable th, .ctable td { padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.12); }


@media (max-width: 680px) {
    .ctable--responsive thead { display:none; }

    .ctable--responsive tbody tr {
        display:block;
        background: rgba(255,255,255,.04);
        border:1px solid rgba(255,255,255,.08);
        border-radius:12px;
        padding:8px 10px;
        margin-bottom:10px;
    }

    .ctable--responsive tbody td {
        display:block;
        border:0;
        padding:8px 10px;
    }


    .ctable--responsive tbody td::before {
        content: attr(data-label);
        display:block;
        font-size:.8rem;
        opacity:.7;
        margin-bottom:4px;
    }


    .ctable--responsive tbody td:first-child {
        font-weight:600;
        margin-top:4px;
    }


    .ctable--responsive tbody tr {
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:6px 10px;
    }
    .ctable--responsive tbody td { padding:8px; }

}

.ctable--lined th,
.ctable--lined td {
    border-bottom: 1px solid var(--tbl-line, rgba(255,255,255,.12));
}

.ctable--lined thead th {
    border-bottom: 1px solid var(--tbl-head-line, rgba(255,255,255,.18));
}


@media (min-width: 681px) {
    .ctable--lined tbody td + td {
        border-left: 1px solid var(--tbl-line, rgba(255,255,255,.08));
    }
}


@media (max-width: 680px) {
    .ctable--responsive.ctable--lined tbody tr {
        border: 1px solid var(--tbl-line, rgba(255,255,255,.16));
        border-radius: 12px;
        background: rgba(255,255,255,.04);
        padding: 8px 10px;
        margin-bottom: 10px;
    }

    .ctable--responsive.ctable--lined tbody td {
        border-top: 1px solid var(--tbl-line, rgba(255,255,255,.10));
    }
    .ctable--responsive.ctable--lined tbody td:first-child {
        border-top: 0;
    }

    .ctable--responsive tbody td::before {
        content: attr(data-label);
        display: block;
        font-size: .8rem;
        opacity: .7;
        margin-bottom: 4px;
    }
}




:root{
    --brand: #12c85c;
}

.sb-center .sb-link,
.sb-menu .sb-menuitem,
.sheet__nav .sheet__item{
    transition: color .15s ease;
}

.sb-center .sb-link:hover,
.sb-center .sb-link:focus-visible,
.sb-menu .sb-menuitem:hover,
.sb-menu .sb-menuitem:focus-visible,
.sheet__nav .sheet__item:hover,
.sheet__nav .sheet__item:focus-visible{
    color: var(--brand);
}

.sb-center .sb-link.is-active,
.sb-menu .sb-menuitem.is-active,
.sheet__nav .sheet__item.is-active{
    color: var(--brand);
}



:root{
    --brand:#00e889;
    --brand-red:#ff1f2d;
    --brand-dark:#12161d;
    --brand-soft:#eefaf5;
    --bg:#ffffff;
    --card:#f5f7fb;
    --text:#111318;
    --muted:#5b6573;
    --border:rgba(10,12,14,.08);
}

html,body{background:#ffffff;color:var(--text)}
.sb-topbar{background:#151922;border-bottom:1px solid rgba(255,255,255,.08)}
.sb-logo{filter:drop-shadow(0 2px 8px rgba(0,232,137,.24))}
.sb-wordmark{letter-spacing:.2px;text-transform:none}
.sb-btn--brand{background:var(--brand);color:#06140d;border-color:transparent}
.sb-btn--brand:hover{filter:brightness(.96)}
.sb-center .sb-link:hover,
.sb-center .sb-link:focus-visible,
.sb-menu .sb-menuitem:hover,
.sb-menu .sb-menuitem:focus-visible,
.sheet__nav .sheet__item:hover,
.sheet__nav .sheet__item:focus-visible,
.link-accent,
.subsec p a.link-accent{color:var(--brand)}
.hero{background:#090c11}
.hero__media{height:min(31vw,340px);min-height:240px}
.hero__img{background-image:var(--hero-image);background-size:cover;background-position:center;}
.hero__veil{background:linear-gradient(90deg,rgba(2,4,8,.24),rgba(2,4,8,.22),rgba(2,4,8,.2))}
.hero__title{font-size:clamp(28px,3.4vw,42px)}
.review{background:#eef3f8}
.bet-logo-inline{display:inline-flex;align-items:center;gap:4px;font-weight:900;letter-spacing:.2px;color:#fff}
.bet-logo-inline .bet-on{background:var(--brand);color:#07140e;padding:0 5px;border-radius:4px;font-style:italic}
.bet-red{color:#fff;font-style:italic}
.logo-dot{width:26px;height:26px;display:inline-grid;place-items:center;border-radius:8px;background:radial-gradient(circle at 35% 35%,#ff1f2d 0 22%,transparent 23%),linear-gradient(135deg,#ff1f2d,#9d0d15);box-shadow:0 0 0 2px rgba(255,255,255,.06),0 5px 14px rgba(255,31,45,.25)}
.logo-dot:before{content:"";width:10px;height:10px;border-radius:50%;background:#00e889;box-shadow:0 0 0 3px rgba(0,232,137,.2)}
.badge-line{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 4px}
.badge-line span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #d8e1eb;background:#f8fafc;border-radius:999px;font-weight:700;font-size:14px;color:#263142}
.badge-line span:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand)}
.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
.quick-stat{background:#f8fafc;border:1px solid #d6dee9;border-radius:12px;padding:14px}
.quick-stat b{display:block;font-size:22px;line-height:1.1;color:#0b1320}
.quick-stat span{display:block;margin-top:4px;color:#5b6573;font-size:14px}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}
.offer-card{background:#fff;border:1px solid #d6dee9;border-radius:14px;padding:18px;box-shadow:0 4px 18px rgba(15,23,42,.04)}
.offer-card__tag{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff0f1;color:#b80e18;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.offer-card h3{margin:14px 0 8px;font-size:20px;color:#0b1320}
.offer-card strong{color:#0b1320;font-size:28px;line-height:1.15}
.offer-card p{color:#5b6573;margin:10px 0 0}
.offer-card .mini{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.offer-card .mini span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px;font-size:13px;color:#374151}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}
.feature-card{background:#fff;border:1px solid #d6dee9;border-radius:14px;padding:18px;box-shadow:0 4px 18px rgba(15,23,42,.04)}
.feature-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#f0fff7;color:#0b7f4f;border:1px solid #b8f5d8;font-size:22px;margin-bottom:12px}
.feature-card h3{margin:0 0 8px;font-size:19px;color:#0b1320}
.feature-card p{margin:0;color:#5b6573}
.cta-panel{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:linear-gradient(135deg,#12161d,#202633);color:#fff;border-radius:16px;padding:22px;margin-top:26px;overflow:hidden;position:relative}
.cta-panel:before{content:"";position:absolute;inset:auto -50px -80px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(0,232,137,.24),transparent 60%)}
.cta-panel h2{margin:0 0 8px;color:#fff;font-size:26px}
.cta-panel p{margin:0;color:#d7dbe3}
.cta-panel .sb-btn{position:relative;z-index:1}
.locales-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.locales-strip a{padding:8px 10px;border-radius:999px;border:1px solid #d6dee9;background:#fff;color:#263142;font-weight:700;font-size:14px}
.locales-strip a:hover{border-color:var(--brand);color:#0b7f4f;background:#f0fff7}
.bonus-note{padding:12px 14px;border-left:4px solid var(--brand);background:#f8fafc;border-radius:10px;margin:14px 0;color:#374151}
.hero--banner .crumbs{display:none}
@media (max-width:980px){
    .quick-stats,.offer-grid,.feature-grid{grid-template-columns:1fr 1fr}
    .cta-panel{grid-template-columns:1fr}
}
@media (max-width:640px){
    .quick-stats,.offer-grid,.feature-grid{grid-template-columns:1fr}
    .article{padding:18px}
    .hero__media{min-height:220px}
}


.sb-brand{gap:0}
.sb-brand__logo{display:block;width:auto;height:32px;max-width:180px}
.sb-sheet__brandlogo{display:block;height:26px;width:auto;max-width:160px}

.sb-langbtn{min-width:90px;height:48px;padding:0 14px;gap:8px;border-radius:14px;background:#151b25;border:1px solid rgba(255,255,255,.12)}
#sbFlag,.sb-lang-label,.sb-pill__label{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;line-height:1}
.sb-lang-flag,.sb-pill__flag{font-size:17px;line-height:1}
.sb-lang-code,.sb-pill__code{letter-spacing:.02em}
.sb-langmenu{min-width:118px;padding:8px;background:#141a24;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.sb-langmenu a{display:flex;align-items:center;gap:10px;justify-content:flex-start;padding:10px 12px;border-radius:10px;color:#fff;font-weight:700;font-size:15px;line-height:1.1}
.sb-langmenu a:hover{background:#1d2532}
.sb-langmenu .sb-lang-flag{font-size:18px}

.sb-sheet{z-index:1200}
.sb-sheet__panel{width:min(400px,100vw);max-width:100vw;display:flex;flex-direction:column;padding-bottom:0}
.sb-sheet__hdr{padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.sb-sheet__nav{padding:10px 14px 12px;gap:4px}
.sb-sheet__item{padding:14px 12px;font-size:16px;border-radius:12px}
.sb-sheet__sep{margin:8px 0 10px}
.sb-sheet__lang{padding:16px 14px 14px;border-top:1px solid rgba(255,255,255,.08);margin-top:auto}
.sb-sheet__title{margin:0 0 12px;font-size:12px;letter-spacing:.18em;color:#9eabc0}
.sb-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sb-pill{width:100%;height:46px;padding:0 10px;border-radius:12px;display:flex;align-items:center;justify-content:flex-start;gap:8px;color:#fff;font-weight:700;font-size:14px;background:#18202b;border:1px solid rgba(255,255,255,.08)}
.sb-pill:hover{background:#202938}
.sb-pill__flag{font-size:16px;flex:0 0 auto}
.sb-pill__code{font-size:14px;line-height:1}
.sb-sheet__ftr{padding:14px;background:#14171d;border-top:1px solid rgba(255,255,255,.08)}
.sb-btn--xl{border-radius:16px}

@media (max-width: 980px){
  .sb-row{height:74px;grid-template-columns:auto 1fr auto;gap:10px}
  .sb-brand__logo{height:28px;max-width:150px}
}

@media (max-width: 480px){
  .sb-wrap{padding:0 12px}
  .sb-actions{gap:8px}
  .sb-btn--brand{padding:10px 14px}
  .sb-sheet__panel{width:100vw}
  .sb-sheet__hdr{padding:16px 16px 12px}
  .sb-sheet__nav{padding:8px 12px 12px}
  .sb-sheet__item{padding:13px 10px;font-size:15px}
  .sb-pills{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .sb-pill{height:44px;padding:0 8px;font-size:13px}
  .sb-pill__flag{font-size:15px}
  .sb-pill__code{font-size:13px}
}

.geo-flag{
    width:24px;
    height:16px;
    display:inline-flex;
    flex:0 0 24px;
    border-radius:3px;
    overflow:hidden;
    box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 0 1px rgba(0,0,0,.18) inset;
    background:#0f141c;
}

.geo-flag svg{
    width:100%;
    height:100%;
    display:block;
}

.sb-lang-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-width:0;
    line-height:1;
}

.sb-lang-code{
    font-size:14px;
    font-weight:800;
    letter-spacing:.02em;
    color:#fff;
    line-height:1;
}

.sb-langbtn{
    min-width:92px;
    height:48px;
    padding:0 14px;
    gap:8px;
    border-radius:14px;
    background:#151b25;
    border:1px solid rgba(255,255,255,.12);
}

.sb-langbtn .geo-flag{
    width:22px;
    height:15px;
    flex-basis:22px;
}

.sb-langmenu{
    position:absolute;
    right:0;
    top:calc(100% + 10px);
    width:238px;
    max-height:min(430px, calc(100vh - 110px));
    overflow:auto;
    padding:10px;
    background:#141a24;
    border:1px solid rgba(255,255,255,.1);
    border-radius:16px;
    box-shadow:0 18px 42px rgba(0,0,0,.32);
    display:none;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
}

.sb-lang.open .sb-langmenu{
    display:grid;
}

.sb-langmenu a{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    min-width:0;
    padding:9px 10px;
    border-radius:11px;
    color:#fff;
    font-size:14px;
    font-weight:800;
    line-height:1;
}

.sb-langmenu a:hover{
    background:#202938;
}

.sb-langmenu .geo-flag{
    width:22px;
    height:15px;
    flex-basis:22px;
}

.sb-sheet{
    z-index:1200;
}

.sb-sheet__panel{
    width:min(400px,94vw);
    max-width:100vw;
    display:flex;
    flex-direction:column;
    background:#14171d;
    overflow-y:auto;
}

.sb-sheet__hdr{
    padding:18px 18px 14px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.sb-sheet__nav{
    padding:10px 14px 12px;
    gap:4px;
}

.sb-sheet__item{
    padding:14px 12px;
    font-size:16px;
    border-radius:12px;
}

.sb-sheet__lang{
    padding:14px;
    border-top:1px solid rgba(255,255,255,.08);
    margin-top:auto;
}

.sb-mobile-lang__btn{
    width:100%;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:0 14px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.12);
    background:#18202b;
    color:#fff;
    cursor:pointer;
}

.sb-mobile-lang__btn:hover{
    background:#202938;
}

.sb-mobile-lang__btn[aria-expanded="true"] svg{
    transform:rotate(180deg);
}

.sb-mobile-lang__btn svg{
    transition:transform .2s ease;
    opacity:.85;
}

.sb-mobile-lang__menu{
    margin-top:10px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}

.sb-mobile-lang__menu[hidden]{
    display:none;
}

.sb-mobile-lang__item{
    height:44px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    min-width:0;
    padding:0 9px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.08);
    background:#18202b;
    color:#fff;
    font-weight:800;
    font-size:13px;
    line-height:1;
}

.sb-mobile-lang__item:hover,
.sb-mobile-lang__item.is-current{
    background:#202938;
    border-color:rgba(0,232,137,.4);
}

.sb-mobile-lang__item.is-current .sb-lang-code{
    color:#00e889;
}

.sb-mobile-lang__item .geo-flag{
    width:21px;
    height:14px;
    flex-basis:21px;
}

.sb-sheet__ftr{
    padding:14px;
    background:#14171d;
    border-top:1px solid rgba(255,255,255,.08);
}

@media (max-width:980px){
    .sb-topbar .sb-actions .sb-lang{
        display:none !important;
    }

    .sb-row{
        height:74px;
        grid-template-columns:auto 1fr auto;
        gap:10px;
    }

    .sb-brand__logo{
        height:28px;
        max-width:150px;
    }
}

@media (max-width:480px){
    .sb-wrap{
        padding:0 12px;
    }

    .sb-actions{
        gap:8px;
    }

    .sb-btn--brand{
        padding:10px 14px;
    }

    .sb-sheet__panel{
        width:100vw;
    }

    .sb-sheet__hdr{
        padding:16px 16px 12px;
    }

    .sb-sheet__nav{
        padding:8px 12px 12px;
    }

    .sb-sheet__item{
        padding:13px 10px;
        font-size:15px;
    }

    .sb-sheet__lang{
        padding:12px;
    }

    .sb-mobile-lang__menu{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:7px;
    }

    .sb-mobile-lang__item{
        height:42px;
        padding:0 8px;
        font-size:13px;
    }

    .sb-mobile-lang__item .geo-flag{
        width:20px;
        height:14px;
        flex-basis:20px;
    }
}

.geo-flag{
    width:24px;
    height:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 24px;
    border-radius:3px;
    overflow:hidden;
    background:#0f141c;
    box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 0 1px rgba(0,0,0,.22) inset;
}

.geo-flag img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.sb-lang-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-width:0;
    line-height:1;
}

.sb-lang-code{
    color:#fff;
    font-size:14px;
    font-weight:800;
    letter-spacing:.02em;
    line-height:1;
}

.sb-langbtn{
    min-width:92px;
    height:48px;
    padding:0 14px;
    gap:8px;
    border-radius:14px;
    background:#151b25;
    border:1px solid rgba(255,255,255,.12);
}

.sb-langbtn .geo-flag{
    width:22px;
    height:15px;
    flex-basis:22px;
}

.sb-langmenu{
    position:absolute;
    right:0;
    top:calc(100% + 10px);
    width:238px;
    max-height:min(430px, calc(100vh - 110px));
    overflow:auto;
    padding:10px;
    background:#141a24;
    border:1px solid rgba(255,255,255,.1);
    border-radius:16px;
    box-shadow:0 18px 42px rgba(0,0,0,.32);
    display:none;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
}

.sb-lang.open .sb-langmenu{
    display:grid;
}

.sb-langmenu a{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    padding:9px 10px;
    border-radius:11px;
    color:#fff;
    font-size:14px;
    font-weight:800;
    line-height:1;
}

.sb-langmenu a:hover{
    background:#202938;
}

.sb-langmenu .geo-flag{
    width:22px;
    height:15px;
    flex-basis:22px;
}

.sb-mobile-lang__btn{
    width:100%;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:0 14px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.12);
    background:#18202b;
    color:#fff;
    cursor:pointer;
}

.sb-mobile-lang__btn:hover{
    background:#202938;
}

.sb-mobile-lang__btn[aria-expanded="true"] svg{
    transform:rotate(180deg);
}

.sb-mobile-lang__btn svg{
    transition:transform .2s ease;
    opacity:.85;
}

.sb-mobile-lang__menu{
    margin-top:10px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}

.sb-mobile-lang__menu[hidden]{
    display:none;
}

.sb-mobile-lang__item{
    height:44px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    padding:0 9px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.08);
    background:#18202b;
    color:#fff;
    font-weight:800;
    font-size:13px;
    line-height:1;
}

.sb-mobile-lang__item:hover{
    background:#202938;
    border-color:rgba(0,232,137,.4);
}

.sb-mobile-lang__item .geo-flag{
    width:21px;
    height:14px;
    flex-basis:21px;
}

@media (max-width: 980px){
    .sb-sheet__nav{
        align-items:center;
    }

    .sb-sheet__item{
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        text-align:center;
    }

    .sb-sheet__lang{
        display:flex;
        flex-direction:column;
        align-items:center;
    }

    .sb-mobile-lang__btn{
        max-width:260px;
        margin:0 auto;
        justify-content:center;
        position:relative;
    }

    .sb-mobile-lang__btn > svg{
        position:absolute;
        right:14px;
    }

    .sb-mobile-lang__btn .sb-lang-label{
        justify-content:center;
    }

    .sb-mobile-lang__menu{
        width:100%;
        max-width:320px;
        margin-left:auto;
        margin-right:auto;
        grid-template-columns:repeat(3,minmax(0,1fr));
        justify-content:center;
    }

    .sb-mobile-lang__item{
        justify-content:center;
        text-align:center;
        padding:0 8px;
    }

    .sb-mobile-lang__item .geo-flag{
        margin:0;
    }

    .sb-sheet__ftr{
        display:flex;
        justify-content:center;
    }

    .sb-sheet__ftr .sb-btn{
        width:100%;
        max-width:260px;
    }
}

.site-footer{
    background:#0f1116;
    color:#d7dbe3;
    border-top:1px solid rgba(255,255,255,.08);
}

.site-footer__wrap{
    max-width:1200px;
    margin:0 auto;
    padding:34px 16px 28px;
}

.site-footer__top{
    display:grid;
    grid-template-columns:220px 1fr;
    gap:28px;
    align-items:center;
    padding-bottom:24px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.site-footer__brand{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
}

.site-footer__brand img{
    width:auto;
    height:34px;
    max-width:190px;
}

.site-footer__text{
    margin:0;
    color:#aeb7c6;
    font-size:14px;
    line-height:1.65;
    max-width:760px;
}

.site-footer__nav{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:12px 26px;
    padding:24px 0 20px;
}

.site-footer__nav a{
    color:#d7dbe3;
    font-size:15px;
    font-weight:600;
    opacity:.92;
    transition:color .15s ease, opacity .15s ease;
}

.site-footer__nav a:hover{
    color:#00e889;
    opacity:1;
}

.site-footer__help{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:10px;
    padding:18px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:#141922;
}

.rg-badge{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 15px;
    border-radius:12px;
    background:#ffffff;
    color:#111318;
    font-weight:900;
    font-size:14px;
    line-height:1;
    letter-spacing:.01em;
    box-shadow:0 4px 14px rgba(0,0,0,.18);
    transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.rg-badge:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 22px rgba(0,0,0,.24);
    filter:brightness(.98);
}

.rg-badge--aware{
    color:#ffffff;
    background:#612d8a;
}

.rg-badge--gamcare{
    color:#ffffff;
    background:#005baa;
}

.rg-badge--therapy{
    color:#ffffff;
    background:#00a86b;
}

.rg-badge--ga{
    color:#ffffff;
    background:#2d4f8f;
}

.rg-badge--age{
    color:#ffffff;
    background:#ff1f2d;
    min-width:54px;
}

.site-footer__bottom{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:10px 24px;
    padding-top:22px;
    color:#ffffff;
    font-size:14px;
}

.site-footer__bottom span{
    opacity:.92;
}

@media (max-width:760px){
    .site-footer__top{
        grid-template-columns:1fr;
        text-align:center;
        gap:16px;
    }

    .site-footer__brand{
        justify-content:center;
    }

    .site-footer__text{
        margin:0 auto;
    }

    .site-footer__nav{
        gap:12px 18px;
    }

    .site-footer__help{
        padding:14px;
        gap:8px;
    }

    .rg-badge{
        min-height:40px;
        padding:9px 12px;
        font-size:13px;
    }

    .site-footer__bottom{
        flex-direction:column;
        gap:8px;
        text-align:center;
    }
}

@media (max-width:480px){
    .site-footer__wrap{
        padding:28px 12px 24px;
    }

    .site-footer__nav{
        flex-direction:column;
        gap:12px;
    }

    .site-footer__help{
        display:grid;
        grid-template-columns:1fr;
    }

    .rg-badge{
        width:100%;
    }
}

.site-footer__help{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:16px;
    padding:18px 20px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:#141922;
}

.rg-logo{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:44px;
    padding:6px 10px;
    border-radius:12px;
    box-shadow:0 4px 14px rgba(0,0,0,.18);
    transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.rg-logo:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 22px rgba(0,0,0,.24);
    opacity:.96;
}

.rg-logo img{
    display:block;
    max-height:28px;
    width:auto;
    max-width:160px;
    object-fit:contain;
}

.rg-logo--age img{
    max-height:32px;
    max-width:54px;
}

@media (max-width:760px){
    .site-footer__help{
        gap:12px;
        padding:14px;
    }

    .rg-logo{
        height:42px;
        padding:6px 10px;
    }

    .rg-logo img{
        max-height:24px;
        max-width:140px;
    }

    .rg-logo--age img{
        max-height:28px;
        max-width:48px;
    }
}

@media (max-width:480px){
    .site-footer__help{
        gap:10px;
    }

    .rg-logo{
        height:40px;
        padding:5px 8px;
    }

    .rg-logo img{
        max-height:22px;
        max-width:120px;
    }

    .rg-logo--age img{
        max-height:26px;
        max-width:44px;
    }
}

.rg-logo--aware img{max-height:256px;}
.rg-logo--gamcare img{max-height:32px;}

.review-points{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:18px 0 0;
}

.review-points span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 12px;
    border:1px solid #d8e1eb;
    background:#f8fafc;
    border-radius:999px;
    color:#263142;
    font-weight:700;
    font-size:14px;
}

.review-points span::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#00e889;
    flex:0 0 auto;
}

.review-facts{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:22px 0 28px;
}

.review-fact{
    background:#ffffff;
    border:1px solid #cfd9e6;
    border-radius:18px;
    padding:20px;
    box-shadow:0 8px 24px rgba(15,23,42,.06);
}

.review-fact__label{
    display:block;
    color:#5d6b7f;
    font-size:13px;
    font-weight:800;
    margin-bottom:10px;
    text-transform:uppercase;
    letter-spacing:.03em;
}

.review-fact strong{
    display:block;
    color:#071223;
    font-size:25px;
    line-height:1.1;
    margin-bottom:10px;
}

.review-fact p{
    margin:0;
    color:#4f5f74;
    font-size:14px;
    line-height:1.6;
}

.bonus-section{
    padding-top:8px;
}

.bonus-head{
    display:grid;
    grid-template-columns:1fr auto;
    gap:18px;
    align-items:end;
    margin-bottom:18px;
}

.bonus-head p{
    max-width:760px;
    margin:0;
    color:#263142;
    line-height:1.7;
}

.bonus-head__link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:10px 16px;
    border-radius:999px;
    background:#00e889;
    color:#06140d;
    font-weight:800;
    white-space:nowrap;
}

.bonus-cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.bonus-card{
    background:#fff;
    border:1px solid #d6dee9;
    border-radius:18px;
    padding:20px;
    box-shadow:0 4px 18px rgba(15,23,42,.04);
}

.bonus-card__step{
    display:inline-flex;
    padding:6px 10px;
    border-radius:999px;
    background:#fff0f1;
    color:#b80e18;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.bonus-card h3{
    margin:16px 0 10px;
    color:#0b1320;
    font-size:26px;
    line-height:1.15;
}

.bonus-card p{
    margin:0;
    color:#536176;
    line-height:1.65;
}

.bonus-card__meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:16px;
}

.bonus-card__meta span{
    display:inline-flex;
    padding:7px 9px;
    border-radius:10px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    color:#374151;
    font-size:13px;
    font-weight:700;
}

.bonus-terms-table{
    width:100%;
    margin-top:18px;
    border:1px solid #d6dee9;
    border-radius:14px;
    border-collapse:separate;
    border-spacing:0;
    overflow:hidden;
    background:#fff;
}

.bonus-terms-table th,
.bonus-terms-table td{
    padding:14px 16px;
    border-top:1px solid #d6dee9;
    vertical-align:top;
    text-align:left;
    line-height:1.6;
}

.bonus-terms-table tr:first-child th,
.bonus-terms-table tr:first-child td{
    border-top:0;
}

.bonus-terms-table th{
    width:210px;
    background:#f2f6fb;
    color:#2f3a4a;
    font-weight:800;
}

.bonus-terms-table td{
    color:#344155;
}

@media (max-width:980px){
    .review-facts{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .bonus-head{
        grid-template-columns:1fr;
        align-items:start;
    }

    .bonus-head__link{
        width:max-content;
    }

    .bonus-cards{
        grid-template-columns:1fr;
    }
}

@media (max-width:640px){
    .review-points{
        gap:7px;
    }

    .review-points span{
        font-size:13px;
        padding:7px 10px;
    }

    .review-facts{
        grid-template-columns:1fr;
    }

    .review-fact{
        padding:16px;
    }

    .bonus-card{
        padding:18px;
    }

    .bonus-card h3{
        font-size:23px;
    }

    .bonus-terms-table th,
    .bonus-terms-table td{
        display:block;
        width:100%;
    }

    .bonus-terms-table th{
        border-bottom:1px solid #d6dee9;
    }
}

.bonus-visual{
    margin-top:20px;
    border-radius:18px;
    overflow:hidden;
    border:1px solid #d6dee9;
    background:#ffffff;
    box-shadow:0 8px 24px rgba(15,23,42,.05);
}

.bonus-visual img{
    display:block;
    width:100%;
    height:auto;
    object-fit:cover;
}

.bonus-card{
    background:#ffffff;
    border:1px solid #cfd9e6;
    border-radius:18px;
    padding:22px;
    box-shadow:0 8px 24px rgba(15,23,42,.05);
}

.hero__media{
    background:#05080d;
}

.hero__img{
    background-image:var(--hero-image);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    transform:none;
}
.hero,
.hero--banner,
.hero--banner .wrap,
.hero__media{
    background:#05080d !important;
}

.hero__media{
    position:relative !important;
    height:min(31vw,340px) !important;
    min-height:240px !important;
    overflow:hidden !important;
    border-bottom:0 !important;
}

.hero__img{
    position:absolute !important;
    inset:0 !important;
    background-image:var(--hero-image) !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
    transform:none !important;
    filter:none !important;
    opacity:1 !important;
}

.hero__img::before,
.hero__img::after{
    content:none !important;
    display:none !important;
}

.hero__veil{
    display:none !important;
}

.hero--banner .hero__content{
    position:absolute !important;
    inset:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 16px !important;
    background:transparent !important;
}

.hero--banner .hero__title{
    margin:0 !important;
    color:#fff !important;
    text-align:center !important;
    font-weight:900 !important;
    line-height:1.12 !important;
    font-size:clamp(28px,3.4vw,42px) !important;
    text-shadow:0 3px 12px rgba(0,0,0,.9) !important;
}

@media (max-width:640px){
    .hero__media{
        height:150px !important;
        min-height:150px !important;
    }

    .hero__img{
        background-image:var(--hero-mobile-image) !important;
        background-size:cover !important;
        background-position:center center !important;
    }

    .hero--banner .hero__title{
        font-size:22px !important;
        max-width:92vw !important;
        text-shadow:0 3px 12px rgba(0,0,0,.95) !important;
    }
}

@media (max-width:420px){
    .hero__media{
        height:142px !important;
        min-height:142px !important;
    }

    .hero--banner .hero__title{
        font-size:20px !important;
    }
}

.casino-page .card.article{padding:0;overflow:hidden}
.casino-intro{padding:42px 40px 30px;background:radial-gradient(circle at 15% 18%,rgba(3,242,149,.16),transparent 34%),radial-gradient(circle at 85% 14%,rgba(255,0,20,.14),transparent 32%),linear-gradient(135deg,#fff,#f7fafc 58%,#eef5fb);border-bottom:1px solid #d9e4ef}
.casino-intro__grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:34px;align-items:center}
.casino-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#111827;color:#fff;font-weight:900;font-size:13px;margin-bottom:16px}
.casino-kicker::before{content:"";width:9px;height:9px;border-radius:50%;background:#03f295;box-shadow:0 0 0 5px rgba(3,242,149,.16)}
.casino-intro .h2{margin-top:0;font-size:34px;line-height:1.08}
.casino-intro p{font-size:17px}
.casino-visual{background:#101722;border:1px solid #223044;border-radius:24px;padding:14px;box-shadow:0 22px 50px rgba(15,23,42,.18)}
.casino-visual img{display:block;width:100%;border-radius:16px;object-fit:cover}
.casino-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.casino-tabs a{text-decoration:none;color:#0b1422;background:#fff;border:1px solid #cad8e6;border-radius:999px;padding:10px 14px;font-weight:900;font-size:14px}
.casino-tabs a:hover{border-color:#03d982;box-shadow:0 8px 22px rgba(3,242,149,.14)}
.casino-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:26px;padding:34px 40px 42px}
.casino-side{position:sticky;top:96px;align-self:start;border:1px solid #d7e2ed;border-radius:22px;background:#f8fbff;padding:18px}
.casino-side strong{display:block;margin-bottom:12px;color:#07111f;font-size:15px}
.casino-side a{display:block;color:#243247;text-decoration:none;padding:10px 12px;border-radius:12px;font-weight:800;font-size:14px}
.casino-side a:hover{background:#fff;color:#008a50}
.casino-main{min-width:0}
.casino-block{margin-bottom:42px;scroll-margin-top:110px}
.casino-block .h2{margin-top:0}
.casino-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 8px}
.casino-board__item{background:#101722;color:#fff;border-radius:20px;padding:18px;min-height:150px;position:relative;overflow:hidden}
.casino-board__item::after{content:"";position:absolute;inset:auto -40px -70px auto;width:150px;height:150px;border-radius:50%;background:rgba(3,242,149,.14)}
.casino-board__item:nth-child(even)::after{background:rgba(255,0,20,.13)}
.casino-board__item span{display:inline-flex;background:rgba(255,255,255,.1);color:#d9e3ef;border-radius:999px;padding:6px 9px;font-weight:900;font-size:12px;margin-bottom:12px}
.casino-board__item h3{margin:0 0 8px;font-size:19px;color:#fff}
.casino-board__item p{margin:0;color:#c6d1de;font-size:14px;line-height:1.5}
.casino-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.casino-matrix__card{border:1px solid #d7e2ed;border-radius:18px;padding:18px;background:#fff}
.casino-matrix__card h3{margin:0 0 8px;font-size:19px}
.casino-matrix__card p{margin:0}
.casino-shot{margin:20px 0;border:1px solid #d7e2ed;border-radius:22px;padding:12px;background:#f8fbff}
.casino-shot img{display:block;width:100%;border-radius:16px;object-fit:cover}
.casino-shot figcaption{margin:10px 4px 0;color:#53627a;font-size:14px;line-height:1.5}
.casino-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.casino-gallery figure{margin:0;border:1px solid #d7e2ed;border-radius:20px;background:#fff;padding:10px}
.casino-gallery img{display:block;width:100%;border-radius:14px}
.casino-gallery figcaption{font-size:14px;color:#53627a;margin:10px 4px 2px;line-height:1.45}
.provider-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.provider-strip span{display:inline-flex;align-items:center;border:1px solid #d4e0ec;background:#fff;border-radius:999px;padding:9px 12px;font-weight:900;color:#172133;font-size:14px}
.casino-warning{border-left:5px solid #03d982;background:#f5fff9;border-radius:16px;padding:18px 20px;margin-top:18px}
.casino-warning p{margin:0}
.casino-flow{counter-reset:flow;display:grid;gap:12px;margin-top:18px;padding-left:0}
.casino-flow li{list-style:none;counter-increment:flow;display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;background:#f8fbff;border:1px solid #d7e2ed;border-radius:16px;padding:15px}
.casino-flow li::before{content:counter(flow);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#111827;color:#03f295;font-weight:900}
.casino-flow b{display:block;margin-bottom:4px}
.casino-comparison{overflow:auto;border:1px solid #d7e2ed;border-radius:18px;margin-top:16px}
.casino-comparison table{width:100%;border-collapse:collapse;min-width:720px}
.casino-comparison th,.casino-comparison td{padding:15px 16px;border-bottom:1px solid #e1e9f1;text-align:left;vertical-align:top}
.casino-comparison th{background:#f7fbff;color:#0c1728;font-size:14px}
.casino-comparison tr:last-child td{border-bottom:0}
.casino-final{background:linear-gradient(135deg,#101722,#172234);color:#fff;border-radius:24px;padding:26px;margin-top:24px}
.casino-final h2{color:#fff;margin-top:0}
.casino-final p{color:#dbe5ef}
.casino-final .sb-btn{margin-top:8px}
.casino-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.casino-note{background:#f8fbff;border:1px solid #d7e2ed;border-radius:18px;padding:16px}
.casino-note strong{display:block;margin-bottom:6px;color:#0a1422}
.casino-note p{margin:0}
@media(max-width:900px){
    .casino-intro{padding:30px 22px 24px}
    .casino-intro__grid,.casino-layout{grid-template-columns:1fr}
    .casino-layout{padding:28px 22px 34px}
    .casino-side{position:relative;top:auto}
    .casino-board,.casino-note-grid{grid-template-columns:1fr}
    .casino-matrix,.casino-gallery{grid-template-columns:1fr}
}

.sportsbook-page .card.article{
    padding:0;
    overflow:hidden;
}
.sportsbook-hero{
    padding:42px 40px 30px;
    background:
            radial-gradient(circle at 12% 18%,rgba(3,242,149,.14),transparent 35%),
            radial-gradient(circle at 88% 16%,rgba(37,99,235,.12),transparent 36%),
            linear-gradient(135deg,#ffffff,#f7fafc 58%,#edf4fb);
    border-bottom:1px solid #d9e4ef;
}
.sportsbook-hero__grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(420px,1.05fr);
    gap:32px;
    align-items:center;
}
.sportsbook-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border-radius:999px;
    background:#111827;
    color:#fff;
    font-weight:900;
    font-size:13px;
    margin-bottom:16px;
}
.sportsbook-badge::before{
    content:"";
    width:9px;
    height:9px;
    border-radius:50%;
    background:#03f295;
    box-shadow:0 0 0 5px rgba(3,242,149,.16);
}
.sportsbook-hero .h2{
    margin-top:0;
    font-size:34px;
    line-height:1.08;
}
.sportsbook-hero p{
    font-size:17px;
}
.sportsbook-screen{
    position:relative;
    border-radius:24px;
    background:#101722;
    border:1px solid #223044;
    padding:14px;
    box-shadow:0 22px 50px rgba(15,23,42,.18);
}
.sportsbook-screen img{
    display:block;
    width:100%;
    border-radius:16px;
    object-fit:cover;
}
.sportsbook-screen__label{
    position:absolute;
    left:28px;
    bottom:28px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(3,242,149,.94);
    color:#07120c;
    border-radius:999px;
    padding:9px 13px;
    font-weight:900;
    font-size:13px;
    box-shadow:0 10px 24px rgba(0,0,0,.24);
}
.sportsbook-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:22px;
}
.sportsbook-tabs a{
    text-decoration:none;
    color:#0b1422;
    background:#fff;
    border:1px solid #cad8e6;
    border-radius:999px;
    padding:10px 14px;
    font-weight:900;
    font-size:14px;
}
.sportsbook-tabs a:hover{
    border-color:#03d982;
    box-shadow:0 8px 22px rgba(3,242,149,.14);
}
.sportsbook-content{
    padding:34px 40px 42px;
}
.sportsbook-section{
    margin-bottom:42px;
    scroll-margin-top:110px;
}
.sportsbook-section .h2{
    margin-top:0;
}
.sportsbook-split{
    display:grid;
    grid-template-columns:minmax(0,.98fr) minmax(420px,1.02fr);
    gap:28px;
    align-items:center;
    margin-top:20px;
}
.sportsbook-split--reverse{
    grid-template-columns:minmax(420px,1.02fr) minmax(0,.98fr);
}
.sportsbook-media{
    border:1px solid #d7e2ed;
    border-radius:22px;
    padding:12px;
    background:#f8fbff;
}
.sportsbook-media img{
    display:block;
    width:100%;
    border-radius:16px;
    object-fit:cover;
}
.sportsbook-caption{
    margin:10px 4px 0;
    color:#53627a;
    font-size:14px;
    line-height:1.5;
}
.sportsbook-navchips{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}
.sportsbook-navchips span{
    display:inline-flex;
    align-items:center;
    border:1px solid #d4e0ec;
    background:#fff;
    border-radius:999px;
    padding:9px 12px;
    font-weight:900;
    color:#172133;
    font-size:14px;
}
.sportsbook-menu-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-top:18px;
}
.sportsbook-menu-card{
    background:#fff;
    border:1px solid #d7e2ed;
    border-radius:20px;
    padding:12px;
}
.sportsbook-menu-card img{
    display:block;
    width:100%;
    height:250px;
    object-fit:cover;
    object-position:top;
    border-radius:14px;
    margin-bottom:12px;
    background:#111827;
}
.sportsbook-menu-card h3{
    margin:0 4px 7px;
    font-size:19px;
}
.sportsbook-menu-card p{
    margin:0 4px 4px;
    font-size:14px;
    color:#53627a;
    line-height:1.5;
}
.sportsbook-market-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:18px;
}
.sportsbook-market{
    position:relative;
    overflow:hidden;
    background:#101722;
    color:#fff;
    border-radius:20px;
    padding:18px;
    min-height:154px;
}
.sportsbook-market::after{
    content:"";
    position:absolute;
    right:-45px;
    bottom:-68px;
    width:154px;
    height:154px;
    border-radius:50%;
    background:rgba(3,242,149,.13);
}
.sportsbook-market:nth-child(even)::after{
    background:rgba(37,99,235,.15);
}
.sportsbook-market span{
    display:inline-flex;
    background:rgba(255,255,255,.1);
    color:#d9e3ef;
    border-radius:999px;
    padding:6px 9px;
    font-weight:900;
    font-size:12px;
    margin-bottom:12px;
}
.sportsbook-market h3{
    position:relative;
    z-index:1;
    margin:0 0 8px;
    color:#fff;
    font-size:19px;
}
.sportsbook-market p{
    position:relative;
    z-index:1;
    margin:0;
    color:#c6d1de;
    font-size:14px;
    line-height:1.5;
}
.sportsbook-board{
    overflow:auto;
    border:1px solid #d7e2ed;
    border-radius:18px;
    margin-top:16px;
    background:#fff;
}
.sportsbook-board table{
    width:100%;
    border-collapse:collapse;
    min-width:760px;
}
.sportsbook-board th,
.sportsbook-board td{
    padding:15px 16px;
    border-bottom:1px solid #e1e9f1;
    text-align:left;
    vertical-align:top;
}
.sportsbook-board th{
    background:#f7fbff;
    color:#0c1728;
    font-size:14px;
}
.sportsbook-board tr:last-child td{
    border-bottom:0;
}
.odds-pill{
    display:inline-flex;
    justify-content:center;
    min-width:58px;
    padding:8px 10px;
    border-radius:10px;
    background:#eef3f8;
    color:#101722;
    font-weight:900;
}
.odds-pill--green{
    background:#03f295;
    color:#06130c;
}
.sportsbook-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-top:18px;
}
.sportsbook-feature{
    background:#fff;
    border:1px solid #d7e2ed;
    border-radius:22px;
    padding:12px;
}
.sportsbook-feature img{
    display:block;
    width:100%;
    border-radius:16px;
    margin-bottom:14px;
}
.sportsbook-feature h3{
    margin:0 6px 8px;
    font-size:20px;
}
.sportsbook-feature p{
    margin:0 6px 8px;
    color:#53627a;
    line-height:1.55;
}
.sportsbook-flow{
    counter-reset:flow;
    display:grid;
    gap:12px;
    margin-top:18px;
    padding-left:0;
}
.sportsbook-flow li{
    list-style:none;
    counter-increment:flow;
    display:grid;
    grid-template-columns:46px 1fr;
    gap:14px;
    align-items:start;
    background:#f8fbff;
    border:1px solid #d7e2ed;
    border-radius:16px;
    padding:15px;
}
.sportsbook-flow li::before{
    content:counter(flow);
    width:34px;
    height:34px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#111827;
    color:#03f295;
    font-weight:900;
}
.sportsbook-flow b{
    display:block;
    margin-bottom:4px;
}
.sportsbook-note{
    border-left:5px solid #03d982;
    background:#f5fff9;
    border-radius:16px;
    padding:18px 20px;
    margin-top:18px;
}
.sportsbook-note p{
    margin:0;
}
.sportsbook-light{
    background:linear-gradient(135deg,#f8fbff,#edf5fb);
    border:1px solid #d7e2ed;
    border-radius:22px;
    padding:22px;
    margin-top:18px;
}
.sportsbook-light-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:16px;
}
.sportsbook-light-card{
    background:#fff;
    border:1px solid #d7e2ed;
    border-radius:18px;
    padding:16px;
}
.sportsbook-light-card strong{
    display:block;
    margin-bottom:6px;
    color:#0a1422;
}
.sportsbook-light-card p{
    margin:0;
    color:#53627a;
    font-size:14px;
}
.sportsbook-final{
    background:linear-gradient(135deg,#101722,#172234);
    color:#fff;
    border-radius:24px;
    padding:26px;
    margin-top:24px;
}
.sportsbook-final h2{
    color:#fff;
    margin-top:0;
}
.sportsbook-final p{
    color:#dbe5ef;
}
.sportsbook-final .sb-btn{
    margin-top:8px;
}
@media(max-width:980px){
    .sportsbook-hero{
        padding:30px 22px 24px;
    }
    .sportsbook-content{
        padding:28px 22px 34px;
    }
    .sportsbook-hero__grid,
    .sportsbook-split,
    .sportsbook-split--reverse{
        grid-template-columns:1fr;
    }
    .sportsbook-menu-grid,
    .sportsbook-market-grid,
    .sportsbook-light-grid{
        grid-template-columns:1fr;
    }
    .sportsbook-feature-grid{
        grid-template-columns:1fr;
    }
    .sportsbook-menu-card img{
        height:auto;
        max-height:360px;
    }
}

.sportsbook-kickoff{
    padding:34px 40px 30px;
    background:linear-gradient(135deg,#0c111a 0%,#111827 58%,#0f1d18 100%);
    color:#eaf2ff;
    border-bottom:1px solid #1f2b3b;
}
.sportsbook-kickoff .h2{
    color:#fff;
    margin:0 0 12px;
    font-size:34px;
    line-height:1.08;
    letter-spacing:-.025em;
}
.sportsbook-kickoff p{
    color:#c9d5e6;
    font-size:17px;
    line-height:1.6;
    margin-bottom:0;
}
.sportsbook-kickoff__top{
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:26px;
    align-items:end;
    margin-bottom:22px;
}
.sportsbook-kickoff__summary{
    display:grid;
    gap:10px;
}
.sportsbook-kickoff__summary div{
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:center;
    padding:12px 14px;
    border-radius:16px;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.12);
}
.sportsbook-kickoff__summary span{
    color:#91a0b5;
    font-weight:900;
    font-size:12px;
}
.sportsbook-kickoff__summary strong{
    color:#fff;
    font-size:13px;
    text-align:right;
}
.sportsbook-kickoff__board{
    display:grid;
    grid-template-columns:minmax(0,1fr) 310px;
    gap:18px;
    align-items:stretch;
}
.sportsbook-kickoff__screen{
    background:#05080d;
    border:1px solid rgba(255,255,255,.12);
    border-radius:22px;
    padding:12px;
    box-shadow:0 22px 54px rgba(0,0,0,.32);
}
.sportsbook-kickoff__screen img{
    display:block;
    width:100%;
    height:100%;
    min-height:290px;
    object-fit:cover;
    border-radius:15px;
}
.sportsbook-kickoff__slip{
    display:flex;
    flex-direction:column;
    gap:11px;
    background:#151d2a;
    border:1px solid rgba(255,255,255,.12);
    border-radius:22px;
    padding:16px;
}
.sportsbook-kickoff__sliptop{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    margin-bottom:2px;
}
.sportsbook-kickoff__sliptop strong{
    color:#fff;
    font-size:16px;
}
.sportsbook-kickoff__sliptop span{
    color:#07120c;
    background:#03f295;
    border-radius:999px;
    padding:6px 9px;
    font-weight:900;
    font-size:11px;
    white-space:nowrap;
}
.sportsbook-kickoff__ticket{
    background:#202a39;
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    padding:13px;
}
.sportsbook-kickoff__ticket small{
    display:block;
    color:#91a0b5;
    font-weight:900;
    margin-bottom:6px;
}
.sportsbook-kickoff__ticket b{
    display:block;
    color:#fff;
    line-height:1.35;
}
.sportsbook-kickoff .sportsbook-tabs a{
    color:#eaf2ff;
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.14);
}
.sportsbook-kickoff .sportsbook-tabs a:hover{
    color:#06130c;
    background:#03f295;
    border-color:#03f295;
}
@media(max-width:980px){
    .sportsbook-kickoff{
        padding:28px 22px 24px;
    }
    .sportsbook-kickoff__top,
    .sportsbook-kickoff__board{
        grid-template-columns:1fr;
    }
    .sportsbook-kickoff__screen img{
        min-height:auto;
    }
}


.bonus-page .article{overflow:hidden}
.bonus-control{padding:0;background:#080b10;color:#f6f8fb}
.bonus-control__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:0;align-items:stretch}
.bonus-control__copy{padding:42px;background:radial-gradient(circle at 18% 18%,rgba(22,163,74,.24),transparent 34%),linear-gradient(145deg,#0b0f16,#121923)}
.bonus-control__ticket{position:relative;padding:30px;background:#f7f2e8;color:#14171d;border-left:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:16px}
.bonus-control__ticket:before,.bonus-control__ticket:after{content:"";position:absolute;left:-14px;width:28px;height:28px;border-radius:50%;background:#fff}
.bonus-control__ticket:before{top:34px}
.bonus-control__ticket:after{bottom:34px}
.bonus-kicker{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:rgba(22,163,74,.18);border:1px solid rgba(22,163,74,.34);color:#86efac;padding:8px 12px;font-weight:900;font-size:13px;margin-bottom:18px}
.bonus-control .h2{color:#fff;font-size:clamp(32px,4vw,50px);line-height:1.02;letter-spacing:-.04em;margin:0 0 16px}
.bonus-control p{color:#c9d2df;font-size:17px;line-height:1.65}
.bonus-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.bonus-nav a{color:#fff;text-decoration:none;font-weight:900;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:999px;padding:10px 13px}
.bonus-nav a:hover{background:#16a34a;border-color:#16a34a}
.ticket-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.ticket-head span{font-weight:950;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:#8b6b3f}
.ticket-head strong{font-size:14px;background:#111722;color:#fff;border-radius:999px;padding:7px 10px}
.ticket-offer{border:2px dashed #caa56f;border-radius:20px;padding:18px;background:#fffdf7}
.ticket-offer small{display:block;color:#8c7658;font-weight:900;margin-bottom:8px}
.ticket-offer b{display:block;font-size:28px;line-height:1.08;color:#111722}
.ticket-list{display:grid;gap:10px}
.ticket-list div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(17,23,34,.12);padding-bottom:10px}
.ticket-list span{color:#7a6d61;font-weight:800}
.ticket-list strong{color:#111722;text-align:right}
.ticket-img{display:block;width:100%;border-radius:18px;object-fit:cover}
.bonus-switchboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#d9e1ea;border-top:1px solid #d9e1ea;border-bottom:1px solid #d9e1ea}
.bonus-switch{padding:22px;background:#fff;min-height:185px;display:flex;flex-direction:column;gap:12px}
.bonus-switch span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#111722;color:#fff;font-weight:950}
.bonus-switch h3{margin:0;color:#111722;font-size:20px}
.bonus-switch p{margin:0;color:#5c6876;line-height:1.55}
.bonus-section-shell{padding:36px 40px}
.bonus-section-shell:nth-of-type(even){background:#fbfcff}
.bonus-section-head{max-width:920px;margin-bottom:22px}
.bonus-section-head .h2{margin-bottom:10px}
.bonus-section-head p{font-size:17px;color:#536170;line-height:1.65}
.deposit-ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:deposit}
.deposit-step{position:relative;background:#111722;color:#fff;border-radius:24px;padding:24px;overflow:hidden;min-height:280px;box-shadow:0 18px 44px rgba(17,23,34,.12)}
.deposit-step:before{counter-increment:deposit;content:"0" counter(deposit);position:absolute;right:18px;top:12px;font-size:70px;line-height:1;font-weight:950;color:rgba(255,255,255,.08)}
.deposit-step:nth-child(2){background:#0f6b45}
.deposit-step:nth-child(3){background:#292f3a}
.deposit-step small{display:inline-flex;border-radius:999px;background:rgba(255,255,255,.12);padding:7px 10px;font-weight:900;color:#dcfce7;margin-bottom:18px}
.deposit-step h3{font-size:30px;line-height:1.05;margin:0 0 12px;color:#fff}
.deposit-step p{color:#dce5ef;line-height:1.6}
.deposit-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.deposit-meta span{font-size:12px;font-weight:900;border-radius:999px;background:#fff;color:#111722;padding:7px 9px}
.rule-lens{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:start}
.rule-panel{background:#111722;color:#fff;border-radius:26px;padding:24px;position:sticky;top:90px}
.rule-panel h3{color:#fff;margin-top:0;font-size:26px}
.rule-panel p{color:#c8d2df;line-height:1.65}
.rule-meter{margin-top:20px;border-radius:18px;background:#0b0f16;padding:15px}
.rule-meter div{display:grid;grid-template-columns:88px 1fr 58px;gap:10px;align-items:center;color:#fff;margin:12px 0}
.rule-meter span{font-weight:900;color:#bbc7d7}
.rule-meter i{display:block;height:11px;border-radius:99px;background:#313a48;overflow:hidden}
.rule-meter i:before{content:"";display:block;height:100%;border-radius:99px;background:#16a34a;width:var(--w)}
.rule-meter b{text-align:right}
.rule-table-wrap{display:grid;gap:16px}
.bonus-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e1e7ef;border-radius:20px;overflow:hidden}
.bonus-table th,.bonus-table td{padding:15px;border-bottom:1px solid #e8edf3;text-align:left;vertical-align:top}
.bonus-table tr:last-child th,.bonus-table tr:last-child td{border-bottom:0}
.bonus-table th{color:#111722;background:#f3f6fa;width:30%}
.bonus-table td{color:#52606f;line-height:1.55}
.guardrail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.guardrail{border-radius:22px;background:#fff;border:1px solid #e2e8f0;padding:20px}
.guardrail strong{display:block;color:#111722;font-size:18px;margin-bottom:8px}
.guardrail p{margin:0;color:#52606f;line-height:1.55}
.promo-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.promo-tile{border-radius:24px;padding:22px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 30px rgba(17,23,34,.06)}
.promo-tile h3{margin:0 0 10px;color:#111722;font-size:22px}
.promo-tile .value{
    display:inline-block;
    font-size:28px;
    font-weight:950;
    color:#047857;
    background:#dcfce7;
    border:1px solid #bbf7d0;
    border-radius:12px;
    padding:6px 12px;
    margin-bottom:12px;
    line-height:1;
}
.promo-tile p{color:#566476;line-height:1.55}
.prize-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.prize-card{background:linear-gradient(135deg,#fff,#f6f8fb);border:1px solid #e2e8f0;border-radius:22px;padding:18px;min-height:160px}
.prize-card strong{display:block;color:#16a34a;font-size:24px;margin-bottom:8px}
.prize-card strong{
    display:inline-block;
    color:#047857;
    background:#dcfce7;
    border:1px solid #bbf7d0;
    border-radius:12px;
    padding:6px 12px;
    font-size:22px;
    margin-bottom:12px;
    line-height:1;
}
.prize-card p{margin:0;color:#52606f;line-height:1.5}
.sports-ticket-zone{background:#0b1018;color:#fff;padding:36px 40px}
.sports-ticket-zone .h2{color:#fff}
.sports-ticket-zone p{color:#c9d3df;line-height:1.65}
.sports-slip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.sports-slip{background:#fff;color:#111722;border-radius:22px;overflow:hidden}
.sports-slip__top{background:#16a34a;color:#fff;padding:15px 18px;font-weight:950}
.sports-slip__body{padding:20px}
.sports-slip__body h3{font-size:28px;margin:0 0 12px}
.sports-slip__body p{color:#52606f;margin-bottom:16px}
.sports-slip__meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sports-slip__meta span{border-radius:12px;background:#f1f4f8;padding:9px;font-weight:900;text-align:center}
.offer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.offer-row{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center;background:#151c27;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px}
.offer-row strong{color:#fff;font-size:18px}
.offer-row span{color:#86efac;font-weight:950}
.offer-row p{margin:0;color:#c8d2df}
.compare-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.compare-card{border-radius:26px;padding:24px;background:#fff;border:1px solid #e2e8f0}
.compare-card h3{margin-top:0;color:#111722;font-size:26px}
.compare-card ul{margin:0;padding-left:20px;color:#52606f;line-height:1.75}
.claim-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;counter-reset:claim}
.claim-step{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:18px}
.claim-step:before{counter-increment:claim;content:counter(claim);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#16a34a;color:#fff;font-weight:950;margin-bottom:12px}
.claim-step strong{display:block;color:#111722;margin-bottom:8px}
.claim-step p{margin:0;color:#52606f;line-height:1.5}
.bonus-alert{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:24px;padding:22px}
.bonus-alert h2{margin-top:0}
.bonus-alert p{color:#166534;line-height:1.65}
@media(max-width:1020px){
    .bonus-control__grid,.rule-lens,.compare-cards{grid-template-columns:1fr}
    .bonus-switchboard,.deposit-ladder,.promo-wall,.prize-grid,.sports-slip-grid,.guardrail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .claim-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
    .rule-panel{position:static}
}
@media(max-width:640px){
    .bonus-control__copy,.bonus-control__ticket,.bonus-section-shell,.sports-ticket-zone{padding:24px 18px}
    .bonus-switchboard,.deposit-ladder,.promo-wall,.prize-grid,.sports-slip-grid,.guardrail-grid,.offer-list,.claim-flow{grid-template-columns:1fr}
    .offer-row{grid-template-columns:1fr}
    .bonus-control__ticket:before,.bonus-control__ticket:after{display:none}
}

.bonus-photo-panel{
    margin-top:22px;
    border-radius:26px;
    overflow:hidden;
    border:1px solid #d8efe1;
    background:#f3fbf6;
    box-shadow:0 14px 34px rgba(17,23,34,.08);
}
.bonus-photo-panel img{
    display:block;
    width:100%;
    height:auto;
    object-fit:cover;
}
.bonus-photo-panel figcaption{
    padding:13px 16px;
    color:#315141;
    font-weight:800;
    line-height:1.45;
    background:#f3fbf6;
}
.bonus-media-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-top:22px;
}
.bonus-media-card{
    overflow:hidden;
    border-radius:24px;
    border:1px solid #d8efe1;
    background:#fff;
    box-shadow:0 12px 30px rgba(17,23,34,.07);
}
.bonus-media-card img{
    display:block;
    width:100%;
    height:230px;
    object-fit:cover;
}
.bonus-media-card span{
    display:block;
    padding:13px 15px;
    color:#315141;
    font-weight:900;
    line-height:1.4;
    background:#f3fbf6;
}
.bonus-deep-copy{
    margin-top:20px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}
.bonus-deep-copy div{
    background:#fff;
    border:1px solid #d8efe1;
    border-radius:20px;
    padding:18px;
}
.bonus-deep-copy strong{
    display:block;
    color:#065f46;
    font-size:18px;
    margin-bottom:8px;
}
.bonus-deep-copy p{
    margin:0;
    color:#536170;
    line-height:1.6;
}
.bonus-green-note{
    margin-top:20px;
    background:#ecfdf5;
    border:1px solid #bbf7d0;
    border-radius:22px;
    padding:18px 20px;
    color:#166534;
    line-height:1.65;
}
.bonus-green-note strong{
    color:#047857;
}
.sports-ticket-zone{
    background:linear-gradient(145deg,#08140e,#0b1f17 52%,#0f2f21) !important;
}
.sports-slip__top{
    background:#16a34a !important;
}
.rule-meter i:before,
.claim-step:before{
    background:#16a34a !important;
}
@media(max-width:760px){
    .bonus-media-grid,
    .bonus-deep-copy{
        grid-template-columns:1fr;
    }
    .bonus-media-card img{
        height:auto;
    }
}

.bonus-page .promo-tile .value,
.bonus-page .prize-card strong{
    color:#047857 !important;
    background:#dcfce7 !important;
    border-color:#bbf7d0 !important;
}
.bonus-page .deposit-step:nth-child(2){
    background:#0f6b45 !important;
}
.bonus-page .bonus-switch span,
.bonus-page .ticket-head strong{
    background:#065f46 !important;
}
.bonus-page .bonus-nav a:hover{
    background:#16a34a !important;
    border-color:#16a34a !important;
}
.bonus-control{
    padding:0;
    background:#080b10;
    color:#f6f8fb;
    border-radius:32px;
    overflow:hidden;
}

.bonus-control__copy{
    padding:42px;
    background:radial-gradient(circle at 18% 18%, rgba(22,163,74,.24), transparent 34%), linear-gradient(145deg, #0b0f16, #121923);
}

.bonus-control__ticket{
    position:relative;
    padding:30px;
    background:#f7f2e8;
    color:#14171d;
    border-left:1px solid rgba(0,0,0,.08);
    display:flex;
    flex-direction:column;
    gap:16px;
}

.sports-ticket-zone{
    background:linear-gradient(145deg, #06110b, #092016 55%, #0c2a1d);
    color:#fff;
    padding:36px 40px;
    border-radius:32px;
    overflow:hidden;
    margin-top:18px;
}

@media (max-width: 760px){
    .bonus-control,
    .sports-ticket-zone{
        border-radius:24px;
    }

    .bonus-control__copy,
    .bonus-control__ticket,
    .sports-ticket-zone{
        padding:24px 18px;
    }
}

.bonus-page .bonus-control,
.bonus-page .sports-ticket-zone,
.bonus-page .bonus-section-shell{
    border-radius:28px;
    overflow:hidden;
}

.bonus-page .bonus-control{
    margin-bottom:18px;
}

.bonus-page .sports-ticket-zone{
    margin-top:18px;
    margin-bottom:18px;
}

.bonus-page .bonus-photo-panel img,
.bonus-page .bonus-media-card img,
.bonus-page .ticket-img{
    display:block;
    width:100%;
    border-radius:18px;
    object-fit:cover;
}

.bonus-page .bonus-photo-panel figcaption,
.bonus-page .bonus-media-card span{
    font-size:15px;
    line-height:1.5;
}

@media(max-width:640px){
    .bonus-page .bonus-control,
    .bonus-page .sports-ticket-zone,
    .bonus-page .bonus-section-shell{
        border-radius:22px;
    }
}

.promo-page .article{overflow:hidden}
.promo-console{background:#06120d;color:#fff;border-radius:32px;overflow:hidden}
.promo-console__grid{display:grid;grid-template-columns:minmax(0,1fr) 420px}
.promo-console__copy{padding:42px;background:radial-gradient(circle at 14% 18%,rgba(34,197,94,.2),transparent 34%),linear-gradient(145deg,#07110d,#0c1712 62%,#10251a)}
.promo-console__copy .h2{color:#fff;font-size:clamp(34px,4vw,56px);line-height:1.02;letter-spacing:-.045em;margin:0 0 16px}
.promo-console__copy p{color:#d8e7dd;font-size:17px;line-height:1.65;max-width:760px}
.promo-badge{display:inline-flex;align-items:center;border:1px solid rgba(34,197,94,.34);background:rgba(34,197,94,.14);color:#86efac;border-radius:999px;padding:8px 12px;font-weight:950;font-size:13px;margin-bottom:18px}
.promo-codebox{background:#f3fff7;color:#082014;padding:30px;border-left:1px solid rgba(6,32,20,.12);display:flex;flex-direction:column;gap:16px}
.promo-codebox__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.promo-codebox__top span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#047857;font-weight:950}
.promo-codebox__top strong{border-radius:999px;background:#065f46;color:#fff;padding:7px 10px;font-size:13px}
.promo-codebox__screen{border:2px dashed #7ddf9b;background:#fff;border-radius:22px;padding:18px}
.promo-codebox__screen small{display:block;color:#047857;font-weight:950;margin-bottom:8px}
.promo-codebox__screen b{display:block;font-size:38px;line-height:1;color:#06120d;letter-spacing:.04em}
.promo-codebox__rows{display:grid;gap:10px}
.promo-codebox__rows div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(6,32,20,.12);padding-bottom:10px}
.promo-codebox__rows span{color:#4a6354;font-weight:850}
.promo-codebox__rows strong{color:#06120d;text-align:right}
.promo-codebox img{display:block;width:100%;border-radius:18px;object-fit:cover}
.promo-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.promo-nav a{color:#fff;text-decoration:none;border-radius:999px;padding:10px 14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);font-weight:900}
.promo-nav a:hover{background:#16a34a;border-color:#16a34a}
.code-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#d9eee1;border-top:1px solid #d9eee1;border-bottom:1px solid #d9eee1}
.code-strip__item{background:#fff;padding:22px;min-height:180px}
.code-strip__item span{display:inline-grid;place-items:center;border-radius:12px;background:#dcfce7;color:#047857;padding:8px 10px;font-weight:950;margin-bottom:12px}
.code-strip__item h3{margin:0 0 8px;color:#07110d;font-size:22px}
.code-strip__item p{margin:0;color:#556575;line-height:1.55}
.promo-block{padding:38px 40px;border-radius:28px;overflow:hidden}
.promo-block:nth-of-type(even){background:#fbfcff}
.promo-head{max-width:940px;margin-bottom:22px}
.promo-head .h2{margin-bottom:10px}
.promo-head p{font-size:17px;color:#536170;line-height:1.65}
.active-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.active-code-card{position:relative;background:#fff;border:1px solid #d8efe1;border-radius:28px;padding:24px;box-shadow:0 14px 34px rgba(17,23,34,.07);overflow:hidden}
.active-code-card:before{content:"";position:absolute;right:-36px;top:-36px;width:120px;height:120px;border-radius:50%;background:#dcfce7}
.active-code-card__code{display:inline-flex;align-items:center;gap:8px;border:2px dashed #16a34a;background:#f0fdf4;color:#065f46;border-radius:16px;padding:10px 14px;font-size:26px;font-weight:950;letter-spacing:.04em;margin-bottom:16px}
.active-code-card h3{font-size:28px;margin:0 0 10px;color:#07110d}
.active-code-card p{color:#536170;line-height:1.6}
.active-code-card__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.active-code-card__facts div{background:#f5faf7;border:1px solid #dcefe3;border-radius:16px;padding:12px}
.active-code-card__facts span{display:block;color:#64786b;font-weight:850;font-size:13px;margin-bottom:5px}
.active-code-card__facts strong{display:block;color:#072014}
.activation-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:act}
.activation-step{background:#fff;border:1px solid #d8efe1;border-radius:22px;padding:18px}
.activation-step:before{counter-increment:act;content:counter(act);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#16a34a;color:#fff;font-weight:950;margin-bottom:12px}
.activation-step strong{display:block;color:#07110d;margin-bottom:8px}
.activation-step p{margin:0;color:#536170;line-height:1.5}
.mistake-board{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px;align-items:start}
.mistake-board__panel{background:#07110d;color:#fff;border-radius:28px;padding:24px;position:sticky;top:90px}
.mistake-board__panel h3{color:#fff;margin-top:0;font-size:28px}
.mistake-board__panel p{color:#d3e3da;line-height:1.65}
.mistake-list{display:grid;gap:12px}
.mistake-item{background:#fff;border:1px solid #d8efe1;border-radius:20px;padding:18px}
.mistake-item strong{display:block;color:#065f46;font-size:18px;margin-bottom:7px}
.mistake-item p{margin:0;color:#536170;line-height:1.55}
.promo-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.promo-media-card{border:1px solid #d8efe1;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 12px 28px rgba(17,23,34,.07)}
.promo-media-card img{display:block;width:100%;height:245px;object-fit:cover}
.promo-media-card span{display:block;background:#f3fbf6;color:#315141;font-weight:900;padding:14px 16px;line-height:1.45}
.terms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.term-card{background:#fff;border:1px solid #d8efe1;border-radius:22px;padding:20px}
.term-card strong{display:block;color:#07110d;font-size:18px;margin-bottom:8px}
.term-card p{margin:0;color:#536170;line-height:1.55}
.compare-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.compare-panel__card{background:#fff;border:1px solid #d8efe1;border-radius:26px;padding:24px}
.compare-panel__card h3{margin-top:0;color:#07110d;font-size:25px}
.compare-panel__card ul{margin:0;padding-left:20px;color:#536170;line-height:1.75}
.promo-alert{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:24px;padding:22px;color:#166534;line-height:1.65}
.promo-alert h2{margin-top:0;color:#065f46}
@media(max-width:1020px){
    .promo-console__grid,.mistake-board,.compare-panel{grid-template-columns:1fr}
    .code-strip,.terms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .activation-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
    .mistake-board__panel{position:static}
}
@media(max-width:680px){
    .promo-console__copy,.promo-codebox,.promo-block{padding:24px 18px}
    .active-code-grid,.promo-media-grid,.code-strip,.terms-grid,.activation-flow{grid-template-columns:1fr}
    .active-code-card__facts{grid-template-columns:1fr}
    .promo-console{border-radius:24px}
    .promo-media-card img{height:auto}
}

.login-page .article{overflow:hidden}
.login-ops{border-radius:34px;overflow:hidden;background:#07110d;color:#fff}
.login-ops__grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:stretch}
.login-ops__copy{padding:46px;background:radial-gradient(circle at 16% 20%,rgba(34,197,94,.22),transparent 35%),linear-gradient(145deg,#07110d,#0b1c13 56%,#10251a)}
.login-ops__copy .h2{color:#fff;font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0 0 16px}
.login-ops__copy p{color:#d8e7dd;font-size:17px;line-height:1.65;max-width:780px}
.login-pill{display:inline-flex;align-items:center;border:1px solid rgba(34,197,94,.34);background:rgba(34,197,94,.14);color:#86efac;border-radius:999px;padding:8px 12px;font-weight:950;font-size:13px;margin-bottom:18px}
.login-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.login-nav a{color:#fff;text-decoration:none;border-radius:999px;padding:10px 14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);font-weight:900}
.login-nav a:hover{background:#16a34a;border-color:#16a34a}
.login-pass{background:#f3fff7;color:#082014;padding:30px;display:flex;flex-direction:column;gap:16px;border-left:1px solid rgba(6,32,20,.12)}
.login-pass__label{display:flex;justify-content:space-between;gap:12px;align-items:center}
.login-pass__label span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#047857;font-weight:950}
.login-pass__label strong{border-radius:999px;background:#065f46;color:#fff;padding:7px 10px;font-size:13px}
.login-pass__screen{background:#fff;border:2px dashed #86efac;border-radius:22px;padding:18px}
.login-pass__screen small{display:block;color:#047857;font-weight:950;margin-bottom:8px}
.login-pass__screen b{display:block;font-size:30px;line-height:1.08;color:#06120d}
.login-pass__rows{display:grid;gap:10px}
.login-pass__rows div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(6,32,20,.12);padding-bottom:10px}
.login-pass__rows span{color:#4a6354;font-weight:850}
.login-pass__rows strong{color:#06120d;text-align:right}
.login-pass img{display:block;width:100%;border-radius:18px;object-fit:cover}
.account-route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;background:#d9eee1;border-top:1px solid #d9eee1;border-bottom:1px solid #d9eee1}
.account-route__stop{background:#fff;padding:22px;position:relative;min-height:170px}
.account-route__stop:not(:last-child):after{content:"";position:absolute;right:-11px;top:50%;width:22px;height:22px;background:#fff;border-top:1px solid #d9eee1;border-right:1px solid #d9eee1;transform:translateY(-50%) rotate(45deg);z-index:2}
.account-route__stop span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#dcfce7;color:#047857;font-weight:950;margin-bottom:12px}
.account-route__stop h3{margin:0 0 8px;color:#07110d;font-size:20px}
.account-route__stop p{margin:0;color:#556575;line-height:1.55}
.login-section{padding:40px;border-radius:30px;overflow:hidden}
.login-section:nth-of-type(odd){background:#fbfcff}
.login-section__head{max-width:980px;margin-bottom:24px}
.login-section__head .h2{margin-bottom:10px}
.login-section__head p{font-size:17px;color:#536170;line-height:1.65}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"balance bonus cashier" "messages security security";gap:14px}
.dash-card{background:#fff;border:1px solid #d8efe1;border-radius:24px;padding:22px;min-height:170px}
.dash-card:nth-child(1){grid-area:balance}
.dash-card:nth-child(2){grid-area:bonus}
.dash-card:nth-child(3){grid-area:cashier}
.dash-card:nth-child(4){grid-area:messages}
.dash-card:nth-child(5){grid-area:security;background:#07110d;color:#fff}
.dash-card strong{display:block;color:#07110d;font-size:20px;margin-bottom:8px}
.dash-card:nth-child(5) strong{color:#86efac}
.dash-card p{margin:0;color:#536170;line-height:1.6}
.dash-card:nth-child(5) p{color:#d3e3da}
.safe-split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;align-items:center}
.safe-photo{border-radius:30px;overflow:hidden;border:1px solid #d8efe1;box-shadow:0 16px 36px rgba(17,23,34,.08)}
.safe-photo img{display:block;width:100%;height:100%;object-fit:cover}
.safe-list{display:grid;gap:12px}
.safe-list div{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid #d8efe1;border-radius:20px;padding:16px}
.safe-list span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#dcfce7;color:#047857;font-weight:950}
.safe-list strong{display:block;color:#07110d;margin-bottom:5px}
.safe-list p{margin:0;color:#536170;line-height:1.55}
.kyc-filedesk{display:grid;grid-template-columns:330px 1fr;gap:20px;align-items:start}
.kyc-filedesk__side{background:#07110d;color:#fff;border-radius:28px;padding:24px;position:sticky;top:90px}
.kyc-filedesk__side h3{color:#fff;font-size:28px;margin:0 0 12px}
.kyc-filedesk__side p{color:#d3e3da;line-height:1.65}
.kyc-levels{display:grid;gap:10px;margin-top:18px}
.kyc-levels div{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:16px;padding:14px}
.kyc-levels strong{display:block;color:#86efac;margin-bottom:5px}
.file-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.file-card{position:relative;background:#fff;border:1px solid #d8efe1;border-radius:22px;padding:22px;overflow:hidden}
.file-card:before{content:"";position:absolute;left:20px;top:0;width:92px;height:10px;border-radius:0 0 10px 10px;background:#16a34a}
.file-card strong{display:block;color:#07110d;font-size:19px;margin:10px 0 8px}
.file-card p{margin:0;color:#536170;line-height:1.58}
.review-lane{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:lane}
.lane-card{background:#fff;border:1px solid #d8efe1;border-radius:24px;padding:22px;position:relative}
.lane-card:before{counter-increment:lane;content:counter(lane);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#16a34a;color:#fff;font-weight:950;margin-bottom:12px}
.lane-card strong{display:block;color:#07110d;font-size:19px;margin-bottom:8px}
.lane-card p{margin:0;color:#536170;line-height:1.55}
.reject-lab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border:1px solid #d8efe1;border-radius:28px;overflow:hidden;background:#fff}
.reject-lab__bad,.reject-lab__fix{padding:24px}
.reject-lab__bad{background:#fff}
.reject-lab__fix{background:#f0fdf4}
.reject-lab h3{margin:0 0 16px;color:#07110d;font-size:26px}
.reject-lab ul{margin:0;padding-left:20px;color:#536170;line-height:1.8}
.withdraw-gate{background:#07110d;color:#fff;border-radius:32px;padding:30px}
.withdraw-gate .h2{color:#fff}
.withdraw-gate p{color:#d3e3da;line-height:1.65}
.gate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.gate-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:18px}
.gate-card span{display:inline-flex;border-radius:999px;background:#dcfce7;color:#047857;padding:7px 10px;font-weight:950;font-size:13px;margin-bottom:12px}
.gate-card strong{display:block;color:#fff;font-size:18px;margin-bottom:8px}
.gate-card p{margin:0;color:#d3e3da;line-height:1.55}
.aml-radar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;align-items:stretch}
.aml-center{grid-row:span 2;background:radial-gradient(circle at 50% 35%,#dcfce7,transparent 42%),#07110d;color:#fff;border-radius:50%;min-height:310px;display:grid;place-items:center;text-align:center;padding:30px}
.aml-center strong{display:block;color:#86efac;font-size:28px;margin-bottom:8px}
.aml-center p{margin:0;color:#d3e3da;line-height:1.55}
.aml-signal{background:#fff;border:1px solid #d8efe1;border-radius:22px;padding:20px}
.aml-signal strong{display:block;color:#07110d;font-size:18px;margin-bottom:8px}
.aml-signal p{margin:0;color:#536170;line-height:1.55}
.trouble-board{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.trouble-card{background:#fff;border:1px solid #d8efe1;border-radius:26px;padding:24px}
.trouble-card h3{margin-top:0;color:#07110d;font-size:25px}
.trouble-card ul{margin:0;padding-left:20px;color:#536170;line-height:1.78}
.account-warning{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:24px;padding:22px;color:#166534;line-height:1.65}
.account-warning h2{margin-top:0;color:#065f46}
@media(max-width:1080px){
    .login-ops__grid,.safe-split,.kyc-filedesk,.trouble-board{grid-template-columns:1fr}
    .account-route,.review-lane,.gate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dashboard-grid{grid-template-columns:1fr 1fr;grid-template-areas:"balance bonus" "cashier messages" "security security"}
    .kyc-filedesk__side{position:static}
    .aml-radar{grid-template-columns:1fr 1fr}
    .aml-center{border-radius:28px;grid-row:auto;grid-column:1/-1;min-height:auto}
}
@media(max-width:720px){
    .login-ops__copy,.login-pass,.login-section{padding:24px 18px}
    .account-route,.dashboard-grid,.file-stack,.review-lane,.reject-lab,.gate-grid,.aml-radar{grid-template-columns:1fr;display:grid}
    .dashboard-grid{grid-template-areas:none}
    .dash-card:nth-child(n){grid-area:auto}
    .account-route__stop:after{display:none}
    .login-ops{border-radius:24px}
    .safe-photo img{height:auto}
}

.login-start{
    border-radius:34px;
    overflow:hidden;
    background:#f4fbf7;
    border:1px solid #d8efe1;
}
.login-start__top{
    padding:38px 42px 24px;
    background:
            linear-gradient(120deg,rgba(6,95,70,.96),rgba(7,17,13,.96)),
            radial-gradient(circle at 88% 18%,rgba(134,239,172,.34),transparent 30%);
    color:#fff;
}
.login-start__top .h2{
    color:#fff;
    font-size:clamp(34px,4vw,58px);
    line-height:1.02;
    letter-spacing:-.045em;
    max-width:900px;
    margin:0 0 16px;
}
.login-start__top p{
    color:#d8e7dd;
    font-size:17px;
    line-height:1.65;
    max-width:920px;
}
.login-start__tag{
    display:inline-flex;
    align-items:center;
    border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.1);
    color:#dcfce7;
    border-radius:999px;
    padding:8px 12px;
    font-weight:950;
    font-size:13px;
    margin-bottom:18px;
}
.login-start__nav{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:22px;
}
.login-start__nav a{
    color:#fff;
    text-decoration:none;
    border-radius:999px;
    padding:10px 14px;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.08);
    font-weight:900;
}
.login-start__nav a:hover{
    background:#16a34a;
    border-color:#16a34a;
}
.login-start__workspace{
    padding:26px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:18px;
    align-items:stretch;
}
.login-console{
    background:#07110d;
    border-radius:28px;
    padding:18px;
    color:#fff;
    box-shadow:0 16px 36px rgba(17,23,34,.12);
}
.login-console__bar{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.1);
    padding-bottom:14px;
    margin-bottom:16px;
}
.login-console__bar span{
    color:#86efac;
    font-weight:950;
    letter-spacing:.04em;
    text-transform:uppercase;
    font-size:12px;
}
.login-console__bar strong{
    background:#dcfce7;
    color:#065f46;
    border-radius:999px;
    padding:7px 10px;
    font-size:13px;
}
.login-console__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.login-console__tile{
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.1);
    border-radius:18px;
    padding:16px;
    min-height:116px;
}
.login-console__tile b{
    display:block;
    color:#fff;
    font-size:19px;
    margin-bottom:7px;
}
.login-console__tile span{
    color:#cfe0d6;
    line-height:1.45;
    font-size:15px;
}
.login-console__tile--wide{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:10px;
    min-height:auto;
}
.login-console__tile--wide div{
    background:rgba(255,255,255,.06);
    border-radius:14px;
    padding:12px;
}
.login-side-card{
    background:#fff;
    border:1px solid #d8efe1;
    border-radius:28px;
    padding:18px;
    display:flex;
    flex-direction:column;
    gap:14px;
}
.login-side-card img{
    display:block;
    width:100%;
    border-radius:20px;
    object-fit:cover;
}
.login-side-card__facts{
    display:grid;
    gap:10px;
}
.login-side-card__facts div{
    display:flex;
    justify-content:space-between;
    gap:10px;
    border-bottom:1px solid #dbeee3;
    padding-bottom:10px;
}
.login-side-card__facts span{
    color:#536170;
    font-weight:850;
}
.login-side-card__facts strong{
    color:#07110d;
    text-align:right;
}
.aml-radar{
    display:grid;
    grid-template-columns:320px 1fr;
    gap:18px;
    align-items:stretch;
}
.aml-center{
    grid-row:auto;
    background:
            linear-gradient(145deg,#07110d,#0f2a1d);
    color:#fff;
    border-radius:28px;
    min-height:auto;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    text-align:left;
    padding:28px;
}
.aml-center strong{
    display:block;
    color:#86efac;
    font-size:30px;
    margin-bottom:10px;
}
.aml-center p{
    margin:0;
    color:#d3e3da;
    line-height:1.6;
}
.aml-signal-wrap{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
@media(max-width:1080px){
    .login-start__workspace,
    .aml-radar{
        grid-template-columns:1fr;
    }
}
@media(max-width:720px){
    .login-start__top,
    .login-start__workspace{
        padding:24px 18px;
    }
    .login-console__grid,
    .login-console__tile--wide,
    .aml-signal-wrap{
        grid-template-columns:1fr;
    }
    .login-start{
        border-radius:24px;
    }
}


.login-page .article{overflow:hidden}
.login-ops{border-radius:34px;overflow:hidden;background:#07110d;color:#fff}
.login-ops__grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:stretch}
.login-ops__copy{padding:46px;background:radial-gradient(circle at 16% 20%,rgba(34,197,94,.22),transparent 35%),linear-gradient(145deg,#07110d,#0b1c13 56%,#10251a)}
.login-ops__copy .h2{color:#fff;font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0 0 16px}
.login-ops__copy p{color:#d8e7dd;font-size:17px;line-height:1.65;max-width:780px}
.login-pill{display:inline-flex;align-items:center;border:1px solid rgba(34,197,94,.34);background:rgba(34,197,94,.14);color:#86efac;border-radius:999px;padding:8px 12px;font-weight:950;font-size:13px;margin-bottom:18px}
.login-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.login-nav a{color:#fff;text-decoration:none;border-radius:999px;padding:10px 14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);font-weight:900}
.login-nav a:hover{background:#16a34a;border-color:#16a34a}
.login-pass{background:#f3fff7;color:#082014;padding:30px;display:flex;flex-direction:column;gap:16px;border-left:1px solid rgba(6,32,20,.12)}
.login-pass__label{display:flex;justify-content:space-between;gap:12px;align-items:center}
.login-pass__label span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#047857;font-weight:950}
.login-pass__label strong{border-radius:999px;background:#065f46;color:#fff;padding:7px 10px;font-size:13px}
.login-pass__screen{background:#fff;border:2px dashed #86efac;border-radius:22px;padding:18px}
.login-pass__screen small{display:block;color:#047857;font-weight:950;margin-bottom:8px}
.login-pass__screen b{display:block;font-size:30px;line-height:1.08;color:#06120d}
.login-pass__rows{display:grid;gap:10px}
.login-pass__rows div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(6,32,20,.12);padding-bottom:10px}
.login-pass__rows span{color:#4a6354;font-weight:850}
.login-pass__rows strong{color:#06120d;text-align:right}
.login-pass img{display:block;width:100%;border-radius:18px;object-fit:cover}
.account-route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;background:#d9eee1;border-top:1px solid #d9eee1;border-bottom:1px solid #d9eee1}
.account-route__stop{background:#fff;padding:22px;position:relative;min-height:170px}
.account-route__stop:not(:last-child):after{content:"";position:absolute;right:-11px;top:50%;width:22px;height:22px;background:#fff;border-top:1px solid #d9eee1;border-right:1px solid #d9eee1;transform:translateY(-50%) rotate(45deg);z-index:2}
.account-route__stop span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#dcfce7;color:#047857;font-weight:950;margin-bottom:12px}
.account-route__stop h3{margin:0 0 8px;color:#07110d;font-size:20px}
.account-route__stop p{margin:0;color:#556575;line-height:1.55}
.login-section{padding:40px;border-radius:30px;overflow:hidden}
.login-section:nth-of-type(odd){background:#fbfcff}
.login-section__head{max-width:980px;margin-bottom:24px}
.login-section__head .h2{margin-bottom:10px}
.login-section__head p{font-size:17px;color:#536170;line-height:1.65}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"balance bonus cashier" "messages security security";gap:14px}
.dash-card{background:#fff;border:1px solid #d8efe1;border-radius:24px;padding:22px;min-height:170px}
.dash-card:nth-child(1){grid-area:balance}
.dash-card:nth-child(2){grid-area:bonus}
.dash-card:nth-child(3){grid-area:cashier}
.dash-card:nth-child(4){grid-area:messages}
.dash-card:nth-child(5){grid-area:security;background:#07110d;color:#fff}
.dash-card strong{display:block;color:#07110d;font-size:20px;margin-bottom:8px}
.dash-card:nth-child(5) strong{color:#86efac}
.dash-card p{margin:0;color:#536170;line-height:1.6}
.dash-card:nth-child(5) p{color:#d3e3da}
.safe-split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;align-items:center}
.safe-photo{border-radius:30px;overflow:hidden;border:1px solid #d8efe1;box-shadow:0 16px 36px rgba(17,23,34,.08)}
.safe-photo img{display:block;width:100%;height:100%;object-fit:cover}
.safe-list{display:grid;gap:12px}
.safe-list div{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid #d8efe1;border-radius:20px;padding:16px}
.safe-list span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#dcfce7;color:#047857;font-weight:950}
.safe-list strong{display:block;color:#07110d;margin-bottom:5px}
.safe-list p{margin:0;color:#536170;line-height:1.55}
.kyc-filedesk{display:grid;grid-template-columns:330px 1fr;gap:20px;align-items:start}
.kyc-filedesk__side{background:#07110d;color:#fff;border-radius:28px;padding:24px;position:sticky;top:90px}
.kyc-filedesk__side h3{color:#fff;font-size:28px;margin:0 0 12px}
.kyc-filedesk__side p{color:#d3e3da;line-height:1.65}
.kyc-levels{display:grid;gap:10px;margin-top:18px}
.kyc-levels div{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:16px;padding:14px}
.kyc-levels strong{display:block;color:#86efac;margin-bottom:5px}
.file-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.file-card{position:relative;background:#fff;border:1px solid #d8efe1;border-radius:22px;padding:22px;overflow:hidden}
.file-card:before{content:"";position:absolute;left:20px;top:0;width:92px;height:10px;border-radius:0 0 10px 10px;background:#16a34a}
.file-card strong{display:block;color:#07110d;font-size:19px;margin:10px 0 8px}
.file-card p{margin:0;color:#536170;line-height:1.58}
.review-lane{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:lane}
.lane-card{background:#fff;border:1px solid #d8efe1;border-radius:24px;padding:22px;position:relative}
.lane-card:before{counter-increment:lane;content:counter(lane);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#16a34a;color:#fff;font-weight:950;margin-bottom:12px}
.lane-card strong{display:block;color:#07110d;font-size:19px;margin-bottom:8px}
.lane-card p{margin:0;color:#536170;line-height:1.55}
.reject-lab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border:1px solid #d8efe1;border-radius:28px;overflow:hidden;background:#fff}
.reject-lab__bad,.reject-lab__fix{padding:24px}
.reject-lab__bad{background:#fff}
.reject-lab__fix{background:#f0fdf4}
.reject-lab h3{margin:0 0 16px;color:#07110d;font-size:26px}
.reject-lab ul{margin:0;padding-left:20px;color:#536170;line-height:1.8}
.withdraw-gate{background:#07110d;color:#fff;border-radius:32px;padding:30px}
.withdraw-gate .h2{color:#fff}
.withdraw-gate p{color:#d3e3da;line-height:1.65}
.gate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.gate-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:18px}
.gate-card span{display:inline-flex;border-radius:999px;background:#dcfce7;color:#047857;padding:7px 10px;font-weight:950;font-size:13px;margin-bottom:12px}
.gate-card strong{display:block;color:#fff;font-size:18px;margin-bottom:8px}
.gate-card p{margin:0;color:#d3e3da;line-height:1.55}
.aml-radar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;align-items:stretch}
.aml-center{grid-row:span 2;background:radial-gradient(circle at 50% 35%,#dcfce7,transparent 42%),#07110d;color:#fff;border-radius:50%;min-height:310px;display:grid;place-items:center;text-align:center;padding:30px}
.aml-center strong{display:block;color:#86efac;font-size:28px;margin-bottom:8px}
.aml-center p{margin:0;color:#d3e3da;line-height:1.55}
.aml-signal{background:#fff;border:1px solid #d8efe1;border-radius:22px;padding:20px}
.aml-signal strong{display:block;color:#07110d;font-size:18px;margin-bottom:8px}
.aml-signal p{margin:0;color:#536170;line-height:1.55}
.trouble-board{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.trouble-card{background:#fff;border:1px solid #d8efe1;border-radius:26px;padding:24px}
.trouble-card h3{margin-top:0;color:#07110d;font-size:25px}
.trouble-card ul{margin:0;padding-left:20px;color:#536170;line-height:1.78}
.account-warning{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:24px;padding:22px;color:#166534;line-height:1.65}
.account-warning h2{margin-top:0;color:#065f46}
@media(max-width:1080px){
    .login-ops__grid,.safe-split,.kyc-filedesk,.trouble-board{grid-template-columns:1fr}
    .account-route,.review-lane,.gate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dashboard-grid{grid-template-columns:1fr 1fr;grid-template-areas:"balance bonus" "cashier messages" "security security"}
    .kyc-filedesk__side{position:static}
    .aml-radar{grid-template-columns:1fr 1fr}
    .aml-center{border-radius:28px;grid-row:auto;grid-column:1/-1;min-height:auto}
}
@media(max-width:720px){
    .login-ops__copy,.login-pass,.login-section{padding:24px 18px}
    .account-route,.dashboard-grid,.file-stack,.review-lane,.reject-lab,.gate-grid,.aml-radar{grid-template-columns:1fr;display:grid}
    .dashboard-grid{grid-template-areas:none}
    .dash-card:nth-child(n){grid-area:auto}
    .account-route__stop:after{display:none}
    .login-ops{border-radius:24px}
    .safe-photo img{height:auto}
}

.login-start{
    border-radius:34px;
    overflow:hidden;
    background:#f4fbf7;
    border:1px solid #d8efe1;
}
.login-start__top{
    padding:38px 42px 24px;
    background:
            linear-gradient(120deg,rgba(6,95,70,.96),rgba(7,17,13,.96)),
            radial-gradient(circle at 88% 18%,rgba(134,239,172,.34),transparent 30%);
    color:#fff;
}
.login-start__top .h2{
    color:#fff;
    font-size:clamp(34px,4vw,58px);
    line-height:1.02;
    letter-spacing:-.045em;
    max-width:900px;
    margin:0 0 16px;
}
.login-start__top p{
    color:#d8e7dd;
    font-size:17px;
    line-height:1.65;
    max-width:920px;
}
.login-start__tag{
    display:inline-flex;
    align-items:center;
    border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.1);
    color:#dcfce7;
    border-radius:999px;
    padding:8px 12px;
    font-weight:950;
    font-size:13px;
    margin-bottom:18px;
}
.login-start__nav{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:22px;
}
.login-start__nav a{
    color:#fff;
    text-decoration:none;
    border-radius:999px;
    padding:10px 14px;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.08);
    font-weight:900;
}
.login-start__nav a:hover{
    background:#16a34a;
    border-color:#16a34a;
}
.login-start__workspace{
    padding:26px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:18px;
    align-items:stretch;
}
.login-console{
    background:#07110d;
    border-radius:28px;
    padding:18px;
    color:#fff;
    box-shadow:0 16px 36px rgba(17,23,34,.12);
}
.login-console__bar{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.1);
    padding-bottom:14px;
    margin-bottom:16px;
}
.login-console__bar span{
    color:#86efac;
    font-weight:950;
    letter-spacing:.04em;
    text-transform:uppercase;
    font-size:12px;
}
.login-console__bar strong{
    background:#dcfce7;
    color:#065f46;
    border-radius:999px;
    padding:7px 10px;
    font-size:13px;
}
.login-console__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.login-console__tile{
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.1);
    border-radius:18px;
    padding:16px;
    min-height:116px;
}
.login-console__tile b{
    display:block;
    color:#fff;
    font-size:19px;
    margin-bottom:7px;
}
.login-console__tile span{
    color:#cfe0d6;
    line-height:1.45;
    font-size:15px;
}
.login-console__tile--wide{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:10px;
    min-height:auto;
}
.login-console__tile--wide div{
    background:rgba(255,255,255,.06);
    border-radius:14px;
    padding:12px;
}
.login-side-card{
    background:#fff;
    border:1px solid #d8efe1;
    border-radius:28px;
    padding:18px;
    display:flex;
    flex-direction:column;
    gap:14px;
}
.login-side-card img{
    display:block;
    width:100%;
    border-radius:20px;
    object-fit:cover;
}
.login-side-card__facts{
    display:grid;
    gap:10px;
}
.login-side-card__facts div{
    display:flex;
    justify-content:space-between;
    gap:10px;
    border-bottom:1px solid #dbeee3;
    padding-bottom:10px;
}
.login-side-card__facts span{
    color:#536170;
    font-weight:850;
}
.login-side-card__facts strong{
    color:#07110d;
    text-align:right;
}
.aml-radar{
    display:grid;
    grid-template-columns:320px 1fr;
    gap:18px;
    align-items:stretch;
}
.aml-center{
    grid-row:auto;
    background:
            linear-gradient(145deg,#07110d,#0f2a1d);
    color:#fff;
    border-radius:28px;
    min-height:auto;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    text-align:left;
    padding:28px;
}
.aml-center strong{
    display:block;
    color:#86efac;
    font-size:30px;
    margin-bottom:10px;
}
.aml-center p{
    margin:0;
    color:#d3e3da;
    line-height:1.6;
}
.aml-signal-wrap{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
@media(max-width:1080px){
    .login-start__workspace,
    .aml-radar{
        grid-template-columns:1fr;
    }
}
@media(max-width:720px){
    .login-start__top,
    .login-start__workspace{
        padding:24px 18px;
    }
    .login-console__grid,
    .login-console__tile--wide,
    .aml-signal-wrap{
        grid-template-columns:1fr;
    }
    .login-start{
        border-radius:24px;
    }
}

.login-side-card img{
    max-height:420px;
    object-fit:contain;
    background:#1f2128;
    padding:10px;
}
.safe-board{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:18px;
    align-items:stretch;
}
.safe-board__main{
    background:#07110d;
    color:#fff;
    border-radius:28px;
    padding:26px;
}
.safe-board__main span{
    display:inline-flex;
    border-radius:999px;
    background:#dcfce7;
    color:#047857;
    padding:7px 10px;
    font-weight:950;
    font-size:13px;
    margin-bottom:14px;
}
.safe-board__main h3{
    color:#fff;
    font-size:30px;
    line-height:1.12;
    margin:0 0 12px;
}
.safe-board__main p{
    color:#d3e3da;
    line-height:1.65;
    margin:0;
}
.safe-board__list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.safe-board__list div{
    background:#fff;
    border:1px solid #d8efe1;
    border-radius:22px;
    padding:18px;
}
.safe-board__list strong{
    display:block;
    color:#07110d;
    font-size:18px;
    margin-bottom:8px;
}
.safe-board__list p{
    margin:0;
    color:#536170;
    line-height:1.55;
}
@media(max-width:900px){
    .safe-board{
        grid-template-columns:1fr;
    }
}
@media(max-width:620px){
    .safe-board__list{
        grid-template-columns:1fr;
    }
}

.signup-page .article{overflow:hidden}
.signup-prime{border-radius:34px;overflow:hidden;background:#06110c;color:#fff}
.signup-prime__grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;min-height:520px}
.signup-prime__copy{padding:48px;background:linear-gradient(135deg,#07110d,#0b2016 56%,#09351f)}
.signup-prime__copy .h2{color:#fff;font-size:clamp(36px,4.4vw,62px);line-height:1;letter-spacing:-.05em;margin:0 0 18px;max-width:920px}
.signup-prime__copy p{color:#d8e7dd;font-size:17px;line-height:1.66;max-width:850px}
.signup-prime__pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#dcfce7;border-radius:999px;padding:8px 12px;font-weight:950;font-size:13px;margin-bottom:20px}
.signup-prime__nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.signup-prime__nav a{color:#fff;text-decoration:none;border-radius:999px;padding:10px 14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);font-weight:900}
.signup-prime__nav a:hover{background:#16a34a;border-color:#16a34a}
.signup-prime__panel{padding:30px;background:#f4fbf7;color:#07110d;display:flex;align-items:center}
.register-card{width:100%;background:#fff;border:1px solid #d8efe1;border-radius:30px;padding:24px;box-shadow:0 20px 42px rgba(17,23,34,.12)}
.register-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid #dcefe3;margin-bottom:18px}
.register-card__top span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#047857;font-weight:950}
.register-card__top strong{background:#dcfce7;color:#047857;border-radius:999px;padding:7px 10px;font-size:13px}
.register-fields{display:grid;gap:12px}
.register-field{border:1px solid #dcefe3;border-radius:18px;padding:15px 16px;background:#fbfffc}
.register-field b{display:block;color:#07110d;font-size:17px;margin-bottom:5px}
.register-field span{display:block;color:#536170;line-height:1.45;font-size:14px}
.register-card__footer{margin-top:16px;background:#07110d;color:#fff;border-radius:20px;padding:16px}
.register-card__footer strong{display:block;color:#86efac;margin-bottom:6px}
.register-card__footer p{margin:0;color:#d3e3da;line-height:1.5;font-size:14px}
.signup-section{margin-top:18px}
.signup-road{padding:42px 40px;border-radius:32px;background:#f8fbff}
.signup-road__head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:26px}
.signup-road__head .h2{max-width:520px;margin:0}
.signup-road__head p{max-width:620px;color:#536170;line-height:1.65;margin:0}
.road-line{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:stretch}
.road-step{position:relative;background:#fff;border:1px solid #d8efe1;border-radius:24px;padding:20px;min-height:205px}
.road-step:nth-child(even){transform:translateY(22px);background:#f0fdf4}
.road-step span{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:#16a34a;color:#fff;font-weight:950;margin-bottom:14px}
.road-step strong{display:block;color:#07110d;font-size:19px;margin-bottom:8px}
.road-step p{margin:0;color:#536170;line-height:1.55}
.signup-gate{border-radius:32px;overflow:hidden;background:#07110d;display:grid;grid-template-columns:360px 1fr}
.signup-gate__intro{padding:34px;color:#fff}
.signup-gate__intro span{display:inline-flex;background:#dcfce7;color:#047857;border-radius:999px;padding:8px 11px;font-weight:950;font-size:13px;margin-bottom:16px}
.signup-gate__intro .h2{color:#fff;margin-bottom:12px}
.signup-gate__intro p{color:#d3e3da;line-height:1.65}
.gate-checks{padding:28px;background:#f4fbf7;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gate-check{background:#fff;border:1px solid #d8efe1;border-radius:24px;padding:22px}
.gate-check b{display:block;color:#07110d;font-size:19px;margin-bottom:8px}
.gate-check p{margin:0;color:#536170;line-height:1.55}
.signup-match{padding:42px 40px;border-radius:32px;background:#fff}
.signup-match__head{max-width:980px;margin-bottom:24px}
.signup-match__head p{color:#536170;line-height:1.65;font-size:17px}
.match-table{display:grid;grid-template-columns:190px repeat(3,1fr);gap:1px;background:#d8efe1;border:1px solid #d8efe1;border-radius:28px;overflow:hidden}
.match-table__axis{background:#07110d;color:#86efac;font-weight:950;padding:22px;display:grid;place-items:center;text-align:center}
.match-table__axis--top{grid-column:2/-1}
.match-table__axis--side{grid-row:2/4;writing-mode:vertical-rl;transform:rotate(180deg)}
.match-table__cell{background:#fff;padding:22px;min-height:150px}
.match-table__cell:nth-child(odd){background:#f8fffb}
.match-table__cell strong{display:block;color:#07110d;font-size:19px;margin-bottom:8px}
.match-table__cell p{margin:0;color:#536170;line-height:1.55}
.signup-one{border-radius:32px;overflow:hidden;background:#07110d;color:#fff;display:grid;grid-template-columns:260px 1fr 1fr}
.signup-one__stamp{display:grid;place-items:center;text-align:center;background:#dcfce7;color:#047857;font-weight:950;letter-spacing:.08em;font-size:28px;line-height:1.05;padding:24px}
.signup-one__copy{padding:32px}
.signup-one__copy .h2{color:#fff;margin-top:0}
.signup-one__copy p{color:#d3e3da;line-height:1.65}
.signup-one__list{padding:24px;display:grid;gap:12px;background:#0b1d14}
.signup-one__list div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px}
.signup-one__list strong{display:block;color:#86efac;margin-bottom:6px}
.signup-one__list p{margin:0;color:#d3e3da;line-height:1.55}
.signup-offers{padding:42px 40px;border-radius:32px;background:#f5faf7}
.signup-offers__head{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:end;margin-bottom:24px}
.signup-offers__head span{background:#07110d;color:#86efac;border-radius:24px;padding:20px;font-weight:950;text-align:center}
.signup-offers__head p{color:#536170;line-height:1.65;margin:0;max-width:800px}
.offer-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.offer-card{background:#fff;border:1px solid #d8efe1;border-radius:28px;padding:24px;min-height:230px;display:flex;flex-direction:column}
.offer-card:nth-child(2){transform:translateY(18px)}
.offer-card em{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:#16a34a;color:#fff;font-style:normal;font-weight:950;margin-bottom:16px}
.offer-card strong{color:#07110d;font-size:22px;margin-bottom:10px}
.offer-card p{margin:0;color:#536170;line-height:1.58}
.signup-vault{display:grid;grid-template-columns:330px 1fr;gap:18px;padding:40px;border-radius:32px;background:#fff}
.vault-intro{background:#07110d;color:#fff;border-radius:30px;padding:26px;align-self:start;position:sticky;top:90px}
.vault-intro span{display:inline-flex;background:#dcfce7;color:#047857;border-radius:999px;padding:7px 10px;font-weight:950;font-size:13px;margin-bottom:14px}
.vault-intro .h2{color:#fff}
.vault-intro p{color:#d3e3da;line-height:1.65}
.vault-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vault-item{border:1px solid #d8efe1;background:linear-gradient(180deg,#f8fffb,#fff);border-radius:24px;padding:22px;position:relative;overflow:hidden}
.vault-item:after{content:"";position:absolute;right:18px;top:18px;width:32px;height:24px;border-radius:6px;background:#dcfce7;border:1px solid #bbf7d0}
.vault-item strong{display:block;color:#07110d;font-size:19px;margin-bottom:8px;max-width:82%}
.vault-item p{margin:0;color:#536170;line-height:1.55}
.signup-mistakes{padding:42px 40px;border-radius:32px;background:#f8fbff}
.signup-mistakes__head{max-width:940px;margin-bottom:24px}
.signup-mistakes__head p{color:#536170;line-height:1.65;font-size:17px}
.mistake-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mistake-side{border-radius:28px;padding:26px;border:1px solid #d8efe1;background:#fff}
.mistake-side--good{background:#ecfdf5}
.mistake-side span{display:inline-flex;border-radius:999px;background:#07110d;color:#fff;padding:8px 12px;font-weight:950;margin-bottom:14px}
.mistake-side ul{margin:0;padding-left:20px;color:#536170;line-height:1.85}
.signup-launch{padding:42px 40px;border-radius:32px;background:#07110d;color:#fff}
.signup-launch__head{max-width:940px;margin-bottom:24px}
.signup-launch__head span{display:inline-flex;background:#dcfce7;color:#047857;border-radius:999px;padding:8px 12px;font-weight:950;margin-bottom:14px}
.signup-launch__head .h2{color:#fff}
.signup-launch__head p{color:#d3e3da;line-height:1.65;font-size:17px}
.launch-list{display:grid;gap:12px}
.launch-item{display:grid;grid-template-columns:70px 220px 1fr;gap:18px;align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:16px}
.launch-item span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#16a34a;color:#fff;font-weight:950}
.launch-item strong{color:#86efac;font-size:19px}
.launch-item p{margin:0;color:#d3e3da;line-height:1.55}
.signup-alert{padding:40px;border-radius:32px;background:#ecfdf5}
.signup-alert__box{border:1px solid #bbf7d0;border-radius:26px;padding:24px;color:#166534;background:#fff}
.signup-alert__box strong{display:block;color:#065f46;font-size:24px;margin-bottom:10px}
.signup-alert__box p{margin:0;line-height:1.65}
.signup-faq{padding:42px 40px;border-radius:32px;background:#fff}
@media(max-width:1100px){
    .signup-prime__grid,
    .signup-gate,
    .signup-one,
    .signup-vault{grid-template-columns:1fr}
    .road-line{grid-template-columns:repeat(3,minmax(0,1fr))}
    .signup-offers__head{grid-template-columns:1fr}
    .vault-intro{position:static}
}
@media(max-width:760px){
    .signup-prime__copy,
    .signup-prime__panel,
    .signup-road,
    .signup-match,
    .signup-offers,
    .signup-vault,
    .signup-mistakes,
    .signup-launch,
    .signup-alert,
    .signup-faq{padding:24px 18px}
    .signup-prime,
    .signup-road,
    .signup-gate,
    .signup-match,
    .signup-one,
    .signup-offers,
    .signup-vault,
    .signup-mistakes,
    .signup-launch,
    .signup-alert,
    .signup-faq{border-radius:24px}
    .road-line,
    .gate-checks,
    .match-table,
    .offer-rail,
    .vault-grid,
    .mistake-split{grid-template-columns:1fr}
    .road-step:nth-child(even),
    .offer-card:nth-child(2){transform:none}
    .match-table__axis{writing-mode:horizontal-tb;transform:none;grid-column:auto;grid-row:auto}
    .launch-item{grid-template-columns:1fr}
}

.signup-verify{
    margin-top:18px;
    border-radius:32px;
    overflow:hidden;
    display:grid;
    grid-template-columns:330px 1fr;
    background:#07110d;
}
.verify-copy{
    padding:34px;
    color:#fff;
}
.verify-copy span{
    display:inline-flex;
    background:#dcfce7;
    color:#047857;
    border-radius:999px;
    padding:8px 11px;
    font-weight:950;
    font-size:13px;
    margin-bottom:16px;
}
.verify-copy .h2{
    color:#fff;
    margin-bottom:12px;
}
.verify-copy p{
    color:#d3e3da;
    line-height:1.65;
}
.verify-flow{
    background:#f4fbf7;
    padding:28px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.verify-flow div{
    background:#fff;
    border:1px solid #d8efe1;
    border-radius:24px;
    padding:22px;
}
.verify-flow strong{
    display:block;
    color:#07110d;
    font-size:19px;
    margin-bottom:8px;
}
.verify-flow p{
    margin:0;
    color:#536170;
    line-height:1.55;
}
@media(max-width:1100px){
    .signup-verify{
        grid-template-columns:1fr;
    }
}
@media(max-width:760px){
    .signup-verify{
        border-radius:24px;
    }
    .verify-copy,
    .verify-flow{
        padding:24px 18px;
    }
    .verify-flow{
        grid-template-columns:1fr;
    }
}