:root{
    --bg:#ffffff;
    --card:#f5f7fb;
    --text:#111827;
    --muted:#5d6b7f;
    --brand:#246bff;
    --brand-2:#6c5cff;
    --brand-red:#ff3155;
    --brand-dark:#111827;
    --brand-soft:#edf5ff;
    --border:rgba(10,12,14,.09);
    --maxw:1200px;
}

*{box-sizing:border-box}

html,body{
    margin:0;
    padding:0;
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    background:var(--bg);
    color:var(--text);
    font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
}

a{color:inherit;text-decoration:none}
img,svg,video,canvas{max-width:100%;height:auto}
img{display:block}

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

.sb-topbar{
    position:sticky;
    top:0;
    z-index:1000;
    background:#101521;
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#e9eef7;
}

.sb-row{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:18px;
    min-height:80px;
}

.sb-brand{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#fff;
}

.sb-brand__logo{
    display:block;
    width:auto;
    height:34px;
    max-width:185px;
}

.sb-center{
    display:flex;
    justify-self:center;
    gap:20px;
    align-items:center;
}

.sb-link{
    padding:10px 6px;
    border-radius:10px;
    color:#d7dbe3;
    font-weight:700;
    font-size:14px;
    transition:color .15s ease;
}

.sb-link:hover,
.sb-link:focus-visible,
.sb-link.is-active,
.sb-link[aria-current="page"]{
    color:#5ea2ff;
}

.sb-actions{
    display:flex;
    align-items:center;
    gap:12px;
    justify-self:end;
}

.sb-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:10px 16px;
    border-radius:12px;
    font-weight:800;
    border:1px solid rgba(255,255,255,.12);
    background:transparent;
    color:#e9eef7;
    cursor:pointer;
    text-decoration:none;
    line-height:1;
}

.sb-btn--brand{
    background:linear-gradient(135deg,var(--brand-red),#ff5b77);
    border-color:transparent;
    color:#fff;
    box-shadow:0 10px 22px rgba(255,49,85,.22);
}

.sb-btn--brand:hover{
    filter:brightness(.97);
    transform:translateY(-1px);
}

.sb-btn--ghost:hover{
    background:#171e2d;
}

.sb-btn--xl{
    width:100%;
    min-height:52px;
    padding:14px 18px;
    border-radius:16px;
    font-size:16px;
}

.sb-lang{position:relative}

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

.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:900;
    letter-spacing:.02em;
    line-height:1;
}

.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-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:900;
    line-height:1;
}

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

.sb-burger{
    display:none;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.14);
    background:#141c2b;
    position:relative;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
}

.sb-burger span{
    position:absolute;
    display:block;
    width:24px;
    height:3px;
    background:#fff;
    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)}

.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:1200;
}

.sb-sheet.open{
    display:block;
    opacity:1;
    pointer-events:auto;
}

.sb-sheet__panel{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:min(400px,94vw);
    max-width:100vw;
    display:flex;
    flex-direction:column;
    background:#14171d;
    color:#fff;
    border-left:1px solid rgba(255,255,255,.08);
    overflow-y: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:18px 18px 14px;
    border-bottom:1px solid rgba(255,255,255,.08);
    position:sticky;
    top:0;
    background:#14171d;
}

.sb-sheet__brandlogo{
    display:block;
    height:30px;
    width:auto;
    max-width:170px;
}

.sb-sheet__close{
    width:36px;
    height:36px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:10px;
    background:transparent;
    position:relative;
    cursor:pointer;
}

.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;
    align-items:center;
    padding:10px 14px 12px;
    gap:4px;
}

.sb-sheet__item{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    text-align:center;
    padding:14px 12px;
    border-radius:12px;
    color:#d0d6e2;
    font-weight:800;
}

.sb-sheet__item:hover,
.sb-sheet__item.is-active{
    background:#202938;
    color:#5ea2ff;
}

.sb-sheet__lang{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:14px;
    border-top:1px solid rgba(255,255,255,.08);
    margin-top:auto;
}

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

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

.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{
    width:100%;
    max-width:320px;
    margin:10px auto 0;
    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:center;
    gap:7px;
    padding:0 8px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.08);
    background:#18202b;
    color:#fff;
    font-weight:900;
    font-size:13px;
    line-height:1;
}

.sb-mobile-lang__item:hover{
    background:#202938;
    border-color:rgba(94,162,255,.42);
}

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

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

.hero,
.hero--banner,
.hero--banner .wrap,
.hero__media{
    background:#05080d;
}

.hero--banner .wrap{
    max-width:none;
    padding:0;
}

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

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

.hero__veil{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(4,9,20,.68),rgba(4,9,20,.34),rgba(4,9,20,.52));
}

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

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

.review{
    background:#eef3f8;
}

.review .wrap{
    padding:28px 16px;
}

.card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:14px;
    box-shadow:0 4px 24px rgba(15,23,42,.04);
}

.article{
    padding:24px;
}

.h2{
    font-size:28px;
    line-height:1.2;
    margin:6px 0 16px;
    color:#0b1320;
}

.h3{
    font-size:20px;
    margin:18px 0 10px;
    color:#0b1320;
}

p{
    color:#263142;
}

ul,ol{
    color:#263142;
}

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

.link-accent:hover{
    filter:brightness(1.08);
}

.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;
}

.two-col--mediaRight{
    grid-template-columns:0.95fr 1.05fr;
}

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

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

.mockimg{
    width:100%;
    max-width:720px;
    height:auto;
    border-radius:10px;
    display:block;
    box-shadow:0 10px 26px rgba(15,23,42,.08);
}

.ctable{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    border:1px solid #d6dee9;
    background:#fff;
    border-radius:8px;
    overflow:hidden;
}

.ctable th,
.ctable td{
    padding:14px 16px;
    border-top:1px solid #d6dee9;
    border-right:1px solid #d6dee9;
    vertical-align:top;
    font-size:15px;
    line-height:1.55;
    text-align:left;
}

.ctable tr:first-child th,
.ctable tr:first-child td{
    border-top:0;
}

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

.ctable tr th:last-child,
.ctable tr td:last-child{
    border-right:0;
}

.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:900;
}

.proscons tbody td{
    width:50%;
}

.proscons thead th+th,
.proscons tbody td+td{
    border-left:1px solid #d6dee9;
}

.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);
    transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.feature-card:hover{
    transform:translateY(-2px);
    border-color:#b8cff7;
    box-shadow:0 10px 28px rgba(36,107,255,.1);
}

.feature-icon{
    width:46px;
    height:46px;
    border-radius:14px;
    display:grid;
    place-items:center;
    background:#edf5ff;
    color:#0b57db;
    border:1px solid #cfe2ff;
    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;
}

.review-facts,
.ms-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:900;
    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-cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

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

.bonus-card__step{
    display:inline-flex;
    padding:6px 10px;
    border-radius:999px;
    background:#edf5ff;
    color:#174cc4;
    font-size:12px;
    font-weight:950;
    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:800;
}

.cta-panel{
    display:grid;
    grid-template-columns:1fr auto;
    gap:18px;
    align-items:center;
    background:linear-gradient(135deg,#111827,#1b2440);
    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(36,107,255,.28),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;
}

#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;
}

#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:900;
    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;
}

#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;
}

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

#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;
    margin-top:0;
}

.ms-home-intro{
    padding:42px 40px 32px;
    margin:-24px -24px 24px;
    background:
            radial-gradient(circle at 12% 15%,rgba(36,107,255,.18),transparent 34%),
            radial-gradient(circle at 90% 18%,rgba(108,92,255,.13),transparent 30%),
            linear-gradient(135deg,#fff,#f7fbff 58%,#edf5ff);
    border-bottom:1px solid #d9e4ef;
    border-radius:14px 14px 0 0;
}

.ms-home-intro__grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(370px,.92fr);
    gap:34px;
    align-items:center;
}

.ms-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border-radius:999px;
    background:#111827;
    color:#fff;
    font-weight:950;
    font-size:13px;
    margin-bottom:16px;
}

.ms-kicker::before{
    content:"";
    width:9px;
    height:9px;
    border-radius:50%;
    background:#5ea2ff;
    box-shadow:0 0 0 5px rgba(94,162,255,.18);
}

.ms-home-intro .h2{
    margin-top:0;
    font-size:36px;
    line-height:1.08;
    letter-spacing:-.025em;
}

.ms-home-intro p{
    font-size:17px;
    color:#2d394c;
}

.ms-intro-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:22px;
}

.ms-outline-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:10px 16px;
    border-radius:12px;
    border:1px solid #c6d6ef;
    background:#fff;
    color:#174cc4;
    font-weight:900;
}

.ms-outline-btn:hover{
    border-color:#5ea2ff;
    box-shadow:0 8px 20px rgba(36,107,255,.11);
}

.ms-home-card{
    background:#101722;
    border:1px solid #223044;
    border-radius:24px;
    padding:16px;
    box-shadow:0 22px 50px rgba(15,23,42,.18);
    color:#fff;
}

.ms-home-card__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:2px 2px 14px;
}

.ms-home-card__top img{
    height:32px;
    width:auto;
    max-width:165px;
}

.ms-home-card__top span{
    display:inline-flex;
    border-radius:999px;
    padding:7px 10px;
    background:rgba(94,162,255,.14);
    color:#cfe2ff;
    border:1px solid rgba(94,162,255,.28);
    font-size:12px;
    font-weight:900;
}

.ms-home-card__media{
    border-radius:16px;
    overflow:hidden;
    background:#0b0f16;
}

.ms-home-card__media img{
    width:100%;
    border-radius:16px;
}

.ms-home-card__list{
    display:grid;
    gap:10px;
    margin-top:14px;
}

.ms-home-card__list div{
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.07);
    border-radius:14px;
    padding:12px;
}

.ms-home-card__list strong{
    display:block;
    color:#fff;
    margin-bottom:4px;
}

.ms-home-card__list span{
    color:#c6d1de;
    font-size:14px;
    line-height:1.45;
}

.ms-bonus-zone{
    padding:28px;
    border-radius:24px;
    background:
            radial-gradient(circle at 12% 18%,rgba(36,107,255,.12),transparent 32%),
            linear-gradient(135deg,#f8fbff,#edf5ff);
    border:1px solid #d7e2ed;
}

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

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

.ms-account-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-top:18px;
}

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

.ms-account-card span{
    display:inline-flex;
    padding:6px 10px;
    border-radius:999px;
    background:#edf5ff;
    color:#174cc4;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.ms-account-card h3{
    margin:15px 0 8px;
    color:#0b1320;
    font-size:22px;
}

.ms-account-card p{
    color:#536176;
    margin:0 0 14px;
}

.ms-account-card a{
    color:var(--brand);
    font-weight:900;
    text-decoration:underline;
    text-underline-offset:3px;
}

.ms-author{
    display:grid;
    grid-template-columns:84px 1fr;
    gap:22px;
    align-items:center;
    background:#f8fbff;
    border:1px solid #d7e2ed;
    border-radius:22px;
    padding:24px;
}

.ms-author .h2{
    text-align:left;
    margin-top:0;
}

.ms-author__mark{
    width:84px;
    height:84px;
    border-radius:24px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,var(--brand),var(--brand-2));
    color:#fff;
    font-size:28px;
    font-weight:950;
    box-shadow:0 12px 28px rgba(36,107,255,.2);
}

.ms-author__meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:12px;
}

.ms-author__meta span{
    display:inline-flex;
    padding:7px 10px;
    border-radius:999px;
    background:#fff;
    border:1px solid #d6dee9;
    color:#3f4d63;
    font-size:13px;
    font-weight:800;
}

.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:700;
    opacity:.92;
    transition:color .15s ease, opacity .15s ease;
}

.site-footer__nav a:hover{
    color:#5ea2ff;
    opacity:1;
}

.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;
    background:#fff;
    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--aware img{
    max-height:256px;
}

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

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

.rg-badge--age{
    color:#fff;
    background:var(--brand-red);
    min-width:54px;
}

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

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

@media (max-width:1200px){
    .subsec.two-col,
    .subsec.two-col.two-col--mediaRight,
    .subsec.two-col.two-col--vcenter{
        display:flex;
        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__text{
        order:2;
    }
}

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

    .sb-burger{
        display:flex;
    }

    .sb-topbar .sb-actions .sb-lang{
        display:none;
    }

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

    .sb-brand__logo{
        height:30px;
        max-width:155px;
    }

    .review-facts,
    .ms-facts{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .feature-grid,
    .bonus-cards,
    .ms-account-grid{
        grid-template-columns:1fr 1fr;
    }

    .ms-home-intro{
        padding:30px 22px 24px;
    }

    .ms-home-intro__grid{
        grid-template-columns:1fr;
    }

    .ms-home-card{
        max-width:560px;
        margin:0 auto;
    }

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

    .cta-panel{
        grid-template-columns:1fr;
    }
}

@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:12px;
    }

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

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

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

@media (max-width:720px){
    .ctable th,
    .ctable td{
        display:block;
        width:100%;
        border-right:0;
    }

    .ctable th{
        border-bottom:1px solid #d6dee9;
    }

    .proscons thead{
        display:none;
    }

    .proscons,
    .proscons tbody,
    .proscons tr,
    .proscons td{
        display:block;
        width:100%;
    }

    .proscons tbody td+td{
        border-left:0;
    }

    .proscons td:first-child:before{
        content:"Pros";
        display:block;
        color:#174cc4;
        font-weight:950;
        margin-bottom:6px;
    }

    .proscons td:last-child:before{
        content:"Cons";
        display:block;
        color:#ff3155;
        font-weight:950;
        margin-bottom:6px;
    }

    .ms-author{
        grid-template-columns:1fr;
        text-align:center;
    }

    .ms-author__mark{
        margin:0 auto;
    }

    .ms-author .h2{
        text-align:center;
    }

    .ms-author__meta{
        justify-content:center;
    }
}

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

    .review .wrap{
        padding:20px 12px;
    }

    .article{
        padding:18px;
    }

    .hero__media{
        height:150px;
        min-height:150px;
    }

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

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

    .review-facts,
    .ms-facts,
    .feature-grid,
    .bonus-cards,
    .ms-account-grid{
        grid-template-columns:1fr;
    }

    .review-fact{
        padding:16px;
    }

    .bonus-card{
        padding:18px;
    }

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

    .ms-home-intro{
        margin:-18px -18px 20px;
        padding:24px 18px;
    }

    .ms-home-intro .h2{
        font-size:29px;
    }

    .ms-home-intro p{
        font-size:16px;
    }

    .ms-intro-actions{
        flex-direction:column;
    }

    .ms-intro-actions .sb-btn,
    .ms-outline-btn{
        width:100%;
    }

    .ms-bonus-zone{
        padding:20px 16px;
        border-radius:20px;
    }

    #faq details{
        border-radius:12px;
    }

    #faq summary{
        padding:16px 18px;
    }

    #faq .article-continue{
        padding:14px 18px 18px;
    }
}

@media (max-width:480px){
    .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;
    }

    .site-footer__wrap{
        padding:28px 12px 24px;
    }

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

    .site-footer__help{
        gap:10px;
    }

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

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


:root{
    --bg:#1d1a25;
    --card:#222631;
    --text:#f1e9ee;
    --muted:#a7a9b5;
    --brand:#01aaea;
    --brand-2:#5f2bff;
    --brand-red:#ff174d;
    --brand-dark:#151720;
    --brand-soft:#202837;
    --border:rgba(255,255,255,.08);
    --maxw:1200px;
}

html,
body{
    background:#1d1a25;
    color:#f1e9ee;
}

body{
    background:
            radial-gradient(circle at 16% 0%,rgba(1,170,234,.10),transparent 32%),
            radial-gradient(circle at 84% 10%,rgba(111,36,255,.11),transparent 34%),
            #1d1a25;
}

p,
ul,
ol,
.article-continue .introtext,
.cta-panel p,
.feature-card p,
.bonus-card p,
.ms-account-card p,
.review-fact p,
.ms-bonus-zone__head p{
    color:#b8bcc9;
}

.h2,
.h3,
.feature-card h3,
.bonus-card h3,
.ms-account-card h3,
.cta-panel h2{
    color:#fff;
}

.sb-topbar{
    background:#1b1a22;
    border-bottom:1px solid rgba(255,255,255,.06);
    box-shadow:none;
}

.sb-row{
    min-height:78px;
}

.sb-link{
    color:#fff;
    text-shadow:0 2px 3px rgba(0,0,0,.85);
}

.sb-link:hover,
.sb-link:focus-visible,
.sb-link.is-active,
.sb-link[aria-current="page"]{
    color:#00aeea;
}

.sb-btn{
    border-radius:5px;
    min-height:38px;
    padding:9px 17px;
}

.sb-btn--brand{
    background:#ff174d;
    color:#fff;
    border-color:#ff174d;
    box-shadow:none;
}

.sb-btn--brand:hover{
    background:#f01448;
    border-color:#f01448;
    transform:none;
    filter:none;
}

.ms-home-intro .sb-btn--brand,
.ms-bonus-zone .sb-btn--brand,
.cta-panel .sb-btn--brand,
.sb-sheet__ftr .sb-btn--brand{
    background:#01aaea;
    border-color:#01aaea;
    color:#fff;
    box-shadow:none;
}

.ms-home-intro .sb-btn--brand:hover,
.ms-bonus-zone .sb-btn--brand:hover,
.cta-panel .sb-btn--brand:hover,
.sb-sheet__ftr .sb-btn--brand:hover{
    background:#059bd4;
    border-color:#059bd4;
}

.sb-langbtn{
    background:transparent;
    border-color:transparent;
    min-width:auto;
    color:#fff;
}

.sb-langbtn:hover{
    background:rgba(255,255,255,.04);
}

.sb-lang-code{
    color:#fff;
}

.geo-flag{
    box-shadow:none;
    background:transparent;
}

.sb-langmenu{
    background:#25242d;
    border-color:#33323e;
    box-shadow:0 18px 42px rgba(0,0,0,.42);
}

.sb-langmenu a:hover{
    background:#30303b;
    color:#01aaea;
}

.sb-burger{
    background:#25242d;
    border-color:#33323e;
}

.sb-sheet__panel,
.sb-sheet__hdr,
.sb-sheet__ftr{
    background:#1b1a22;
}

.sb-sheet__panel{
    border-left:1px solid rgba(255,255,255,.08);
}

.sb-sheet__item:hover,
.sb-sheet__item.is-active{
    background:#25242d;
    color:#01aaea;
}

.sb-mobile-lang__btn,
.sb-mobile-lang__item{
    background:#25242d;
    border-color:#33323e;
}

.sb-mobile-lang__item:hover{
    background:#30303b;
    border-color:#01aaea;
}

.hero,
.hero--banner,
.hero--banner .wrap,
.hero__media{
    background:#1d1a25;
}

.hero__media{
    border-bottom:1px solid rgba(255,255,255,.05);
}

.hero__veil{
    background:linear-gradient(90deg,rgba(10,9,18,.36),rgba(10,9,18,.12),rgba(10,9,18,.34));
}

.hero--banner .hero__title{
    color:#fff;
    text-shadow:0 3px 12px rgba(0,0,0,.9);
}

.review{
    background:#1d1a25;
}

.card,
.article{
    background:#20222c;
    border-color:rgba(255,255,255,.07);
    box-shadow:none;
}

.ms-home-intro{
    background:
            radial-gradient(circle at 14% 15%,rgba(1,170,234,.18),transparent 34%),
            radial-gradient(circle at 88% 18%,rgba(111,36,255,.24),transparent 30%),
            linear-gradient(135deg,#20222c,#1d1a25 58%,#20222c);
    border-bottom:1px solid rgba(255,255,255,.07);
}

.ms-kicker{
    background:#25242d;
    color:#01aaea;
    border:1px solid rgba(1,170,234,.28);
}

.ms-kicker::before{
    background:#01aaea;
    box-shadow:0 0 0 5px rgba(1,170,234,.15);
}

.ms-home-intro p{
    color:#c8cbd4;
}

.ms-outline-btn{
    background:#fff;
    color:#171923;
    border-color:#fff;
    border-radius:5px;
}

.ms-outline-btn:hover{
    border-color:#fff;
    box-shadow:none;
    background:#f1f1f4;
}

.ms-home-card{
    background:#1b1a22;
    border-color:#343340;
    box-shadow:0 16px 42px rgba(0,0,0,.28);
}

.ms-home-card__top span{
    background:#ff174d;
    border-color:#ff174d;
    color:#fff;
}

.ms-home-card__media{
    background:#11131b;
}

.ms-home-card__list div{
    background:#232630;
    border-color:#343744;
}

.ms-home-card__list span{
    color:#b9bdc8;
}

.review-fact,
.feature-card,
.bonus-card,
.ms-account-card,
.cta-panel,
.ms-author,
.ctable,
.proscons,
#faq details{
    background:#222631;
    border-color:rgba(255,255,255,.08);
    box-shadow:none;
}

.review-fact:hover,
.feature-card:hover,
.bonus-card:hover,
.ms-account-card:hover{
    border-color:rgba(1,170,234,.45);
    box-shadow:0 0 0 1px rgba(1,170,234,.08),0 18px 36px rgba(0,0,0,.18);
}

.review-fact__label{
    color:#01aaea;
}

.review-fact strong{
    color:#fff;
}

.feature-icon{
    background:#171d29;
    border-color:rgba(1,170,234,.38);
    color:#01aaea;
}

.feature-card:hover{
    transform:translateY(-2px);
}

.ms-bonus-zone{
    background:
            radial-gradient(circle at 16% 12%,rgba(1,170,234,.12),transparent 34%),
            radial-gradient(circle at 86% 16%,rgba(255,23,77,.10),transparent 30%),
            #20222c;
    border-color:rgba(255,255,255,.08);
}

.bonus-card__step,
.ms-account-card span{
    background:#171d29;
    color:#01aaea;
    border:1px solid rgba(1,170,234,.28);
}

.bonus-card__meta span,
.ms-author__meta span{
    background:#1b1f2a;
    border-color:rgba(255,255,255,.08);
    color:#c9cdd8;
}

.ctable th,
.ctable td,
.proscons th,
.proscons td{
    border-color:rgba(255,255,255,.08);
}

.ctable th,
.proscons thead th{
    background:#1b1f2a;
    color:#fff;
}

.ctable td,
.proscons td{
    color:#c8cbd4;
}

.mockimg{
    box-shadow:none;
    border:1px solid rgba(255,255,255,.08);
}

.link-accent,
.subsec p a.link-accent,
.steps a.link-accent,
.ms-account-card a{
    color:#01aaea;
    text-decoration-color:rgba(1,170,234,.55);
}

.cta-panel{
    background:
            radial-gradient(circle at 92% 0%,rgba(1,170,234,.18),transparent 34%),
            linear-gradient(135deg,#222631,#1b1a22);
}

.cta-panel:before{
    background:radial-gradient(circle,rgba(1,170,234,.22),transparent 62%);
}

#faq .article-continue{
    background:#222631;
    border-top-color:rgba(255,255,255,.08);
    color:#c8cbd4;
}

#faq summary{
    color:#fff;
}

.ms-author__mark{
    background:linear-gradient(135deg,#01aaea,#5f2bff);
    box-shadow:none;
}

.site-footer{
    background:#16161d;
    border-top-color:rgba(255,255,255,.06);
}

.site-footer__text,
.site-footer__nav a,
.site-footer__bottom{
    color:#b8bcc9;
}

.site-footer__nav a:hover{
    color:#01aaea;
}

.site-footer__help{
    background:#1d1f29;
    border-color:rgba(255,255,255,.08);
}

.rg-logo{
    background:#fff;
}

.rg-badge--age{
    background:#ff174d;
    color:#fff;
}

@media (max-width:640px){
    .hero__veil{
        background:linear-gradient(90deg,rgba(10,9,18,.45),rgba(10,9,18,.16),rgba(10,9,18,.45));
    }
}


html,
body{
    background:#1b1a22 !important;
    color:#f6f7fb !important;
}

body{
    background:#1b1a22 !important;
}

.sb-topbar{
    background:#1b1a22 !important;
    border-bottom:1px solid #2a2b35 !important;
    box-shadow:none !important;
}

.sb-row{
    min-height:78px !important;
}

.sb-link{
    color:#ffffff !important;
    font-weight:900 !important;
}

.sb-link:hover,
.sb-link:focus-visible,
.sb-link.is-active,
.sb-link[aria-current="page"]{
    color:#01aaea !important;
}

.sb-btn--brand,
.ms-home-intro .sb-btn--brand,
.ms-bonus-zone .sb-btn--brand,
.cta-panel .sb-btn--brand,
.sb-sheet__ftr .sb-btn--brand{
    background:#01aaea !important;
    border-color:#01aaea !important;
    color:#fff !important;
    box-shadow:none !important;
    border-radius:7px !important;
}

.sb-btn--brand:hover,
.ms-home-intro .sb-btn--brand:hover,
.ms-bonus-zone .sb-btn--brand:hover,
.cta-panel .sb-btn--brand:hover,
.sb-sheet__ftr .sb-btn--brand:hover{
    background:#079bd4 !important;
    border-color:#079bd4 !important;
    color:#fff !important;
    transform:none !important;
    filter:none !important;
}

.sb-btn--ghost,
.sb-langbtn{
    background:#252733 !important;
    border:1px solid #3a3d4c !important;
    color:#fff !important;
    border-radius:12px !important;
}

.sb-langbtn:hover,
.sb-btn--ghost:hover{
    background:#303241 !important;
}

.sb-langmenu,
.sb-mobile-lang__menu{
    background:#242631 !important;
    border-color:#373a49 !important;
}

.sb-langmenu a:hover,
.sb-mobile-lang__item:hover{
    background:#303241 !important;
    color:#01aaea !important;
}

.sb-burger,
.sb-mobile-lang__btn,
.sb-mobile-lang__item{
    background:#252733 !important;
    border-color:#3a3d4c !important;
}

.sb-sheet,
.sb-sheet__panel,
.sb-sheet__hdr,
.sb-sheet__ftr{
    background:#1b1a22 !important;
}

.sb-sheet__item:hover,
.sb-sheet__item.is-active{
    background:#252733 !important;
    color:#01aaea !important;
}

.hero,
.hero--banner,
.hero--banner .wrap,
.hero__media{
    background:#1b1a22 !important;
}

.hero__media{
    height:min(31vw,340px) !important;
    min-height:230px !important;
    border-bottom:1px solid #2a2b35 !important;
}

.hero__img{
    opacity:1 !important;
}

.hero__veil{
    background:linear-gradient(90deg,rgba(20,20,30,.45),rgba(20,20,30,.10),rgba(20,20,30,.45)) !important;
}

.review{
    background:#1b1a22 !important;
}

.card,
.article{
    background:#20222c !important;
    border-color:#303442 !important;
    box-shadow:none !important;
}

.ms-home-intro{
    background:
            radial-gradient(circle at 10% 10%,rgba(1,170,234,.17),transparent 34%),
            radial-gradient(circle at 86% 8%,rgba(115,44,255,.18),transparent 30%),
            linear-gradient(135deg,#222631,#1f212b 58%,#20222c) !important;
    border-bottom:1px solid #303442 !important;
}

.ms-home-intro .h2,
.h2,
.h3,
.feature-card h3,
.bonus-card h3,
.ms-account-card h3,
.cta-panel h2,
.review-fact strong,
#faq summary{
    color:#fff !important;
}

.ms-home-intro p,
p,
.article-continue .introtext,
.feature-card p,
.bonus-card p,
.ms-account-card p,
.review-fact p,
.ms-bonus-zone__head p,
.cta-panel p,
ul,
ol{
    color:#c0c4d1 !important;
}

.ms-kicker{
    background:#252733 !important;
    border:1px solid rgba(1,170,234,.35) !important;
    color:#01aaea !important;
    box-shadow:none !important;
}

.ms-kicker:before{
    background:#01aaea !important;
    box-shadow:0 0 0 5px rgba(1,170,234,.16) !important;
}

.ms-outline-btn{
    background:#252733 !important;
    color:#fff !important;
    border:1px solid #3a3d4c !important;
    border-radius:7px !important;
    box-shadow:none !important;
}

.ms-outline-btn:hover{
    background:#303241 !important;
    border-color:#01aaea !important;
    color:#01aaea !important;
}

.ms-home-card{
    background:#161b25 !important;
    border:1px solid #303442 !important;
    box-shadow:none !important;
}

.ms-home-card__top span{
    background:#01aaea !important;
    border-color:#01aaea !important;
    color:#fff !important;
}

.ms-home-card__media{
    min-height:150px !important;
    background:
            radial-gradient(circle at 22% 32%,rgba(1,170,234,.34),transparent 30%),
            radial-gradient(circle at 78% 28%,rgba(115,44,255,.32),transparent 32%),
            linear-gradient(135deg,#20222c,#151923) !important;
    border:1px solid #303442 !important;
    border-radius:16px !important;
}

.ms-home-card__media img{
    display:none !important;
}

.ms-home-card__list div,
.review-fact,
.feature-card,
.bonus-card,
.ms-account-card,
.ctable,
.proscons,
#faq details,
.ms-author{
    background:#222631 !important;
    border-color:#343846 !important;
    box-shadow:none !important;
}

.review-fact:hover,
.feature-card:hover,
.bonus-card:hover,
.ms-account-card:hover{
    border-color:#01aaea !important;
    box-shadow:0 0 0 1px rgba(1,170,234,.13) !important;
}

.review-fact__label,
.link-accent,
.subsec p a.link-accent,
.steps a.link-accent,
.ms-account-card a{
    color:#01aaea !important;
    text-decoration-color:rgba(1,170,234,.55) !important;
}

.feature-icon,
.bonus-card__step,
.ms-account-card span{
    background:#1b1f2b !important;
    color:#01aaea !important;
    border:1px solid rgba(1,170,234,.35) !important;
}

.bonus-card__meta span,
.ms-author__meta span{
    background:#1b1f2b !important;
    border-color:#343846 !important;
    color:#d6d9e3 !important;
}

.ms-bonus-zone{
    background:
            radial-gradient(circle at 12% 10%,rgba(1,170,234,.13),transparent 34%),
            radial-gradient(circle at 88% 12%,rgba(115,44,255,.14),transparent 30%),
            #20222c !important;
    border-color:#343846 !important;
}

.ctable th,
.ctable td,
.proscons th,
.proscons td{
    border-color:#343846 !important;
}

.ctable th,
.proscons thead th{
    background:#1b1f2b !important;
    color:#fff !important;
}

.ctable td,
.proscons td{
    background:#222631 !important;
    color:#c0c4d1 !important;
}

.cta-panel{
    background:
            radial-gradient(circle at 88% 0%,rgba(1,170,234,.22),transparent 34%),
            linear-gradient(135deg,#222631,#1b1a22) !important;
    border-color:#343846 !important;
}

#faq .article-continue{
    background:#222631 !important;
    border-top-color:#343846 !important;
    color:#c0c4d1 !important;
}

.ms-author__mark{
    background:linear-gradient(135deg,#01aaea,#6b31ff) !important;
    box-shadow:none !important;
}

.site-footer{
    background:#16161d !important;
    border-top-color:#2a2b35 !important;
}

.site-footer__help{
    background:#20222c !important;
    border-color:#343846 !important;
}

.site-footer__text,
.site-footer__nav a,
.site-footer__bottom{
    color:#b8bcc9 !important;
}

.site-footer__nav a:hover{
    color:#01aaea !important;
}

.rg-badge--age{
    background:#01aaea !important;
    color:#fff !important;
}

.ms-wordmark{
    display:inline-flex !important;
    align-items:center !important;
    color:#fff !important;
    font-size:22px !important;
    font-weight:950 !important;
    letter-spacing:-.03em !important;
    line-height:1 !important;
}

.ms-wordmark span{
    color:#73b7ff !important;
    font-size:42px !important;
    font-family:Georgia,serif !important;
    font-style:italic !important;
    line-height:.75 !important;
    margin-right:2px !important;
}

.sb-sheet__brandlogo.ms-wordmark{
    height:auto !important;
    max-width:none !important;
    font-size:24px !important;
}

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


html,
body{
    background:#ffffff !important;
    color:#172033 !important;
    font-family:"Manrope",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-size:16px !important;
    line-height:1.7 !important;
    letter-spacing:-.01em !important;
}

body{
    background:#ffffff !important;
}

p,
ul,
ol,
.article-continue .introtext,
.feature-card p,
.bonus-card p,
.ms-account-card p,
.review-fact p,
.ms-bonus-zone__head p{
    color:#405069 !important;
}

.h2,
.h3,
.feature-card h3,
.bonus-card h3,
.ms-account-card h3,
.review-fact strong{
    color:#111827 !important;
    letter-spacing:-.035em !important;
}

.sb-topbar{
    background:#151720 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.sb-link{
    color:#ffffff !important;
    font-weight:800 !important;
    letter-spacing:-.02em !important;
}

.sb-link:hover,
.sb-link:focus-visible,
.sb-link.is-active,
.sb-link[aria-current="page"]{
    color:#01aaea !important;
}

.sb-btn,
.ms-outline-btn{
    font-family:"Manrope",Inter,system-ui,sans-serif !important;
    font-weight:900 !important;
    letter-spacing:-.02em !important;
}

.sb-btn--brand,
.ms-home-intro .sb-btn--brand,
.ms-bonus-zone .sb-btn--brand,
.cta-panel .sb-btn--brand,
.sb-sheet__ftr .sb-btn--brand{
    background:#01aaea !important;
    border-color:#01aaea !important;
    color:#fff !important;
    box-shadow:0 12px 24px rgba(1,170,234,.22) !important;
    border-radius:9px !important;
}

.sb-btn--brand:hover,
.ms-home-intro .sb-btn--brand:hover,
.ms-bonus-zone .sb-btn--brand:hover,
.cta-panel .sb-btn--brand:hover,
.sb-sheet__ftr .sb-btn--brand:hover{
    background:#079bd4 !important;
    border-color:#079bd4 !important;
    color:#fff !important;
    box-shadow:0 14px 28px rgba(1,170,234,.24) !important;
}

.sb-btn--ghost,
.sb-langbtn{
    background:#202432 !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#fff !important;
}

.sb-langmenu{
    background:#ffffff !important;
    border:1px solid #d9e3f0 !important;
    box-shadow:0 18px 42px rgba(15,23,42,.14) !important;
}

.sb-langmenu a{
    color:#172033 !important;
}

.sb-langmenu a:hover{
    background:#eef7fd !important;
    color:#01aaea !important;
}

.sb-mobile-lang__btn,
.sb-mobile-lang__item{
    background:#202432 !important;
    border-color:rgba(255,255,255,.12) !important;
}

.sb-sheet,
.sb-sheet__panel,
.sb-sheet__hdr,
.sb-sheet__ftr{
    background:#151720 !important;
}

.sb-sheet__item:hover,
.sb-sheet__item.is-active{
    background:#202432 !important;
    color:#01aaea !important;
}

.hero,
.hero--banner,
.hero--banner .wrap,
.hero__media{
    background:#080c14 !important;
}

.review{
    background:#ffffff !important;
}

.review .wrap{
    padding-top:28px !important;
}

.card,
.article{
    background:#ffffff !important;
    border-color:#dfe7f2 !important;
    box-shadow:0 12px 36px rgba(15,23,42,.06) !important;
}

.ms-home-intro{
    background:
            radial-gradient(circle at 12% 10%,rgba(1,170,234,.13),transparent 32%),
            radial-gradient(circle at 86% 8%,rgba(99,91,255,.10),transparent 32%),
            linear-gradient(135deg,#ffffff,#f7fbff 58%,#eef7fd) !important;
    border-bottom:1px solid #dfe7f2 !important;
}

.ms-home-intro .h2{
    color:#071426 !important;
    font-weight:900 !important;
}

.ms-home-intro p{
    color:#34445f !important;
}

.ms-kicker{
    background:#101827 !important;
    color:#ffffff !important;
    border:1px solid #101827 !important;
}

.ms-kicker:before{
    background:#01aaea !important;
    box-shadow:0 0 0 5px rgba(1,170,234,.18) !important;
}

.ms-outline-btn{
    background:#ffffff !important;
    color:#015c96 !important;
    border:1px solid #b8d7ef !important;
    box-shadow:none !important;
}

.ms-outline-btn:hover{
    background:#eef7fd !important;
    border-color:#01aaea !important;
    color:#015c96 !important;
}

.ms-home-card{
    background:#151720 !important;
    border-color:#2b3140 !important;
    box-shadow:0 18px 42px rgba(15,23,42,.18) !important;
}

.ms-home-card__top span{
    background:#01aaea !important;
    border-color:#01aaea !important;
    color:#fff !important;
}

.ms-home-card__media{
    background:
            radial-gradient(circle at 22% 32%,rgba(1,170,234,.33),transparent 30%),
            radial-gradient(circle at 78% 28%,rgba(99,91,255,.30),transparent 32%),
            linear-gradient(135deg,#202432,#121721) !important;
    border:1px solid #2b3140 !important;
}

.ms-home-card__list div{
    background:#202432 !important;
    border-color:#343b4d !important;
}

.ms-home-card__list strong{
    color:#ffffff !important;
}

.ms-home-card__list span{
    color:#cbd3df !important;
}

.review-fact,
.feature-card,
.bonus-card,
.ms-account-card,
.ctable,
.proscons,
#faq details,
.ms-author{
    background:#ffffff !important;
    border-color:#dfe7f2 !important;
    box-shadow:0 8px 24px rgba(15,23,42,.05) !important;
}

.review-fact:hover,
.feature-card:hover,
.bonus-card:hover,
.ms-account-card:hover{
    border-color:#9ed8f4 !important;
    box-shadow:0 14px 30px rgba(1,170,234,.10) !important;
}

.review-fact__label,
.link-accent,
.subsec p a.link-accent,
.steps a.link-accent,
.ms-account-card a{
    color:#018bd0 !important;
    text-decoration-color:rgba(1,139,208,.45) !important;
}

.feature-icon,
.bonus-card__step,
.ms-account-card span{
    background:#eef7fd !important;
    color:#018bd0 !important;
    border:1px solid #cdeeff !important;
}

.bonus-card__meta span,
.ms-author__meta span{
    background:#f6f9fc !important;
    border-color:#dfe7f2 !important;
    color:#41506a !important;
}

.ms-bonus-zone{
    background:
            radial-gradient(circle at 12% 10%,rgba(1,170,234,.10),transparent 34%),
            radial-gradient(circle at 88% 12%,rgba(99,91,255,.08),transparent 30%),
            #f7fbff !important;
    border-color:#dfe7f2 !important;
}

.ctable th,
.ctable td,
.proscons th,
.proscons td{
    border-color:#dfe7f2 !important;
}

.ctable th,
.proscons thead th{
    background:#f3f7fb !important;
    color:#172033 !important;
}

.ctable td,
.proscons td{
    background:#ffffff !important;
    color:#405069 !important;
}

.cta-panel{
    background:
            radial-gradient(circle at 88% 0%,rgba(1,170,234,.22),transparent 34%),
            linear-gradient(135deg,#151720,#202432) !important;
    border-color:#202432 !important;
}

.cta-panel h2{
    color:#ffffff !important;
}

.cta-panel p{
    color:#d4dbe8 !important;
}

#faq .article-continue{
    background:#ffffff !important;
    border-top-color:#dfe7f2 !important;
    color:#405069 !important;
}

#faq summary{
    color:#172033 !important;
}

.ms-author__mark{
    background:linear-gradient(135deg,#01aaea,#635bff) !important;
    box-shadow:0 12px 28px rgba(1,170,234,.18) !important;
}

.site-footer{
    background:#151720 !important;
    border-top-color:#252b38 !important;
}

.site-footer__help{
    background:#202432 !important;
    border-color:#303747 !important;
}

.site-footer__text,
.site-footer__nav a,
.site-footer__bottom{
    color:#c3cad8 !important;
}

.site-footer__nav a:hover{
    color:#01aaea !important;
}

.rg-badge--age{
    background:#01aaea !important;
    color:#fff !important;
}

.ms-wordmark{
    font-family:"Manrope",Inter,system-ui,sans-serif !important;
    display:inline-flex !important;
    align-items:center !important;
    color:#ffffff !important;
    font-size:22px !important;
    font-weight:900 !important;
    letter-spacing:-.045em !important;
    line-height:1 !important;
}

.ms-wordmark span{
    color:#73b7ff !important;
    font-size:42px !important;
    font-family:Georgia,serif !important;
    font-style:italic !important;
    line-height:.75 !important;
    margin-right:2px !important;
}

@media (max-width:640px){
    html,
    body{
        font-size:15.5px !important;
    }

    .ms-home-intro .h2{
        font-size:29px !important;
    }
}


.sb-langbtn .sb-lang-code {
    color: #ffffff !important;
}

.sb-langmenu {
    background: #ffffff !important;
}

.sb-langmenu a {
    color: #172033 !important;
}

.sb-langmenu .sb-lang-code {
    color: #172033 !important;
}

.sb-langmenu a:hover {
    background: #eef7fd !important;
    color: #01aaea !important;
}

.sb-langmenu a:hover .sb-lang-code {
    color: #01aaea !important;
}

.sb-mobile-lang__menu .sb-lang-code {
    color: #ffffff !important;
}

.feature-card {
    text-align: center;
}

.feature-icon {
    margin: 0 auto 18px;
}

.feature-card h3 {
    text-align: center;
    justify-content: center;
}

.feature-card p {
    text-align: center;
}

.article .h2 {
    text-align: center;
}

.feature-card {
    text-align: left;
}

.feature-icon {
    margin: 0 auto 18px;
}

.feature-card h3 {
    text-align: center;
}

.feature-card p {
    text-align: left;
}

.article .h2 {
    text-align: center;
}

.article .h2,
.article .subsec .h2,
.article .subsec__text .h2,
.article .article-continue .h2,
.article #faq .h2 {
    text-align: left !important;
}

.ms-home-intro .h2 {
    text-align: left !important;
}

@media (max-width: 720px) {
    .article,
    .article p,
    .article li,
    .article .introtext,
    .article .subsec__text,
    .article .review-fact,
    .article .feature-card,
    .article .bonus-card,
    .article .ms-account-card,
    .article .ctable th,
    .article .ctable td {
        text-align: center !important;
    }

    .article h1,
    .article h2,
    .article h3,
    .article .h2,
    .article .h3,
    .article .subsec .h2,
    .article .subsec__text .h2,
    .article .article-continue .h2,
    .article #faq .h2,
    .ms-home-intro .h2 {
        text-align: center !important;
    }

    .article ul,
    .article ol {
        padding-left: 0 !important;
        list-style-position: inside !important;
        text-align: center !important;
    }

    .feature-card,
    .review-fact,
    .bonus-card,
    .ms-account-card {
        align-items: center !important;
        justify-content: center !important;
    }

    .feature-icon {
        margin: 0 auto 18px !important;
    }

    .bonus-card__meta,
    .ms-author__meta,
    .ms-intro-actions {
        justify-content: center !important;
    }

    .ctable {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .ctable,
    .ctable tbody,
    .ctable tr,
    .ctable th,
    .ctable td {
        display: block !important;
        width: 100% !important;
    }

    .ctable tr {
        margin-bottom: 14px !important;
        border: 1px solid #dfe7f2 !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        background: #ffffff !important;
    }

    .ctable th {
        border: 0 !important;
        border-bottom: 1px solid #dfe7f2 !important;
        padding: 14px 16px !important;
        background: #f3f7fb !important;
        color: #172033 !important;
        font-weight: 900 !important;
    }

    .ctable td {
        border: 0 !important;
        padding: 16px !important;
        background: #ffffff !important;
        color: #405069 !important;
    }

    .proscons {
        display: block !important;
        width: 100% !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .proscons thead {
        display: none !important;
    }

    .proscons tbody,
    .proscons tr,
    .proscons td {
        display: block !important;
        width: 100% !important;
    }

    .proscons tr {
        margin-bottom: 18px !important;
        border: 1px solid #dfe7f2 !important;
        border-radius: 18px !important;
        overflow: hidden !important;
        background: #ffffff !important;
        box-shadow: 0 8px 22px rgba(15, 23, 42, .05) !important;
    }

    .proscons td {
        border: 0 !important;
        padding: 18px 20px !important;
        text-align: center !important;
        color: #405069 !important;
        line-height: 1.65 !important;
    }

    .proscons td + td {
        border-top: 1px solid #dfe7f2 !important;
    }

    .proscons td:first-child::before,
    .proscons td:last-child::before {
        display: block !important;
        margin: 0 0 8px !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        text-align: center !important;
    }

    .proscons td:first-child::before {
        content: "Pros" !important;
        color: #018bd0 !important;
    }

    .proscons td:last-child::before {
        content: "Cons" !important;
        color: #ff174d !important;
    }

    #faq summary {
        text-align: center !important;
        justify-content: center !important;
    }

    #faq summary::after {
        margin-left: 10px !important;
    }
}

@media (max-width: 720px) {
    #faq summary {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 56px !important;
        padding: 16px 54px 16px 22px !important;
        text-align: center !important;
    }

    #faq summary::after {
        position: absolute !important;
        right: 24px !important;
        top: 50% !important;
        margin: 0 !important;
        width: 10px !important;
        height: 10px !important;
        transform: translateY(-50%) rotate(-45deg) !important;
        border-right: 2px solid #4b5563 !important;
        border-bottom: 2px solid #4b5563 !important;
    }

    #faq details[open] summary::after {
        transform: translateY(-50%) rotate(45deg) !important;
    }
}

.site-logo-img {
    display: block;
    width: auto;
    max-width: 168px;
    height: 38px;
    object-fit: contain;
}

.sb-brand {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 150px;
    line-height: 0;
}

.sb-brand .site-logo-img {
    height: 38px;
    max-width: 168px;
}

.sb-sheet__brandlogo.site-logo-img {
    height: 36px;
    max-width: 160px;
    object-fit: contain;
}

.site-footer__brand {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}

.site-footer__brand .site-logo-img {
    height: 40px;
    max-width: 180px;
}

@media (max-width: 720px) {
    .site-logo-img {
        height: 34px;
        max-width: 150px;
    }

    .sb-brand {
        min-width: auto;
    }

    .sb-brand .site-logo-img {
        height: 34px;
        max-width: 150px;
    }

    .sb-sheet__brandlogo.site-logo-img {
        height: 34px;
        max-width: 150px;
    }

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

    .site-footer__brand .site-logo-img {
        height: 38px;
        max-width: 165px;
        margin: 0 auto;
    }
}

.site-logo-img {
    display: block;
    width: auto;
    max-width: 168px;
    height: 38px;
    object-fit: contain;
}

.sb-brand,
.site-footer__brand {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}

.sb-brand .site-logo-img {
    height: 38px;
    max-width: 168px;
}

.sb-sheet__brandlogo.site-logo-img {
    height: 36px;
    max-width: 160px;
    object-fit: contain;
}

.site-footer__brand .site-logo-img {
    height: 40px;
    max-width: 180px;
}

.article,
.card,
.ms-home-card,
.review-fact,
.feature-card,
.bonus-card,
.ms-account-card,
.ms-author,
.cta-panel,
#faq details {
    border-color: #5990e4 !important;
}

.article {
    border: 1px solid #c9d7ea !important;
    box-shadow: 0 12px 34px rgba(15, 23, 42, .08) !important;
}

.ms-home-card,
.review-fact,
.feature-card,
.bonus-card,
.ms-account-card,
.ms-author,
.cta-panel,
#faq details {
    border: 1px solid #5990e4 !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06) !important;
}

.ctable,
.proscons {
    border: 1px solid #5990e4 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06) !important;
}

.ctable th,
.ctable td,
.proscons th,
.proscons td {
    border-color: #c1d1e6 !important;
}

.ctable th,
.proscons th {
    background: #edf3fa !important;
    color: #071425 !important;
}

@media (max-width: 720px) {
    .site-logo-img {
        height: 34px;
        max-width: 150px;
    }

    .sb-brand .site-logo-img {
        height: 34px;
        max-width: 150px;
    }

    .sb-sheet__brandlogo.site-logo-img {
        height: 34px;
        max-width: 150px;
    }

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

    .site-footer__brand .site-logo-img {
        height: 38px;
        max-width: 165px;
        margin: 0 auto;
    }
}

.ms-author {
    display: grid;
    grid-template-columns: 88px 1fr;
    gap: 24px;
    align-items: center;
}

.ms-author__photo {
    width: 88px;
    height: 88px;
    border-radius: 22px;
    object-fit: cover;
    display: block;
    border: 1px solid #c9d7ea;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .10);
    background: #eef4fb;
}

@media (max-width: 720px) {
    .ms-author {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
        gap: 18px;
    }

    .ms-author__photo {
        width: 84px;
        height: 84px;
        border-radius: 20px;
    }

    .ms-author__meta {
        justify-content: center;
    }
}

.ms-home-card__media {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    min-height: 150px !important;
    background: #111827 !important;
}

.ms-home-card__media::before,
.ms-home-card__media::after {
    display: none !important;
}

.ms-home-card__media img {
    display: block !important;
    width: 100% !important;
    height: 150px !important;
    min-height: 150px !important;
    object-fit: cover !important;
    object-position: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 5 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

@media (max-width: 720px) {
    .ms-home-card__media img {
        height: 140px !important;
        min-height: 140px !important;
    }
}

.ms-home-card__media {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    min-height: 245px !important;
    background: #111827 !important;
}

.ms-home-card__media::before,
.ms-home-card__media::after {
    display: none !important;
}

.ms-home-card__media img {
    display: block !important;
    width: 100% !important;
    height: 245px !important;
    min-height: 245px !important;
    object-fit: cover !important;
    object-position: top center !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 5 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

@media (max-width: 720px) {
    .ms-home-card__media {
        min-height: 210px !important;
    }

    .ms-home-card__media img {
        height: 210px !important;
        min-height: 210px !important;
    }
}

.sportsbook-page .article {
    padding: 0;
    overflow: hidden;
}

.sportsbook-kickoff {
    padding: 34px;
    border-radius: 28px;
    background: linear-gradient(145deg, #101623 0%, #141b2b 52%, #09111f 100%);
    border: 1px solid #24344e;
    color: #ffffff;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .16);
}

.sportsbook-kickoff__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 28px;
    align-items: stretch;
    margin-bottom: 28px;
}

.sportsbook-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-bottom: 14px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(1, 170, 234, .14);
    border: 1px solid rgba(1, 170, 234, .34);
    color: #74d7ff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .02em;
}

.sportsbook-kickoff .h2 {
    margin: 0 0 16px;
    color: #ffffff;
}

.sportsbook-kickoff p {
    margin: 0 0 14px;
    color: #c9d6ea;
    line-height: 1.7;
}

.sportsbook-kickoff__summary {
    display: grid;
    gap: 12px;
}

.sportsbook-kickoff__summary div {
    padding: 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .10);
}

.sportsbook-kickoff__summary span {
    display: block;
    margin-bottom: 8px;
    color: #8fa2bd;
    font-size: 13px;
    font-weight: 800;
}

.sportsbook-kickoff__summary strong {
    display: block;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.35;
}

.sportsbook-kickoff__board {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 22px;
    margin-bottom: 24px;
}

.sportsbook-kickoff__screen {
    position: relative;
    overflow: hidden;
    min-height: 300px;
    border-radius: 24px;
    background: #0c1422;
    border: 1px solid rgba(255, 255, 255, .12);
}

.sportsbook-kickoff__screen img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 300px;
    object-fit: cover;
    object-position: center;
}

.sportsbook-kickoff__slip {
    padding: 20px;
    border-radius: 24px;
    background: #ffffff;
    color: #172033;
    border: 1px solid rgba(255, 255, 255, .18);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .20);
}

.sportsbook-kickoff__sliptop {
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #dfe7f2;
}

.sportsbook-kickoff__sliptop strong {
    display: block;
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 900;
}

.sportsbook-kickoff__sliptop span {
    color: #66758b;
    font-size: 13px;
    font-weight: 800;
}

.sportsbook-kickoff__ticket {
    padding: 15px;
    margin-bottom: 12px;
    border-radius: 16px;
    background: #f3f7fb;
    border: 1px solid #dce6f2;
}

.sportsbook-kickoff__ticket small {
    display: block;
    margin-bottom: 7px;
    color: #6b7b91;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.sportsbook-kickoff__ticket b {
    display: block;
    color: #172033;
    font-size: 14px;
    line-height: 1.35;
}

.sportsbook-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.sportsbook-tabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .13);
    color: #eaf5ff;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.sportsbook-tabs a:hover {
    transform: translateY(-2px);
    background: rgba(1, 170, 234, .18);
    border-color: rgba(1, 170, 234, .42);
}

.sportsbook-content {
    padding: 34px;
}

.sportsbook-section {
    margin-top: 34px;
    padding: 30px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid #c9d7ea;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
}

.sportsbook-section:first-child {
    margin-top: 0;
}

.sportsbook-section .h2 {
    margin: 0 0 16px;
    color: #172033;
}

.sportsbook-section p {
    color: #405069;
    line-height: 1.7;
}

.sportsbook-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .92fr);
    gap: 30px;
    align-items: center;
}

.sportsbook-split--reverse {
    grid-template-columns: minmax(320px, .92fr) minmax(0, 1fr);
}

.sportsbook-media {
    overflow: hidden;
    border-radius: 22px;
    background: #111827;
    border: 1px solid #c9d7ea;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
}

.sportsbook-media img {
    display: block;
    width: 100%;
    min-height: 260px;
    object-fit: cover;
    object-position: center;
}

.sportsbook-caption {
    padding: 14px 16px;
    color: #607087;
    font-size: 13px;
    line-height: 1.55;
    background: #f5f8fc;
    border-top: 1px solid #dce6f2;
}

.sportsbook-menu-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
}

.sportsbook-menu-card {
    overflow: hidden;
    border-radius: 22px;
    background: #f7faff;
    border: 1px solid #c9d7ea;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
}

.sportsbook-menu-card img {
    display: block;
    width: 100%;
    height: 190px;
    object-fit: cover;
    object-position: center;
    background: #111827;
}

.sportsbook-menu-card h3 {
    margin: 18px 18px 10px;
    color: #172033;
    font-size: 20px;
}

.sportsbook-menu-card p {
    margin: 0 18px 20px;
    color: #405069;
}

.sportsbook-board {
    margin-top: 22px;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid #c1d1e6;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06);
}

.sportsbook-board table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
}

.sportsbook-board th,
.sportsbook-board td {
    padding: 16px 18px;
    border-bottom: 1px solid #dfe7f2;
    text-align: left;
    vertical-align: top;
    line-height: 1.55;
}

.sportsbook-board th {
    background: #edf3fa;
    color: #071425;
    font-size: 14px;
    font-weight: 900;
}

.sportsbook-board td {
    color: #405069;
}

.sportsbook-board tr:last-child td {
    border-bottom: 0;
}

.sportsbook-market-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 22px;
}

.sportsbook-market {
    padding: 22px;
    border-radius: 20px;
    background: #f7faff;
    border: 1px solid #c9d7ea;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
}

.sportsbook-market span {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(1, 170, 234, .10);
    color: #018bd0;
    font-size: 12px;
    font-weight: 900;
}

.sportsbook-market h3 {
    margin: 0 0 10px;
    color: #172033;
    font-size: 19px;
}

.sportsbook-market p {
    margin: 0;
    color: #405069;
}

.sportsbook-light {
    padding: 30px;
    border-radius: 24px;
    background: linear-gradient(145deg, #f5f9ff, #ffffff);
    border: 1px solid #c9d7ea;
}

.sportsbook-flow {
    display: grid;
    gap: 14px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
    counter-reset: flow;
}

.sportsbook-flow li {
    counter-increment: flow;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    padding: 18px;
    border-radius: 18px;
    background: #f7faff;
    border: 1px solid #c9d7ea;
}

.sportsbook-flow li::before {
    content: counter(flow);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: linear-gradient(135deg, #01aaea, #018bd0);
    color: #ffffff;
    font-weight: 900;
}

.sportsbook-flow b {
    display: block;
    margin-bottom: 6px;
    color: #172033;
    font-size: 16px;
}

.sportsbook-flow span {
    display: block;
    color: #405069;
    line-height: 1.55;
}

.sportsbook-final {
    margin-top: 34px;
    padding: 34px;
    border-radius: 26px;
    background: linear-gradient(145deg, #111827, #172033);
    border: 1px solid #263a57;
    color: #ffffff;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .14);
}

.sportsbook-final h2 {
    margin: 0 0 16px;
    color: #ffffff;
}

.sportsbook-final p {
    color: #c9d6ea!important;
    line-height: 1.7;
}

.sportsbook-final .sb-btn {
    margin-top: 10px;
}

.sportsbook-page details {
    margin-top: 12px;
    border: 1px solid #c9d7ea;
    border-radius: 18px;
    background: #ffffff;
    overflow: hidden;
}

.sportsbook-page summary {
    cursor: pointer;
    padding: 18px 22px;
    color: #172033;
    font-weight: 900;
    list-style: none;
}

.sportsbook-page summary::-webkit-details-marker {
    display: none;
}

.sportsbook-page details .article-continue {
    padding: 0 22px 20px;
}

.sportsbook-page details .article-continue p {
    margin: 0;
}

@media (max-width: 980px) {
    .sportsbook-kickoff__top,
    .sportsbook-kickoff__board,
    .sportsbook-split,
    .sportsbook-split--reverse {
        grid-template-columns: 1fr;
    }

    .sportsbook-menu-grid,
    .sportsbook-market-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 720px) {
    .sportsbook-kickoff,
    .sportsbook-content {
        padding: 20px;
    }

    .sportsbook-section,
    .sportsbook-light,
    .sportsbook-final {
        padding: 22px;
        border-radius: 20px;
    }

    .sportsbook-kickoff__screen,
    .sportsbook-kickoff__screen img {
        min-height: 210px;
    }

    .sportsbook-menu-grid,
    .sportsbook-market-grid {
        grid-template-columns: 1fr;
    }

    .sportsbook-menu-card img,
    .sportsbook-media img {
        min-height: 190px;
        height: 210px;
    }

    .sportsbook-tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .sportsbook-board {
        border: 0;
        box-shadow: none;
        background: transparent;
    }

    .sportsbook-board table,
    .sportsbook-board thead,
    .sportsbook-board tbody,
    .sportsbook-board tr,
    .sportsbook-board th,
    .sportsbook-board td {
        display: block;
        width: 100%;
    }

    .sportsbook-board thead {
        display: none;
    }

    .sportsbook-board tr {
        margin-bottom: 14px;
        border: 1px solid #c9d7ea;
        border-radius: 18px;
        overflow: hidden;
        background: #ffffff;
        box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
    }

    .sportsbook-board td {
        border-bottom: 1px solid #dfe7f2;
        padding: 15px 16px;
        text-align: center;
    }

    .sportsbook-board td:last-child {
        border-bottom: 0;
    }

    .sportsbook-flow li {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .sportsbook-page .h2,
    .sportsbook-page p,
    .sportsbook-page td,
    .sportsbook-page th,
    .sportsbook-market,
    .sportsbook-menu-card,
    .sportsbook-caption {
        text-align: center;
    }
}

@media (max-width: 430px) {
    .sportsbook-tabs {
        grid-template-columns: 1fr;
    }
}

.sportsbook-kickoff,
.sportsbook-kickoff * {
    text-shadow: none !important;
}

.sportsbook-kickoff .h2 {
    color: #ffffff !important;
    opacity: 1 !important;
}

.sportsbook-kickoff p {
    color: #d8e6f7 !important;
    opacity: 1 !important;
}

.sportsbook-kickoff__summary span {
    color: #9db3cf !important;
    opacity: 1 !important;
}

.sportsbook-kickoff__summary strong {
    color: #ffffff !important;
    opacity: 1 !important;
}

.sportsbook-kickoff__slip,
.sportsbook-kickoff__slip * {
    color: #071425 !important;
}

.sportsbook-kickoff__sliptop span,
.sportsbook-kickoff__ticket small {
    color: #607087 !important;
}

.sportsbook-tabs a {
    color: #ffffff !important;
}

.sportsbook-kickoff__screen {
    min-height: 360px !important;
    background: #07111f !important;
}

.sportsbook-kickoff__screen img {
    display: block !important;
    width: 100% !important;
    height: 360px !important;
    min-height: 360px !important;
    object-fit: cover !important;
    object-position: center !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.mystake-casino-page .h2 {
    letter-spacing: -0.03em;
}

.casino-stage {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
    gap: 28px;
    align-items: stretch;
    margin-bottom: 26px;
    padding: 32px;
    border-radius: 30px;
    background: radial-gradient(circle at 20% 15%, rgba(1, 170, 234, 0.18), transparent 32%), linear-gradient(135deg, #071425 0%, #0f2543 100%);
    overflow: hidden;
}

.casino-stage__copy,
.casino-stage__copy .h2 {
    color: #ffffff;
}

.casino-stage__copy p {
    color: rgba(255, 255, 255, 0.84);
}

.casino-pill {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(1, 170, 234, 0.13);
    color: #01aaea;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.casino-stage__actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 22px;
}

.casino-ghost-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-weight: 900;
    text-decoration: none;
}

.casino-stage__visual {
    position: relative;
    min-height: 360px;
    border-radius: 26px;
    overflow: hidden;
    background: #08111f;
}

.casino-stage__visual img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
    display: block;
}

.casino-stage__chips {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.casino-stage__chips span {
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    color: #071425;
    font-size: 12px;
    font-weight: 900;
}

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

.casino-snapshot div,
.casino-path-card,
.casino-game-tile,
.casino-bonus-route__steps div,
.casino-mistakes__list div {
    border: 1px solid rgba(18, 39, 73, 0.1);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.casino-snapshot div {
    padding: 20px;
}

.casino-snapshot span,
.casino-path-card span,
.casino-game-tile p,
.casino-bonus-route__steps p,
.casino-mistakes__list span {
    color: #66758d;
}

.casino-snapshot strong {
    display: block;
    margin: 8px 0;
    color: #071425;
    font-size: 20px;
}

.casino-path,
.casino-overview-board,
.casino-game-wall,
.casino-bonus-route,
.casino-offer-matrix,
.casino-tournament-map,
.casino-vip-board,
.casino-mobile-payments,
.casino-mistakes {
    margin-top: 34px;
}

.casino-path__head {
    max-width: 780px;
}

.casino-path__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.casino-path-card {
    display: block;
    min-height: 156px;
    padding: 20px;
    text-decoration: none;
}

.casino-path-card b {
    display: block;
    margin-bottom: 10px;
    color: #071425;
    font-size: 18px;
}

.casino-overview-board {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(380px, 1.15fr);
    gap: 24px;
    align-items: start;
    padding: 26px;
    border-radius: 28px;
    background: #f4f9fd;
}

.casino-game-wall__grid {
    display: grid;
    grid-template-columns: 1.25fr 1fr 1fr;
    gap: 14px;
}

.casino-game-tile {
    padding: 22px;
    min-height: 180px;
}

.casino-game-tile--large {
    grid-row: span 2;
    padding: 0;
    overflow: hidden;
}

.casino-game-tile--large img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

.casino-game-tile--large div {
    padding: 22px;
}

.casino-deep-block,
.casino-live-panel,
.casino-mini-lab,
.casino-promo-strip {
    display: grid;
    gap: 26px;
    align-items: center;
    margin-top: 34px;
    padding: 28px;
    border-radius: 30px;
}

.casino-deep-block,
.casino-promo-strip {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr);
    background: linear-gradient(135deg, #f3faff 0%, #ffffff 100%);
    border: 1px solid rgba(1, 170, 234, 0.12);
}

.casino-live-panel {
    grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1fr);
    background: #071425;
}

.casino-live-panel .h2,
.casino-live-panel p {
    color: #ffffff;
}

.casino-live-panel p {
    color: rgba(255, 255, 255, 0.84);
}

.casino-deep-block__image img,
.casino-live-panel__image img,
.casino-promo-strip img,
.casino-tournament-map img,
.casino-mobile-payments img,
.casino-mini-lab img {
    width: 100%;
    border-radius: 24px;
    object-fit: cover;
    display: block;
}

.casino-mini-lab {
    grid-template-columns: minmax(0, 0.9fr) minmax(240px, 0.65fr) minmax(260px, 0.75fr);
    background: #eef7fd;
}

.casino-mini-lab__cards {
    display: grid;
    gap: 10px;
}

.casino-mini-lab__cards div {
    padding: 15px;
    border-radius: 18px;
    background: #ffffff;
}

.casino-mini-lab__cards b,
.casino-mini-lab__cards span {
    display: block;
}

.casino-mini-lab__cards span {
    margin-top: 6px;
    color: #66758d;
    font-size: 14px;
}

.casino-bonus-route__steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.casino-bonus-route__steps div {
    padding: 20px;
}

.casino-bonus-route__steps span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 10px;
    border-radius: 14px;
    background: #01aaea;
    color: #ffffff;
    font-weight: 900;
}

.casino-promo-strip {
    background: #071425;
}

.casino-promo-strip .h2,
.casino-promo-strip p {
    color: #ffffff;
}

.casino-promo-strip p {
    color: rgba(255, 255, 255, 0.84);
}

.casino-tournament-map {
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #ffffff 0%, #eef7fd 100%);
}

.casino-tournament-map__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0;
}

.casino-tournament-map__grid div {
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.casino-vip-board {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
    gap: 24px;
    padding: 28px;
    border-radius: 30px;
    background: #071425;
}

.casino-vip-board .h2,
.casino-vip-board p {
    color: #ffffff;
}

.casino-vip-board p {
    color: rgba(255, 255, 255, 0.84);
}

.casino-vip-board__levels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.casino-vip-board__levels span {
    padding: 13px 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.09);
    color: #ffffff;
    font-weight: 800;
    text-align: center;
}

.casino-mobile-payments {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.casino-mobile-payments__mobile,
.casino-mobile-payments__payments {
    padding: 26px;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.casino-mobile-payments img {
    margin-top: 16px;
    height: 240px;
}

.casino-mistakes__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.casino-mistakes__list div {
    padding: 20px;
}

.casino-mistakes__list b {
    display: block;
    margin-bottom: 8px;
    color: #071425;
}

@media (max-width: 980px) {
    .casino-stage,
    .casino-overview-board,
    .casino-deep-block,
    .casino-live-panel,
    .casino-mini-lab,
    .casino-promo-strip,
    .casino-vip-board,
    .casino-mobile-payments {
        grid-template-columns: 1fr;
    }

    .casino-snapshot,
    .casino-path__grid,
    .casino-bonus-route__steps,
    .casino-mistakes__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .casino-game-wall__grid {
        grid-template-columns: 1fr 1fr;
    }

    .casino-game-tile--large {
        grid-row: auto;
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .casino-stage,
    .casino-overview-board,
    .casino-deep-block,
    .casino-live-panel,
    .casino-mini-lab,
    .casino-promo-strip,
    .casino-tournament-map,
    .casino-vip-board,
    .casino-mobile-payments__mobile,
    .casino-mobile-payments__payments {
        padding: 20px;
        border-radius: 24px;
    }

    .casino-snapshot,
    .casino-path__grid,
    .casino-game-wall__grid,
    .casino-bonus-route__steps,
    .casino-tournament-map__grid,
    .casino-vip-board__levels,
    .casino-mistakes__list {
        grid-template-columns: 1fr;
    }

    .casino-stage__visual,
    .casino-stage__visual img {
        min-height: 250px;
    }

    .casino-mobile-payments img {
        height: 200px;
    }
}
.casino-stage,
.casino-stage .h2,
.casino-stage h2,
.casino-stage h3,
.casino-stage p,
.casino-stage b,
.casino-stage strong {
    color: #ffffff !important;
}

.casino-stage p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.casino-stage .link-accent {
    color: #7ee3ff !important;
}

.casino-stage .casino-pill {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

.casino-stage__chips span {
    background: rgba(255, 255, 255, 0.92) !important;
    color: #071425 !important;
}

.casino-live-panel,
.casino-live-panel .h2,
.casino-live-panel h2,
.casino-live-panel h3,
.casino-live-panel p,
.casino-live-panel b,
.casino-live-panel strong {
    color: #ffffff !important;
}

.casino-live-panel p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.casino-live-panel .casino-pill {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

.casino-promo-strip,
.casino-promo-strip .h2,
.casino-promo-strip h2,
.casino-promo-strip h3,
.casino-promo-strip p,
.casino-promo-strip b,
.casino-promo-strip strong {
    color: #ffffff !important;
}

.casino-promo-strip p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.casino-promo-strip .casino-pill {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

.casino-vip-board,
.casino-vip-board .h2,
.casino-vip-board h2,
.casino-vip-board h3,
.casino-vip-board p,
.casino-vip-board b,
.casino-vip-board strong {
    color: #ffffff !important;
}

.casino-vip-board p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.casino-vip-board .casino-pill {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

.casino-vip-board__levels span {
    color: #ffffff !important;
}

.casino-ghost-btn {
    color: #ffffff !important;
}

.casino-ghost-btn:hover {
    color: #ffffff !important;
}

.casino-check-board,
.casino-category-matrix,
.casino-welcome-math,
.casino-activation-checks,
.casino-safe-play {
    margin-top: 34px;
}

.casino-check-board {
    padding: 28px;
    border-radius: 30px;
    background: #f4f9fd;
}

.casino-check-board__grid,
.casino-activation-checks__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.casino-check-board__grid div,
.casino-activation-checks__grid div {
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.casino-check-board__grid b,
.casino-activation-checks__grid b {
    display: block;
    margin-bottom: 8px;
    color: #071425;
}

.casino-check-board__grid span,
.casino-activation-checks__grid span {
    color: #66758d;
}

.casino-welcome-math {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.7fr);
    gap: 24px;
    align-items: center;
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #071425 0%, #123055 100%);
}

.casino-welcome-math,
.casino-welcome-math .h2,
.casino-welcome-math p,
.casino-welcome-math b,
.casino-welcome-math strong {
    color: #ffffff !important;
}

.casino-welcome-math p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.casino-welcome-math .link-accent {
    color: #7ee3ff !important;
}

.casino-welcome-math .casino-pill {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

.casino-welcome-math__box {
    display: grid;
    gap: 12px;
}

.casino-welcome-math__box div {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.1);
}

.casino-welcome-math__box span {
    color: rgba(255, 255, 255, 0.76);
    font-weight: 800;
}

.casino-welcome-math__box b {
    color: #ffffff;
    font-size: 22px;
}

.casino-safe-play {
    padding: 28px;
    border-radius: 30px;
    background: #eef7fd;
}

@media (max-width: 980px) {
    .casino-check-board__grid,
    .casino-activation-checks__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .casino-welcome-math {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .casino-check-board__grid,
    .casino-activation-checks__grid {
        grid-template-columns: 1fr;
    }

    .casino-check-board,
    .casino-welcome-math,
    .casino-safe-play {
        padding: 20px;
        border-radius: 24px;
    }
}


.mystake-bonus-page .h2 {
    letter-spacing: -0.03em;
}

.bonus-stage {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.96fr);
    gap: 28px;
    align-items: stretch;
    margin-bottom: 26px;
    padding: 32px;
    border-radius: 30px;
    background: radial-gradient(circle at 16% 12%, rgba(1, 170, 234, 0.2), transparent 34%), linear-gradient(135deg, #071425 0%, #10294d 100%);
    overflow: hidden;
}

.bonus-stage,
.bonus-stage .h2,
.bonus-stage h2,
.bonus-stage p,
.bonus-stage b,
.bonus-stage strong {
    color: #ffffff !important;
}

.bonus-stage p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.bonus-pill {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(1, 170, 234, 0.13);
    color: #01aaea;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.bonus-stage .bonus-pill,
.bonus-math .bonus-pill,
.bonus-crypto-board .bonus-pill,
.bonus-vip-board .bonus-pill {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

.bonus-stage__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.bonus-ghost-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff !important;
    font-weight: 900;
}

.bonus-stage__visual {
    position: relative;
    min-height: 360px;
    border-radius: 26px;
    overflow: hidden;
    background: #08111f;
}

.bonus-stage__visual img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
    display: block;
}

.bonus-stage__tags {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bonus-stage__tags span {
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #071425;
    font-size: 12px;
    font-weight: 900;
}

.bonus-snapshot,
.bonus-check-board__grid,
.bonus-picker__grid,
.bonus-card-row__grid,
.bonus-sports-grid__items,
.bonus-mistakes__grid {
    display: grid;
    gap: 14px;
}

.bonus-snapshot {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 28px 0;
}

.bonus-snapshot div,
.bonus-check-board__grid div,
.bonus-picker-card,
.bonus-card-row__grid div,
.bonus-sports-grid__items div,
.bonus-mistakes__grid div {
    border: 1px solid rgba(18, 39, 73, 0.1);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.bonus-snapshot div,
.bonus-check-board__grid div,
.bonus-picker-card,
.bonus-card-row__grid div,
.bonus-sports-grid__items div,
.bonus-mistakes__grid div {
    padding: 20px;
}

.bonus-snapshot span,
.bonus-check-board__grid span,
.bonus-picker-card span,
.bonus-card-row__grid span,
.bonus-mistakes__grid span {
    color: #66758d;
}

.bonus-snapshot strong {
    display: block;
    margin: 8px 0;
    color: #071425;
    font-size: 20px;
}

.bonus-check-board,
.bonus-picker,
.bonus-overview-table,
.bonus-card-row,
.bonus-sports-grid,
.bonus-tournaments,
.bonus-promo-code,
.bonus-mistakes {
    margin-top: 34px;
}

.bonus-check-board {
    padding: 28px;
    border-radius: 30px;
    background: #f4f9fd;
}

.bonus-check-board__grid,
.bonus-picker__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 18px;
}

.bonus-check-board__grid b,
.bonus-picker-card b,
.bonus-mistakes__grid b {
    display: block;
    margin-bottom: 8px;
    color: #071425;
}

.bonus-picker-card {
    min-height: 150px;
    text-decoration: none;
}

.bonus-split,
.bonus-math,
.bonus-crypto-board,
.bonus-vip-board,
.bonus-promo-code,
.bonus-mobile-payments {
    display: grid;
    gap: 26px;
    align-items: center;
    margin-top: 34px;
    padding: 28px;
    border-radius: 30px;
}

.bonus-split {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr);
    background: linear-gradient(135deg, #f3faff 0%, #ffffff 100%);
    border: 1px solid rgba(1, 170, 234, 0.12);
}

.bonus-split--sports {
    grid-template-columns: minmax(320px, 0.78fr) minmax(0, 1fr);
}

.bonus-split__media img,
.bonus-tournaments img,
.bonus-promo-code img,
.bonus-mobile-payments img {
    width: 100%;
    border-radius: 24px;
    object-fit: cover;
    display: block;
}

.bonus-math,
.bonus-crypto-board,
.bonus-vip-board {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.75fr);
    background: linear-gradient(135deg, #071425 0%, #123055 100%);
}

.bonus-math,
.bonus-math .h2,
.bonus-math p,
.bonus-math b,
.bonus-crypto-board,
.bonus-crypto-board .h2,
.bonus-crypto-board p,
.bonus-crypto-board b,
.bonus-vip-board,
.bonus-vip-board .h2,
.bonus-vip-board p,
.bonus-vip-board b {
    color: #ffffff !important;
}

.bonus-math p,
.bonus-crypto-board p,
.bonus-vip-board p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.bonus-math .link-accent,
.bonus-crypto-board .link-accent,
.bonus-vip-board .link-accent {
    color: #7ee3ff !important;
}

.bonus-math__box,
.bonus-crypto-board__formula,
.bonus-vip-board__levels {
    display: grid;
    gap: 12px;
}

.bonus-math__box div,
.bonus-crypto-board__formula,
.bonus-vip-board__levels span {
    padding: 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.1);
}

.bonus-math__box div {
    display: flex;
    justify-content: space-between;
    gap: 14px;
}

.bonus-math__box span,
.bonus-crypto-board__formula span {
    color: rgba(255, 255, 255, 0.76);
    font-weight: 800;
}

.bonus-math__box b,
.bonus-crypto-board__formula b {
    color: #ffffff;
    font-size: 22px;
}

.bonus-card-row__grid,
.bonus-sports-grid__items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 18px;
}

.bonus-tournaments {
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #ffffff 0%, #eef7fd 100%);
}

.bonus-tournaments__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0;
}

.bonus-tournaments__grid div {
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.bonus-vip-board__levels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bonus-vip-board__levels span {
    color: #ffffff !important;
    font-weight: 800;
    text-align: center;
}

.bonus-promo-code {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.75fr);
    background: #eef7fd;
}

.bonus-mobile-payments {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0;
}

.bonus-mobile-payments__mobile,
.bonus-mobile-payments__payments {
    padding: 26px;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.bonus-mobile-payments img {
    margin-top: 16px;
    height: 240px;
}

.bonus-mistakes__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 18px;
}

@media (max-width: 980px) {
    .bonus-stage,
    .bonus-split,
    .bonus-split--sports,
    .bonus-math,
    .bonus-crypto-board,
    .bonus-vip-board,
    .bonus-promo-code,
    .bonus-mobile-payments {
        grid-template-columns: 1fr;
    }

    .bonus-snapshot,
    .bonus-check-board__grid,
    .bonus-picker__grid,
    .bonus-mistakes__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bonus-card-row__grid,
    .bonus-sports-grid__items {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .bonus-stage,
    .bonus-check-board,
    .bonus-split,
    .bonus-math,
    .bonus-crypto-board,
    .bonus-tournaments,
    .bonus-vip-board,
    .bonus-promo-code,
    .bonus-mobile-payments__mobile,
    .bonus-mobile-payments__payments {
        padding: 20px;
        border-radius: 24px;
    }

    .bonus-snapshot,
    .bonus-check-board__grid,
    .bonus-picker__grid,
    .bonus-tournaments__grid,
    .bonus-vip-board__levels,
    .bonus-mistakes__grid {
        grid-template-columns: 1fr;
    }

    .bonus-stage__visual,
    .bonus-stage__visual img {
        min-height: 250px;
    }

    .bonus-mobile-payments img {
        height: 200px;
    }
}


.mystake-bonus-page .h2 {
    letter-spacing: -0.03em;
}

.mbx-pill {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.mbx-stage {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.96fr);
    gap: 28px;
    align-items: stretch;
    margin-bottom: 28px;
    padding: 34px;
    border-radius: 32px;
    background: radial-gradient(circle at 16% 12%, rgba(1, 170, 234, 0.18), transparent 34%), linear-gradient(135deg, #071425 0%, #10294d 100%);
    overflow: hidden;
}

.mbx-stage,
.mbx-stage .h2,
.mbx-stage h2,
.mbx-stage p,
.mbx-stage b,
.mbx-stage strong {
    color: #ffffff !important;
}

.mbx-stage p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.mbx-stage__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.mbx-soft-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff !important;
    font-weight: 900;
}

.mbx-stage__visual {
    position: relative;
    min-height: 370px;
    border-radius: 28px;
    overflow: hidden;
    background: #08111f;
}

.mbx-stage__visual img {
    width: 100%;
    height: 100%;
    min-height: 370px;
    object-fit: cover;
    display: block;
}

.mbx-stage__badges {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mbx-stage__badges span {
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #071425;
    font-size: 12px;
    font-weight: 900;
}

.mbx-quickline {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 34px;
}

.mbx-quickline div,
.mbx-map__grid div,
.mbx-cashback-rack__grid div,
.mbx-mistakes-board__grid div,
.mbx-setup__steps div,
.mbx-sports-track__mini div {
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.mbx-quickline span,
.mbx-map__grid span,
.mbx-cashback-rack__grid span,
.mbx-mistakes-board__grid span,
.mbx-setup__steps span,
.mbx-sports-track__mini span {
    color: #66758d;
}

.mbx-quickline strong {
    display: block;
    margin: 8px 0;
    color: #071425;
    font-size: 20px;
}

.mbx-map,
.mbx-casino-shell,
.mbx-offer-ribbon,
.mbx-sports-track,
.mbx-cashback-rack,
.mbx-crypto-lab,
.mbx-galaxy,
.mbx-reward-map,
.mbx-setup,
.mbx-account-rail,
.mbx-mistakes-board {
    margin-top: 36px;
}

.mbx-map {
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #f7fbff 0%, #eef6fc 100%);
}

.mbx-map__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.mbx-map__grid b,
.mbx-mistakes-board__grid b,
.mbx-setup__steps b,
.mbx-sports-track__mini b {
    display: block;
    margin-bottom: 8px;
    color: #071425;
}

.mbx-casino-shell {
    padding: 0;
    border-radius: 32px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 20px 48px rgba(17, 39, 70, 0.08);
}

.mbx-casino-shell__head {
    padding: 28px 30px 18px;
    background: linear-gradient(135deg, #071425 0%, #123055 100%);
    color: #ffffff;
}

.mbx-casino-shell__head .h2,
.mbx-casino-shell__head p {
    color: #ffffff !important;
}

.mbx-casino-shell__head p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.mbx-casino-shell__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.86fr);
    gap: 26px;
    padding: 28px 30px 30px;
}

.mbx-casino-shell__media img,
.mbx-offer-ribbon__cards article img,
.mbx-sports-track__media img,
.mbx-crypto-lab__side img,
.mbx-reward-map__block img,
.mbx-account-rail__col img,
.mbx-galaxy img {
    width: 100%;
    border-radius: 24px;
    display: block;
    object-fit: cover;
}

.mbx-mathcard {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}

.mbx-mathcard div {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border-radius: 18px;
    background: #eef7fd;
}

.mbx-mathcard span {
    color: #66758d;
    font-weight: 800;
}

.mbx-mathcard b {
    color: #071425;
    font-size: 22px;
}

.mbx-offer-ribbon {
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #ffffff 0%, #f3faff 100%);
}

.mbx-offer-ribbon__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 20px;
}

.mbx-offer-ribbon__cards article {
    padding: 18px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.mbx-offer-ribbon__cards article img {
    height: 180px;
    margin-bottom: 14px;
}

.mbx-offer-ribbon__cards article h3 {
    margin-bottom: 8px;
}

.mbx-sports-track {
    display: grid;
    grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1fr);
    gap: 26px;
    padding: 28px;
    border-radius: 30px;
    background: #0c1830;
}

.mbx-sports-track,
.mbx-sports-track .h2,
.mbx-sports-track p,
.mbx-sports-track h3 {
    color: #ffffff !important;
}

.mbx-sports-track p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.mbx-sports-track .link-accent {
    color: #7ee3ff !important;
}

.mbx-sports-track__mini {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 18px;
}

.mbx-sports-track__mini div {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

.mbx-sports-track__mini b,
.mbx-sports-track__mini span {
    color: #ffffff !important;
}

.mbx-cashback-rack {
    padding: 28px;
    border-radius: 30px;
    background: #f4fbf7;
}

.mbx-cashback-rack__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.mbx-crypto-lab {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.88fr);
    gap: 26px;
    align-items: center;
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #081620 0%, #143449 100%);
}

.mbx-crypto-lab,
.mbx-crypto-lab .h2,
.mbx-crypto-lab p,
.mbx-crypto-lab b,
.mbx-crypto-lab span {
    color: #ffffff !important;
}

.mbx-crypto-lab p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.mbx-formula {
    margin-top: 16px;
    padding: 18px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.1);
}

.mbx-formula span {
    display: block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.74) !important;
    font-weight: 800;
}

.mbx-formula b {
    font-size: 20px;
    line-height: 1.4;
}

.mbx-galaxy {
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #071425 0%, #173863 100%);
}

.mbx-galaxy,
.mbx-galaxy .h2,
.mbx-galaxy p {
    color: #ffffff !important;
}

.mbx-galaxy p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.mbx-galaxy__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
    gap: 20px;
    align-items: start;
    margin-top: 18px;
}

.mbx-galaxy__levels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.mbx-galaxy__levels span {
    padding: 14px 12px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    text-align: center;
    font-weight: 800;
}

.mbx-galaxy img {
    height: 260px;
    margin-top: 18px;
}

.mbx-reward-map {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.mbx-reward-map__block {
    padding: 22px;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.mbx-reward-map__block img {
    height: 220px;
    margin-bottom: 16px;
}

.mbx-setup {
    padding: 28px;
    border-radius: 30px;
    background: #fff9f3;
}

.mbx-setup__steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.mbx-account-rail {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.mbx-account-rail__col {
    padding: 24px;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.mbx-account-rail__col img {
    margin-top: 16px;
    height: 240px;
}

.mbx-mistakes-board {
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #f7fbff 0%, #ffffff 100%);
}

.mbx-mistakes-board__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

@media (max-width: 1100px) {
    .mbx-map__grid,
    .mbx-cashback-rack__grid,
    .mbx-setup__steps,
    .mbx-mistakes-board__grid,
    .mbx-quickline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mbx-offer-ribbon__cards,
    .mbx-reward-map {
        grid-template-columns: 1fr;
    }

    .mbx-casino-shell__content,
    .mbx-sports-track,
    .mbx-crypto-lab,
    .mbx-account-rail,
    .mbx-galaxy__layout,
    .mbx-stage {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .mbx-stage,
    .mbx-map,
    .mbx-casino-shell__head,
    .mbx-casino-shell__content,
    .mbx-offer-ribbon,
    .mbx-sports-track,
    .mbx-cashback-rack,
    .mbx-crypto-lab,
    .mbx-galaxy,
    .mbx-reward-map__block,
    .mbx-setup,
    .mbx-account-rail__col,
    .mbx-mistakes-board {
        padding: 20px;
        border-radius: 24px;
    }

    .mbx-map__grid,
    .mbx-cashback-rack__grid,
    .mbx-setup__steps,
    .mbx-mistakes-board__grid,
    .mbx-quickline,
    .mbx-galaxy__levels {
        grid-template-columns: 1fr;
    }

    .mbx-stage__visual,
    .mbx-stage__visual img {
        min-height: 250px;
    }

    .mbx-galaxy img,
    .mbx-account-rail__col img,
    .mbx-reward-map__block img,
    .mbx-offer-ribbon__cards article img {
        height: 200px;
    }
}

.mystake-bonus-page .h2 {
    letter-spacing: -0.03em;
}

.mbx-pill {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.mbx-stage {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.96fr);
    gap: 28px;
    align-items: stretch;
    margin-bottom: 28px;
    padding: 34px;
    border-radius: 32px;
    background: radial-gradient(circle at 16% 12%, rgba(1, 170, 234, 0.18), transparent 34%), linear-gradient(135deg, #071425 0%, #10294d 100%);
    overflow: hidden;
}

.mbx-stage,
.mbx-stage .h2,
.mbx-stage h2,
.mbx-stage p,
.mbx-stage b,
.mbx-stage strong {
    color: #ffffff !important;
}

.mbx-stage p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.mbx-stage__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.mbx-soft-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff !important;
    font-weight: 900;
}

.mbx-stage__visual {
    position: relative;
    min-height: 370px;
    border-radius: 28px;
    overflow: hidden;
    background: #08111f;
}

.mbx-stage__visual img {
    width: 100%;
    height: 100%;
    min-height: 370px;
    object-fit: cover;
    display: block;
}

.mbx-stage__badges {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mbx-stage__badges span {
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #071425;
    font-size: 12px;
    font-weight: 900;
}

.mbx-quickline {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 34px;
}

.mbx-quickline div,
.mbx-map__grid div,
.mbx-cashback-rack__grid div,
.mbx-mistakes-board__grid div,
.mbx-setup__steps div,
.mbx-sports-track__mini div {
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.mbx-quickline span,
.mbx-map__grid span,
.mbx-cashback-rack__grid span,
.mbx-mistakes-board__grid span,
.mbx-setup__steps span,
.mbx-sports-track__mini span {
    color: #66758d;
}

.mbx-quickline strong {
    display: block;
    margin: 8px 0;
    color: #071425;
    font-size: 20px;
}

.mbx-map,
.mbx-casino-shell,
.mbx-offer-ribbon,
.mbx-sports-track,
.mbx-cashback-rack,
.mbx-crypto-lab,
.mbx-galaxy,
.mbx-reward-map,
.mbx-setup,
.mbx-account-rail,
.mbx-mistakes-board {
    margin-top: 36px;
}

.mbx-map {
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #f7fbff 0%, #eef6fc 100%);
}

.mbx-map__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.mbx-map__grid b,
.mbx-mistakes-board__grid b,
.mbx-setup__steps b,
.mbx-sports-track__mini b {
    display: block;
    margin-bottom: 8px;
    color: #071425;
}

.mbx-casino-shell {
    padding: 0;
    border-radius: 32px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 20px 48px rgba(17, 39, 70, 0.08);
}

.mbx-casino-shell__head {
    padding: 28px 30px 18px;
    background: linear-gradient(135deg, #071425 0%, #123055 100%);
    color: #ffffff;
}

.mbx-casino-shell__head .h2,
.mbx-casino-shell__head p {
    color: #ffffff !important;
}

.mbx-casino-shell__head p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.mbx-casino-shell__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.86fr);
    gap: 26px;
    padding: 28px 30px 30px;
}

.mbx-casino-shell__media img,
.mbx-offer-ribbon__cards article img,
.mbx-sports-track__media img,
.mbx-crypto-lab__side img,
.mbx-reward-map__block img,
.mbx-account-rail__col img,
.mbx-galaxy img {
    width: 100%;
    border-radius: 24px;
    display: block;
    object-fit: cover;
}

.mbx-mathcard {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}

.mbx-mathcard div {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border-radius: 18px;
    background: #eef7fd;
}

.mbx-mathcard span {
    color: #66758d;
    font-weight: 800;
}

.mbx-mathcard b {
    color: #071425;
    font-size: 22px;
}

.mbx-offer-ribbon {
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #ffffff 0%, #f3faff 100%);
}

.mbx-offer-ribbon__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 20px;
}

.mbx-offer-ribbon__cards article {
    padding: 18px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.mbx-offer-ribbon__cards article img {
    height: 180px;
    margin-bottom: 14px;
}

.mbx-offer-ribbon__cards article h3 {
    margin-bottom: 8px;
}

.mbx-sports-track {
    display: grid;
    grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1fr);
    gap: 26px;
    padding: 28px;
    border-radius: 30px;
    background: #0c1830;
}

.mbx-sports-track,
.mbx-sports-track .h2,
.mbx-sports-track p,
.mbx-sports-track h3 {
    color: #ffffff !important;
}

.mbx-sports-track p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.mbx-sports-track .link-accent {
    color: #7ee3ff !important;
}

.mbx-sports-track__mini {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 18px;
}

.mbx-sports-track__mini div {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

.mbx-sports-track__mini b,
.mbx-sports-track__mini span {
    color: #ffffff !important;
}

.mbx-cashback-rack {
    padding: 28px;
    border-radius: 30px;
    background: #f4fbf7;
}

.mbx-cashback-rack__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.mbx-crypto-lab {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.88fr);
    gap: 26px;
    align-items: center;
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #081620 0%, #143449 100%);
}

.mbx-crypto-lab,
.mbx-crypto-lab .h2,
.mbx-crypto-lab p,
.mbx-crypto-lab b,
.mbx-crypto-lab span {
    color: #ffffff !important;
}

.mbx-crypto-lab p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.mbx-formula {
    margin-top: 16px;
    padding: 18px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.1);
}

.mbx-formula span {
    display: block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.74) !important;
    font-weight: 800;
}

.mbx-formula b {
    font-size: 20px;
    line-height: 1.4;
}

.mbx-galaxy {
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #071425 0%, #173863 100%);
}

.mbx-galaxy,
.mbx-galaxy .h2,
.mbx-galaxy p {
    color: #ffffff !important;
}

.mbx-galaxy p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.mbx-galaxy__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
    gap: 20px;
    align-items: start;
    margin-top: 18px;
}

.mbx-galaxy__levels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.mbx-galaxy__levels span {
    padding: 14px 12px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    text-align: center;
    font-weight: 800;
}

.mbx-galaxy img {
    height: 260px;
    margin-top: 18px;
}

.mbx-reward-map {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.mbx-reward-map__block {
    padding: 22px;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.mbx-reward-map__block img {
    height: 220px;
    margin-bottom: 16px;
}

.mbx-setup {
    padding: 28px;
    border-radius: 30px;
    background: #fff9f3;
}

.mbx-setup__steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.mbx-account-rail {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.mbx-account-rail__col {
    padding: 24px;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.mbx-account-rail__col img {
    margin-top: 16px;
    height: 240px;
}

.mbx-mistakes-board {
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #f7fbff 0%, #ffffff 100%);
}

.mbx-mistakes-board__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

@media (max-width: 1100px) {
    .mbx-map__grid,
    .mbx-cashback-rack__grid,
    .mbx-setup__steps,
    .mbx-mistakes-board__grid,
    .mbx-quickline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mbx-offer-ribbon__cards,
    .mbx-reward-map {
        grid-template-columns: 1fr;
    }

    .mbx-casino-shell__content,
    .mbx-sports-track,
    .mbx-crypto-lab,
    .mbx-account-rail,
    .mbx-galaxy__layout,
    .mbx-stage {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .mbx-stage,
    .mbx-map,
    .mbx-casino-shell__head,
    .mbx-casino-shell__content,
    .mbx-offer-ribbon,
    .mbx-sports-track,
    .mbx-cashback-rack,
    .mbx-crypto-lab,
    .mbx-galaxy,
    .mbx-reward-map__block,
    .mbx-setup,
    .mbx-account-rail__col,
    .mbx-mistakes-board {
        padding: 20px;
        border-radius: 24px;
    }

    .mbx-stage__actions {
        justify-content: center;
        align-items: center;
    }

    .mbx-stage__actions .sb-btn,
    .mbx-stage__actions .mbx-soft-btn {
        margin-left: auto;
        margin-right: auto;
    }

    .mbx-map__grid,
    .mbx-cashback-rack__grid,
    .mbx-setup__steps,
    .mbx-mistakes-board__grid,
    .mbx-quickline,
    .mbx-galaxy__levels {
        grid-template-columns: 1fr;
    }

    .mbx-stage__visual,
    .mbx-stage__visual img {
        min-height: 250px;
    }

    .mbx-galaxy img,
    .mbx-account-rail__col img,
    .mbx-reward-map__block img,
    .mbx-offer-ribbon__cards article img {
        height: 200px;
    }
}


.promo-code-page .h2 {
    letter-spacing: -0.03em;
}

.pcx-label {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(1, 170, 234, 0.12);
    color: #01aaea;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pcx-label--light {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.pcx-open {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(310px, 0.86fr);
    gap: 28px;
    align-items: stretch;
    padding: 34px;
    border-radius: 32px;
    background: linear-gradient(135deg, #071425 0%, #102b52 100%);
    overflow: hidden;
}

.pcx-open,
.pcx-open .h2,
.pcx-open p,
.pcx-open b,
.pcx-open strong {
    color: #ffffff !important;
}

.pcx-open p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.pcx-open__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.pcx-quiet-btn {
    display: inline-flex;
    align-items: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 900;
}

.pcx-open__panel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    min-height: 340px;
    padding: 24px;
    border-radius: 28px;
    background: radial-gradient(circle at top right, rgba(1, 170, 234, 0.32), transparent 36%), rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.pcx-fake-field {
    padding: 20px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.94);
    color: #071425;
}

.pcx-fake-field span {
    display: block;
    margin-bottom: 8px;
    color: #66758d;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 12px;
}

.pcx-fake-field strong {
    color: #071425 !important;
    font-size: 24px;
    line-height: 1.15;
}

.pcx-panel-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.pcx-panel-grid div {
    padding: 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.12);
}

.pcx-panel-grid b {
    display: block;
    margin-bottom: 8px;
    color: #7ee3ff !important;
    font-size: 20px;
}

.pcx-panel-grid span {
    color: #ffffff;
    font-weight: 800;
}

.pcx-signal-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 28px 0 34px;
}

.pcx-signal-row div,
.pcx-decision__grid div,
.pcx-timeline__list div,
.pcx-reasons__grid div,
.pcx-bonus-deck__cards article,
.pcx-cashout__grid div {
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.pcx-signal-row b,
.pcx-decision__grid b,
.pcx-reasons__grid b,
.pcx-bonus-deck__cards b,
.pcx-cashout__grid b {
    display: block;
    margin-bottom: 8px;
    color: #071425;
}

.pcx-signal-row span,
.pcx-reasons__grid span,
.pcx-cashout__grid span {
    color: #66758d;
}

.pcx-decision,
.pcx-timeline,
.pcx-casino-lane,
.pcx-sports-lane,
.pcx-compare,
.pcx-reasons,
.pcx-bonus-deck,
.pcx-no-deposit,
.pcx-mobile-panel,
.pcx-cashout,
.pcx-account-check {
    margin-top: 36px;
}

.pcx-decision {
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #f7fbff 0%, #eef7fd 100%);
}

.pcx-decision__grid,
.pcx-bonus-deck__cards,
.pcx-cashout__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.pcx-timeline {
    padding: 28px;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
}

.pcx-timeline__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.pcx-timeline__list span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #01aaea;
    color: #ffffff;
    font-weight: 900;
}

.pcx-timeline__list b {
    display: block;
    margin-bottom: 8px;
    color: #071425;
}

.pcx-casino-lane,
.pcx-sports-lane,
.pcx-mobile-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.7fr);
    gap: 26px;
    align-items: center;
    padding: 30px;
    border-radius: 32px;
}

.pcx-casino-lane {
    background: linear-gradient(135deg, #071425 0%, #12335f 100%);
}

.pcx-casino-lane,
.pcx-casino-lane .h2,
.pcx-casino-lane p,
.pcx-casino-lane b,
.pcx-casino-lane strong {
    color: #ffffff !important;
}

.pcx-casino-lane p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.pcx-casino-lane .link-accent {
    color: #7ee3ff !important;
}

.pcx-sports-lane {
    grid-template-columns: minmax(300px, 0.7fr) minmax(0, 1fr);
    background: #fff8f1;
    border: 1px solid rgba(18, 39, 73, 0.08);
}

.pcx-lane-card {
    display: grid;
    gap: 10px;
    padding: 22px;
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.1);
}

.pcx-lane-card--dark {
    background: #071425;
}

.pcx-lane-card b {
    font-size: 22px;
    color: #071425;
}

.pcx-lane-card--dark b {
    color: #ffffff;
}

.pcx-lane-card span {
    padding: 12px 14px;
    border-radius: 16px;
    background: #eef7fd;
    color: #173454;
    font-weight: 800;
}

.pcx-lane-card--dark span {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.pcx-reasons {
    padding: 28px;
    border-radius: 30px;
    background: #f8fbff;
}

.pcx-reasons__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.pcx-bonus-deck {
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #ffffff 0%, #eef7fd 100%);
}

.pcx-no-deposit,
.pcx-cashout,
.pcx-account-check {
    padding: 28px;
    border-radius: 30px;
}

.pcx-no-deposit {
    background: #071425;
}

.pcx-no-deposit,
.pcx-no-deposit .h2,
.pcx-no-deposit p {
    color: #ffffff !important;
}

.pcx-no-deposit p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.pcx-mobile-panel {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

.pcx-mobile-panel > div {
    min-height: 100%;
    padding: 22px;
    border-radius: 24px;
    background: #f7fbff;
}

.pcx-cashout {
    background: linear-gradient(135deg, #f4fbf7 0%, #eef7fd 100%);
}

.pcx-account-check {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

@media (max-width: 1100px) {
    .pcx-open,
    .pcx-casino-lane,
    .pcx-sports-lane,
    .pcx-mobile-panel {
        grid-template-columns: 1fr;
    }

    .pcx-signal-row,
    .pcx-decision__grid,
    .pcx-timeline__list,
    .pcx-bonus-deck__cards,
    .pcx-cashout__grid,
    .pcx-reasons__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .pcx-open,
    .pcx-decision,
    .pcx-timeline,
    .pcx-casino-lane,
    .pcx-sports-lane,
    .pcx-reasons,
    .pcx-bonus-deck,
    .pcx-no-deposit,
    .pcx-mobile-panel,
    .pcx-cashout,
    .pcx-account-check {
        padding: 20px;
        border-radius: 24px;
    }

    .pcx-open__actions {
        justify-content: center;
    }

    .pcx-open__actions .sb-btn,
    .pcx-open__actions .pcx-quiet-btn {
        margin-left: auto;
        margin-right: auto;
    }

    .pcx-signal-row,
    .pcx-decision__grid,
    .pcx-timeline__list,
    .pcx-bonus-deck__cards,
    .pcx-cashout__grid,
    .pcx-reasons__grid,
    .pcx-panel-grid {
        grid-template-columns: 1fr;
    }

    .pcx-open__panel {
        min-height: auto;
    }
}

.promo-code-page .h2 {
    letter-spacing: -0.03em;
}

.pcx-label {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(1, 170, 234, 0.12);
    color: #01aaea;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pcx-label--light {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.pcx-open {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(310px, 0.86fr);
    gap: 28px;
    align-items: stretch;
    padding: 34px;
    border-radius: 32px;
    background: linear-gradient(135deg, #071425 0%, #102b52 100%);
    overflow: hidden;
}

.pcx-open,
.pcx-open .h2,
.pcx-open p,
.pcx-open b,
.pcx-open strong {
    color: #ffffff !important;
}

.pcx-open p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.pcx-open__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.pcx-quiet-btn {
    display: inline-flex;
    align-items: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 900;
}

.pcx-open__panel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    min-height: 340px;
    padding: 24px;
    border-radius: 28px;
    background: radial-gradient(circle at top right, rgba(1, 170, 234, 0.32), transparent 36%), rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.pcx-fake-field {
    padding: 20px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.94);
    color: #071425;
}

.pcx-fake-field span {
    display: block;
    margin-bottom: 8px;
    color: #66758d;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 12px;
}

.pcx-fake-field strong {
    color: #071425 !important;
    font-size: 24px;
    line-height: 1.15;
}

.pcx-panel-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.pcx-panel-grid div {
    padding: 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.12);
}

.pcx-panel-grid b {
    display: block;
    margin-bottom: 8px;
    color: #7ee3ff !important;
    font-size: 20px;
}

.pcx-panel-grid span {
    color: #ffffff;
    font-weight: 800;
}

.pcx-signal-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 28px 0 34px;
}

.pcx-signal-row div,
.pcx-decision__grid div,
.pcx-timeline__list div,
.pcx-reasons__grid div,
.pcx-bonus-deck__cards article,
.pcx-cashout__grid div {
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.pcx-signal-row b,
.pcx-decision__grid b,
.pcx-reasons__grid b,
.pcx-bonus-deck__cards b,
.pcx-cashout__grid b {
    display: block;
    margin-bottom: 8px;
    color: #071425;
}

.pcx-signal-row span,
.pcx-reasons__grid span,
.pcx-cashout__grid span {
    color: #66758d;
}

.pcx-decision,
.pcx-timeline,
.pcx-casino-lane,
.pcx-sports-lane,
.pcx-compare,
.pcx-reasons,
.pcx-bonus-deck,
.pcx-no-deposit,
.pcx-mobile-panel,
.pcx-cashout,
.pcx-account-check {
    margin-top: 36px;
}

.pcx-decision {
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #f7fbff 0%, #eef7fd 100%);
}

.pcx-decision__grid,
.pcx-bonus-deck__cards,
.pcx-cashout__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.pcx-timeline {
    padding: 28px;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
}

.pcx-timeline__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.pcx-timeline__list span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #01aaea;
    color: #ffffff;
    font-weight: 900;
}

.pcx-timeline__list b {
    display: block;
    margin-bottom: 8px;
    color: #071425;
}

.pcx-casino-lane,
.pcx-sports-lane,
.pcx-mobile-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.7fr);
    gap: 26px;
    align-items: center;
    padding: 30px;
    border-radius: 32px;
}

.pcx-casino-lane {
    background: linear-gradient(135deg, #071425 0%, #12335f 100%);
}

.pcx-casino-lane,
.pcx-casino-lane .h2,
.pcx-casino-lane p,
.pcx-casino-lane b,
.pcx-casino-lane strong {
    color: #ffffff !important;
}

.pcx-casino-lane p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.pcx-casino-lane .link-accent {
    color: #7ee3ff !important;
}

.pcx-sports-lane {
    grid-template-columns: minmax(300px, 0.7fr) minmax(0, 1fr);
    background: #fff8f1;
    border: 1px solid rgba(18, 39, 73, 0.08);
}

.pcx-lane-card {
    display: grid;
    gap: 10px;
    padding: 22px;
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.1);
}

.pcx-lane-card--dark {
    background: #071425;
}

.pcx-lane-card b {
    font-size: 22px;
    color: #071425!important;
}

.pcx-lane-card--dark b {
    color: #ffffff;
}

.pcx-lane-card span {
    padding: 12px 14px;
    border-radius: 16px;
    background: #eef7fd;
    color: #173454;
    font-weight: 800;
}

.pcx-lane-card--dark span {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.pcx-reasons {
    padding: 28px;
    border-radius: 30px;
    background: #f8fbff;
}

.pcx-reasons__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.pcx-bonus-deck {
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #ffffff 0%, #eef7fd 100%);
}

.pcx-no-deposit,
.pcx-cashout,
.pcx-account-check {
    padding: 28px;
    border-radius: 30px;
}

.pcx-no-deposit {
    background: #071425;
}

.pcx-no-deposit,
.pcx-no-deposit .h2,
.pcx-no-deposit p {
    color: #ffffff !important;
}

.pcx-no-deposit p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.pcx-mobile-panel {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

.pcx-mobile-panel > div {
    min-height: 100%;
    padding: 22px;
    border-radius: 24px;
    background: #f7fbff;
}

.pcx-cashout {
    background: linear-gradient(135deg, #f4fbf7 0%, #eef7fd 100%);
}

.pcx-account-check {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

@media (max-width: 1100px) {
    .pcx-open,
    .pcx-casino-lane,
    .pcx-sports-lane,
    .pcx-mobile-panel {
        grid-template-columns: 1fr;
    }

    .pcx-signal-row,
    .pcx-decision__grid,
    .pcx-timeline__list,
    .pcx-bonus-deck__cards,
    .pcx-cashout__grid,
    .pcx-reasons__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .pcx-open,
    .pcx-decision,
    .pcx-timeline,
    .pcx-casino-lane,
    .pcx-sports-lane,
    .pcx-reasons,
    .pcx-bonus-deck,
    .pcx-no-deposit,
    .pcx-mobile-panel,
    .pcx-cashout,
    .pcx-account-check {
        padding: 20px;
        border-radius: 24px;
    }

    .pcx-open__actions {
        justify-content: center;
    }

    .pcx-open__actions .sb-btn,
    .pcx-open__actions .pcx-quiet-btn {
        margin-left: auto;
        margin-right: auto;
    }

    .pcx-signal-row,
    .pcx-decision__grid,
    .pcx-timeline__list,
    .pcx-bonus-deck__cards,
    .pcx-cashout__grid,
    .pcx-reasons__grid,
    .pcx-panel-grid {
        grid-template-columns: 1fr;
    }

    .pcx-open__panel {
        min-height: auto;
    }
}


.pcx-decision__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.58fr);
    gap: 22px;
    align-items: center;
}

.pcx-photo-slot,
.pcx-lane-media,
.pcx-small-photo {
    overflow: hidden;
    border-radius: 24px;
    background: #071425;
}

.pcx-photo-slot img,
.pcx-lane-media img,
.pcx-small-photo img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.pcx-photo-slot img {
    height: 260px;
}

.pcx-lane-media img {
    height: 220px;
    margin-bottom: 14px;
    border-radius: 24px;
}

.pcx-small-photo {
    margin-top: 18px;
}

.pcx-small-photo img {
    height: 220px;
}

.pcx-lane-media .pcx-lane-card {
    margin-top: 0;
}

@media (max-width: 1100px) {
    .pcx-decision__layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .pcx-photo-slot img,
    .pcx-lane-media img,
    .pcx-small-photo img {
        height: 190px;
    }
}

.promo-code-page .pcx-photo-slot img,
.promo-code-page .pcx-lane-media img,
.promo-code-page .pcx-small-photo img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
}


.app-page .h2 {
    letter-spacing: -0.03em;
}

.app-label {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(1, 170, 234, 0.12);
    color: #01aaea;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.app-label--light {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.app-open {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(310px, 0.72fr);
    gap: 28px;
    align-items: stretch;
    padding: 34px;
    border-radius: 32px;
    background: linear-gradient(135deg, #071425 0%, #12325c 100%);
    overflow: hidden;
}

.app-open,
.app-open .h2,
.app-open p,
.app-open b,
.app-open strong {
    color: #ffffff !important;
}

.app-open p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.app-open__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.app-soft-btn {
    display: inline-flex;
    align-items: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 900;
}

.app-open__device {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 360px;
    border-radius: 30px;
    background: radial-gradient(circle at top, rgba(1, 170, 234, 0.28), transparent 52%), rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
}

.app-phone {
    width: 230px;
    min-height: 320px;
    padding: 14px;
    border-radius: 34px;
    background: #020814;
    border: 8px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.32);
}

.app-phone__top {
    display: block;
    width: 72px;
    height: 7px;
    margin: 0 auto 18px;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.2);
}

.app-phone__screen {
    display: grid;
    gap: 10px;
}

.app-phone__screen b {
    margin-bottom: 4px;
    color: #ffffff !important;
}

.app-phone__screen span {
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 800;
}

.app-status-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 28px 0 34px;
}

.app-status-row div,
.app-steps__grid div,
.app-cashier__grid div,
.app-troubleshoot__grid div {
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.app-status-row b,
.app-steps__grid b,
.app-cashier__grid b,
.app-troubleshoot__grid b {
    display: block;
    margin-bottom: 8px;
    color: #071425;
}

.app-status-row span,
.app-cashier__grid span,
.app-troubleshoot__grid span {
    color: #66758d;
}

.app-answer,
.app-ios,
.app-mobile-casino,
.app-mobile-sports,
.app-account {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.74fr);
    gap: 26px;
    align-items: center;
    margin-top: 36px;
    padding: 30px;
    border-radius: 32px;
}

.app-answer {
    background: linear-gradient(135deg, #f7fbff 0%, #eef7fd 100%);
}

.app-photo {
    overflow: hidden;
    border-radius: 24px;
    background: #071425;
}

.app-photo img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.app-steps,
.app-feature-map,
.app-cashier,
.app-troubleshoot,
.app-responsible {
    margin-top: 36px;
    padding: 30px;
    border-radius: 32px;
}

.app-steps {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

.app-steps__grid,
.app-cashier__grid,
.app-troubleshoot__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.app-steps__grid span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #01aaea;
    color: #ffffff;
    font-weight: 900;
}

.app-ios {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.56fr);
    background: #071425;
}

.app-ios,
.app-ios .h2,
.app-ios p,
.app-ios b,
.app-ios strong {
    color: #ffffff !important;
}

.app-ios p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.app-ios__panel,
.app-security-list {
    display: grid;
    gap: 10px;
    padding: 22px;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.1);
}

.app-ios__panel b,
.app-security-list b {
    margin-bottom: 6px;
    color: #ffffff;
    font-size: 22px;
}

.app-ios__panel span,
.app-security-list span {
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 800;
}

.app-feature-map {
    background: linear-gradient(135deg, #fff8f1 0%, #ffffff 100%);
}

.app-feature-map__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.app-feature-tile {
    display: block;
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
    text-decoration: none;
}

.app-feature-tile b {
    display: block;
    margin-bottom: 8px;
    color: #071425;
}

.app-feature-tile span {
    color: #66758d;
}

.app-mobile-casino {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
}

.app-mobile-sports {
    grid-template-columns: minmax(300px, 0.74fr) minmax(0, 1fr);
    background: linear-gradient(135deg, #071425 0%, #15345e 100%);
}

.app-mobile-sports,
.app-mobile-sports .h2,
.app-mobile-sports p,
.app-mobile-sports b,
.app-mobile-sports strong {
    color: #ffffff !important;
}

.app-mobile-sports p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.app-account {
    background: #fff8f1;
}

.app-security-list {
    background: #071425;
}

.app-cashier {
    background: linear-gradient(135deg, #f4fbf7 0%, #eef7fd 100%);
}

.app-cashier__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.app-troubleshoot {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

.app-troubleshoot__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.app-responsible {
    background: #071425;
}

.app-responsible,
.app-responsible .h2,
.app-responsible p {
    color: #ffffff !important;
}

.app-responsible p {
    color: rgba(255, 255, 255, 0.88) !important;
}

@media (max-width: 1100px) {
    .app-open,
    .app-answer,
    .app-ios,
    .app-mobile-casino,
    .app-mobile-sports,
    .app-account {
        grid-template-columns: 1fr;
    }

    .app-status-row,
    .app-steps__grid,
    .app-feature-map__grid,
    .app-cashier__grid,
    .app-troubleshoot__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .app-open,
    .app-answer,
    .app-ios,
    .app-steps,
    .app-feature-map,
    .app-mobile-casino,
    .app-mobile-sports,
    .app-account,
    .app-cashier,
    .app-troubleshoot,
    .app-responsible {
        padding: 20px;
        border-radius: 24px;
    }

    .app-open__actions {
        justify-content: center;
    }

    .app-open__actions .sb-btn,
    .app-open__actions .app-soft-btn {
        margin-left: auto;
        margin-right: auto;
    }

    .app-status-row,
    .app-steps__grid,
    .app-feature-map__grid,
    .app-cashier__grid,
    .app-troubleshoot__grid {
        grid-template-columns: 1fr;
    }

    .app-open__device {
        min-height: auto;
        padding: 20px;
    }

    .app-phone {
        width: 100%;
        max-width: 260px;
    }
}

.app-page .h2 {
    letter-spacing: -0.03em;
}

.app-label {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(1, 170, 234, 0.12);
    color: #01aaea;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.app-label--light {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.app-open {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(310px, 0.72fr);
    gap: 28px;
    align-items: stretch;
    padding: 34px;
    border-radius: 32px;
    background: linear-gradient(135deg, #071425 0%, #12325c 100%);
    overflow: hidden;
}

.app-open,
.app-open .h2,
.app-open p,
.app-open b,
.app-open strong {
    color: #ffffff !important;
}

.app-open p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.app-open__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.app-soft-btn {
    display: inline-flex;
    align-items: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 900;
}

.app-open__device {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 360px;
    border-radius: 30px;
    background: radial-gradient(circle at top, rgba(1, 170, 234, 0.28), transparent 52%), rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
}

.app-phone {
    width: 230px;
    min-height: 320px;
    padding: 14px;
    border-radius: 34px;
    background: #020814;
    border: 8px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.32);
}

.app-phone__top {
    display: block;
    width: 72px;
    height: 7px;
    margin: 0 auto 18px;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.2);
}

.app-phone__screen {
    display: grid;
    gap: 10px;
}

.app-phone__screen b {
    margin-bottom: 4px;
    color: #ffffff !important;
}

.app-phone__screen span {
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 800;
}

.app-status-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 28px 0 34px;
}

.app-status-row div,
.app-steps__grid div,
.app-cashier__grid div,
.app-troubleshoot__grid div {
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.app-status-row b,
.app-steps__grid b,
.app-cashier__grid b,
.app-troubleshoot__grid b {
    display: block;
    margin-bottom: 8px;
    color: #071425;
}

.app-status-row span,
.app-cashier__grid span,
.app-troubleshoot__grid span {
    color: #66758d;
}

.app-answer,
.app-ios,
.app-mobile-casino,
.app-mobile-sports,
.app-account {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.74fr);
    gap: 26px;
    align-items: center;
    margin-top: 36px;
    padding: 30px;
    border-radius: 32px;
}

.app-answer {
    background: linear-gradient(135deg, #f7fbff 0%, #eef7fd 100%);
}

.app-photo {
    overflow: hidden;
    border-radius: 24px;
    background: #071425;
}

.app-photo img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.app-steps,
.app-feature-map,
.app-cashier,
.app-troubleshoot,
.app-responsible {
    margin-top: 36px;
    padding: 30px;
    border-radius: 32px;
}

.app-steps {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

.app-steps__grid,
.app-cashier__grid,
.app-troubleshoot__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.app-steps__grid span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #01aaea;
    color: #ffffff;
    font-weight: 900;
}

.app-ios {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.56fr);
    background: #071425;
}

.app-ios,
.app-ios .h2,
.app-ios p,
.app-ios b,
.app-ios strong {
    color: #ffffff !important;
}

.app-ios p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.app-ios__panel,
.app-security-list {
    display: grid;
    gap: 10px;
    padding: 22px;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.1);
}

.app-ios__panel b,
.app-security-list b {
    margin-bottom: 6px;
    color: #ffffff;
    font-size: 22px;
}

.app-ios__panel span,
.app-security-list span {
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 800;
}

.app-feature-map {
    background: linear-gradient(135deg, #fff8f1 0%, #ffffff 100%);
}

.app-feature-map__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.app-feature-tile {
    display: block;
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
    text-decoration: none;
}

.app-feature-tile b {
    display: block;
    margin-bottom: 8px;
    color: #071425;
}

.app-feature-tile span {
    color: #66758d;
}

.app-mobile-casino {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
}

.app-mobile-sports {
    grid-template-columns: minmax(300px, 0.74fr) minmax(0, 1fr);
    background: linear-gradient(135deg, #071425 0%, #15345e 100%);
}

.app-mobile-sports,
.app-mobile-sports .h2,
.app-mobile-sports p,
.app-mobile-sports b,
.app-mobile-sports strong {
    color: #ffffff !important;
}

.app-mobile-sports p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.app-account {
    background: #fff8f1;
}

.app-security-list {
    background: #071425;
}

.app-cashier {
    background: linear-gradient(135deg, #f4fbf7 0%, #eef7fd 100%);
}

.app-cashier__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.app-troubleshoot {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

.app-troubleshoot__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.app-responsible {
    background: #071425;
}

.app-responsible,
.app-responsible .h2,
.app-responsible p {
    color: #ffffff !important;
}

.app-responsible p {
    color: rgba(255, 255, 255, 0.88) !important;
}

@media (max-width: 1100px) {
    .app-open,
    .app-answer,
    .app-ios,
    .app-mobile-casino,
    .app-mobile-sports,
    .app-account {
        grid-template-columns: 1fr;
    }

    .app-status-row,
    .app-steps__grid,
    .app-feature-map__grid,
    .app-cashier__grid,
    .app-troubleshoot__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .app-open,
    .app-answer,
    .app-ios,
    .app-steps,
    .app-feature-map,
    .app-mobile-casino,
    .app-mobile-sports,
    .app-account,
    .app-cashier,
    .app-troubleshoot,
    .app-responsible {
        padding: 20px;
        border-radius: 24px;
    }

    .app-open__actions {
        justify-content: center;
    }

    .app-open__actions .sb-btn,
    .app-open__actions .app-soft-btn {
        margin-left: auto;
        margin-right: auto;
    }

    .app-status-row,
    .app-steps__grid,
    .app-feature-map__grid,
    .app-cashier__grid,
    .app-troubleshoot__grid {
        grid-template-columns: 1fr;
    }

    .app-open__device {
        min-height: auto;
        padding: 20px;
    }

    .app-phone {
        width: 100%;
        max-width: 260px;
    }
}


.app-compat,
.app-register,
.app-bonus-mobile {
    margin-top: 36px;
    padding: 30px;
    border-radius: 32px;
}

.app-compat {
    background: linear-gradient(135deg, #f7fbff 0%, #eef7fd 100%);
}

.app-compat__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.app-compat__grid div {
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.app-compat__grid b {
    display: block;
    margin-bottom: 8px;
    color: #071425;
}

.app-compat__grid span {
    color: #66758d;
}

.app-register {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);
    gap: 26px;
    align-items: center;
    background: #fff8f1;
}

.app-bonus-mobile {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

@media (max-width: 1100px) {
    .app-register {
        grid-template-columns: 1fr;
    }

    .app-compat__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .app-compat,
    .app-register,
    .app-bonus-mobile {
        padding: 20px;
        border-radius: 24px;
    }

    .app-compat__grid {
        grid-template-columns: 1fr;
    }
}


.app-promo-mobile {
    margin-top: 36px;
    padding: 30px;
    border-radius: 32px;
    background: linear-gradient(135deg, #ffffff 0%, #eef7fd 100%);
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

@media (max-width: 640px) {
    .app-promo-mobile {
        padding: 20px;
        border-radius: 24px;
    }
}



.login-page .h2 {
    letter-spacing: -0.03em;
}

.lg-label {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(1, 170, 234, 0.12);
    color: #01aaea;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lg-label--light {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.lg-open {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(310px, 0.72fr);
    gap: 28px;
    align-items: stretch;
    padding: 34px;
    border-radius: 32px;
    background: linear-gradient(135deg, #071425 0%, #12325c 100%);
    overflow: hidden;
}

.lg-open,
.lg-open .h2,
.lg-open p,
.lg-open b,
.lg-open strong {
    color: #ffffff !important;
}

.lg-open p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.lg-open__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.lg-soft-btn {
    display: inline-flex;
    align-items: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 900;
}

.lg-open__panel {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 340px;
    padding: 22px;
    border-radius: 30px;
    background: radial-gradient(circle at top, rgba(1, 170, 234, 0.28), transparent 52%), rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
}

.lg-login-card {
    width: 100%;
    max-width: 310px;
    display: grid;
    gap: 11px;
    padding: 22px;
    border-radius: 26px;
    background: #ffffff;
}

.lg-login-card span {
    color: #66758d;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.lg-login-card b {
    display: block;
    padding: 13px 14px;
    border-radius: 16px;
    background: #eef7fd;
    color: #071425 !important;
}

.lg-status-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 28px 0 34px;
}

.lg-status-row div,
.lg-steps__grid div,
.lg-errors__grid div,
.lg-security__grid div,
.lg-troubleshoot__grid div {
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.lg-status-row b,
.lg-steps__grid b,
.lg-errors__grid b,
.lg-security__grid b,
.lg-troubleshoot__grid b {
    display: block;
    margin-bottom: 8px;
    color: #071425;
}

.lg-status-row span,
.lg-errors__grid span,
.lg-security__grid span,
.lg-troubleshoot__grid span {
    color: #66758d;
}

.lg-steps,
.lg-errors,
.lg-security,
.lg-troubleshoot,
.lg-safe,
.lg-kyc,
.lg-casino-sports {
    margin-top: 36px;
    padding: 30px;
    border-radius: 32px;
}

.lg-steps {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

.lg-steps__grid,
.lg-security__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.lg-steps__grid span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #01aaea;
    color: #ffffff;
    font-weight: 900;
}

.lg-photo-split,
.lg-reset,
.lg-mobile,
.lg-bonus-cashier {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);
    gap: 26px;
    align-items: center;
    margin-top: 36px;
    padding: 30px;
    border-radius: 32px;
}

.lg-photo-split {
    background: linear-gradient(135deg, #f7fbff 0%, #eef7fd 100%);
}

.lg-photo {
    overflow: hidden;
    border-radius: 24px;
    background: #071425;
}

.lg-photo img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.lg-reset {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.56fr);
    background: #071425;
}

.lg-reset,
.lg-reset .h2,
.lg-reset p,
.lg-reset b,
.lg-reset strong {
    color: #ffffff !important;
}

.lg-reset p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.lg-reset__list,
.lg-checklist {
    display: grid;
    gap: 10px;
    padding: 22px;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.1);
}

.lg-reset__list b,
.lg-checklist b {
    margin-bottom: 6px;
    color: #ffffff;
    font-size: 22px;
}

.lg-reset__list span,
.lg-checklist span {
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 800;
}

.lg-errors {
    background: #fff8f1;
}

.lg-errors__grid,
.lg-troubleshoot__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.lg-mobile {
    grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1fr);
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
}

.lg-security {
    background: linear-gradient(135deg, #f4fbf7 0%, #eef7fd 100%);
}

.lg-bonus-cashier {
    background: #071425;
}

.lg-bonus-cashier,
.lg-bonus-cashier .h2,
.lg-bonus-cashier p,
.lg-bonus-cashier b,
.lg-bonus-cashier strong {
    color: #ffffff !important;
}

.lg-bonus-cashier p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.lg-bonus-cashier .link-accent {
    color: #7ee3ff !important;
}

.lg-casino-sports {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

.lg-kyc {
    background: linear-gradient(135deg, #ffffff 0%, #eef7fd 100%);
}

.lg-troubleshoot {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

.lg-safe {
    background: #071425;
}

.lg-safe,
.lg-safe .h2,
.lg-safe p {
    color: #ffffff !important;
}

.lg-safe p {
    color: rgba(255, 255, 255, 0.88) !important;
}

@media (max-width: 1100px) {
    .lg-open,
    .lg-photo-split,
    .lg-reset,
    .lg-mobile,
    .lg-bonus-cashier {
        grid-template-columns: 1fr;
    }

    .lg-status-row,
    .lg-steps__grid,
    .lg-errors__grid,
    .lg-security__grid,
    .lg-troubleshoot__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .lg-open,
    .lg-steps,
    .lg-photo-split,
    .lg-reset,
    .lg-errors,
    .lg-mobile,
    .lg-security,
    .lg-bonus-cashier,
    .lg-casino-sports,
    .lg-kyc,
    .lg-troubleshoot,
    .lg-safe {
        padding: 20px;
        border-radius: 24px;
    }

    .lg-open__actions {
        justify-content: center;
    }

    .lg-open__actions .sb-btn,
    .lg-open__actions .lg-soft-btn {
        margin-left: auto;
        margin-right: auto;
    }

    .lg-status-row,
    .lg-steps__grid,
    .lg-errors__grid,
    .lg-security__grid,
    .lg-troubleshoot__grid {
        grid-template-columns: 1fr;
    }

    .lg-open__panel {
        min-height: auto;
    }
}


.login-page .h2 {
    letter-spacing: -0.03em;
}

.lg-label {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(1, 170, 234, 0.12);
    color: #01aaea;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lg-label--light {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.lg-open {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(310px, 0.72fr);
    gap: 28px;
    align-items: stretch;
    padding: 34px;
    border-radius: 32px;
    background: linear-gradient(135deg, #071425 0%, #12325c 100%);
    overflow: hidden;
}

.lg-open,
.lg-open .h2,
.lg-open p,
.lg-open b,
.lg-open strong {
    color: #ffffff !important;
}

.lg-open p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.lg-open__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.lg-soft-btn {
    display: inline-flex;
    align-items: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 900;
}

.lg-open__panel {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 340px;
    padding: 22px;
    border-radius: 30px;
    background: radial-gradient(circle at top, rgba(1, 170, 234, 0.28), transparent 52%), rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
}

.lg-login-card {
    width: 100%;
    max-width: 310px;
    display: grid;
    gap: 11px;
    padding: 22px;
    border-radius: 26px;
    background: #ffffff;
}

.lg-login-card span {
    color: #66758d;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.lg-login-card b {
    display: block;
    padding: 13px 14px;
    border-radius: 16px;
    background: #eef7fd;
    color: #071425 !important;
}

.lg-status-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 28px 0 34px;
}

.lg-status-row div,
.lg-steps__grid div,
.lg-errors__grid div,
.lg-security__grid div,
.lg-troubleshoot__grid div {
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.lg-status-row b,
.lg-steps__grid b,
.lg-errors__grid b,
.lg-security__grid b,
.lg-troubleshoot__grid b {
    display: block;
    margin-bottom: 8px;
    color: #071425;
}

.lg-status-row span,
.lg-errors__grid span,
.lg-security__grid span,
.lg-troubleshoot__grid span {
    color: #66758d;
}

.lg-steps,
.lg-errors,
.lg-security,
.lg-troubleshoot,
.lg-safe,
.lg-kyc,
.lg-casino-sports {
    margin-top: 36px;
    padding: 30px;
    border-radius: 32px;
}

.lg-steps {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

.lg-steps__grid,
.lg-security__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.lg-steps__grid span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #01aaea;
    color: #ffffff;
    font-weight: 900;
}

.lg-photo-split,
.lg-reset,
.lg-mobile,
.lg-bonus-cashier {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);
    gap: 26px;
    align-items: center;
    margin-top: 36px;
    padding: 30px;
    border-radius: 32px;
}

.lg-photo-split {
    background: linear-gradient(135deg, #f7fbff 0%, #eef7fd 100%);
}

.lg-photo {
    overflow: hidden;
    border-radius: 24px;
    background: #071425;
}

.lg-photo img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.lg-reset {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.56fr);
    background: #071425;
}

.lg-reset,
.lg-reset .h2,
.lg-reset p,
.lg-reset b,
.lg-reset strong {
    color: #ffffff !important;
}

.lg-reset p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.lg-reset__list,
.lg-checklist {
    display: grid;
    gap: 10px;
    padding: 22px;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.1);
}

.lg-reset__list b,
.lg-checklist b {
    margin-bottom: 6px;
    color: #ffffff;
    font-size: 22px;
}

.lg-reset__list span,
.lg-checklist span {
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 800;
}

.lg-errors {
    background: #fff8f1;
}

.lg-errors__grid,
.lg-troubleshoot__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.lg-mobile {
    grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1fr);
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
}

.lg-security {
    background: linear-gradient(135deg, #f4fbf7 0%, #eef7fd 100%);
}

.lg-bonus-cashier {
    background: #071425;
}

.lg-bonus-cashier,
.lg-bonus-cashier .h2,
.lg-bonus-cashier p,
.lg-bonus-cashier b,
.lg-bonus-cashier strong {
    color: #ffffff !important;
}

.lg-bonus-cashier p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.lg-bonus-cashier .link-accent {
    color: #7ee3ff !important;
}

.lg-casino-sports {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

.lg-kyc {
    background: linear-gradient(135deg, #ffffff 0%, #eef7fd 100%);
}

.lg-troubleshoot {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

.lg-safe {
    background: #071425;
}

.lg-safe,
.lg-safe .h2,
.lg-safe p {
    color: #ffffff !important;
}

.lg-safe p {
    color: rgba(255, 255, 255, 0.88) !important;
}

@media (max-width: 1100px) {
    .lg-open,
    .lg-photo-split,
    .lg-reset,
    .lg-mobile,
    .lg-bonus-cashier {
        grid-template-columns: 1fr;
    }

    .lg-status-row,
    .lg-steps__grid,
    .lg-errors__grid,
    .lg-security__grid,
    .lg-troubleshoot__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .lg-open,
    .lg-steps,
    .lg-photo-split,
    .lg-reset,
    .lg-errors,
    .lg-mobile,
    .lg-security,
    .lg-bonus-cashier,
    .lg-casino-sports,
    .lg-kyc,
    .lg-troubleshoot,
    .lg-safe {
        padding: 20px;
        border-radius: 24px;
    }

    .lg-open__actions {
        justify-content: center;
    }

    .lg-open__actions .sb-btn,
    .lg-open__actions .lg-soft-btn {
        margin-left: auto;
        margin-right: auto;
    }

    .lg-status-row,
    .lg-steps__grid,
    .lg-errors__grid,
    .lg-security__grid,
    .lg-troubleshoot__grid {
        grid-template-columns: 1fr;
    }

    .lg-open__panel {
        min-height: auto;
    }
}


.lg-account-console,
.lg-mobile-mock {
    padding: 22px;
    border-radius: 26px;
    background: #071425;
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.16);
}

.lg-console-top {
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
}

.lg-console-top span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.24);
}

.lg-console-body,
.lg-mobile-mock__phone {
    display: grid;
    gap: 10px;
}

.lg-console-body b,
.lg-mobile-mock__phone b {
    color: #ffffff;
    font-size: 22px;
}

.lg-console-body span,
.lg-mobile-mock__phone span:not(.lg-mobile-mock__bar) {
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 800;
}

.lg-mobile-mock {
    display: flex;
    justify-content: center;
}

.lg-mobile-mock__phone {
    width: 100%;
    max-width: 270px;
    min-height: 300px;
    padding: 18px;
    border-radius: 32px;
    background: #020814;
    border: 8px solid rgba(255, 255, 255, 0.14);
}

.lg-mobile-mock__bar {
    width: 74px;
    height: 7px;
    margin: 0 auto 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
}

@media (max-width: 640px) {
    .lg-account-console,
    .lg-mobile-mock {
        padding: 18px;
        border-radius: 22px;
    }

    .lg-mobile-mock__phone {
        max-width: 250px;
    }
}


.signup-page .h2 {
    letter-spacing: -0.03em;
}

.su-label {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(1, 170, 234, 0.12);
    color: #01aaea;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.su-open {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(310px, 0.72fr);
    gap: 28px;
    align-items: stretch;
    padding: 34px;
    border-radius: 32px;
    background: linear-gradient(135deg, #071425 0%, #12325c 100%);
    overflow: hidden;
}

.su-open,
.su-open .h2,
.su-open p,
.su-open b,
.su-open strong {
    color: #ffffff !important;
}

.su-open p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.su-open__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.su-soft-btn {
    display: inline-flex;
    align-items: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 900;
}

.su-open__panel {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 350px;
    padding: 22px;
    border-radius: 30px;
    background: radial-gradient(circle at top, rgba(1, 170, 234, 0.28), transparent 52%), rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
}

.su-register-card,
.su-console,
.su-phone,
.su-checklist {
    padding: 22px;
    border-radius: 26px;
    background: #071425;
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.16);
}

.su-register-card {
    width: 100%;
    max-width: 320px;
    display: grid;
    gap: 10px;
    background: #ffffff;
}

.su-register-card span {
    color: #66758d;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.su-register-card b {
    display: block;
    padding: 13px 14px;
    border-radius: 16px;
    background: #eef7fd;
    color: #071425 !important;
}

.su-status-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 28px 0 34px;
}

.su-status-row div,
.su-steps__grid div,
.su-errors__grid div {
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 16px 42px rgba(17, 39, 70, 0.08);
}

.su-status-row b,
.su-steps__grid b,
.su-errors__grid b {
    display: block;
    margin-bottom: 8px;
    color: #071425;
}

.su-status-row span,
.su-errors__grid span {
    color: #66758d;
}

.su-steps,
.su-errors,
.su-login,
.su-play-access,
.su-kyc,
.su-safe,
.su-bonus {
    margin-top: 36px;
    padding: 30px;
    border-radius: 32px;
}

.su-steps {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

.su-steps__grid,
.su-errors__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.su-errors__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.su-steps__grid span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #01aaea;
    color: #ffffff;
    font-weight: 900;
}

.su-details,
.su-mobile,
.su-first-deposit {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);
    gap: 26px;
    align-items: center;
    margin-top: 36px;
    padding: 30px;
    border-radius: 32px;
}

.su-details {
    background: linear-gradient(135deg, #f7fbff 0%, #eef7fd 100%);
}

.su-console-top {
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
}

.su-console-top span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.24);
}

.su-console-body,
.su-phone__body,
.su-checklist {
    display: grid;
    gap: 10px;
}

.su-console-body b,
.su-phone__body b,
.su-checklist b {
    color: #ffffff;
    font-size: 22px;
}

.su-console-body span,
.su-phone__body span:not(.su-phone__bar),
.su-checklist span {
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 800;
}

.su-mobile {
    grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1fr);
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
}

.su-phone {
    display: flex;
    justify-content: center;
}

.su-phone__body {
    width: 100%;
    max-width: 270px;
    min-height: 300px;
    padding: 18px;
    border-radius: 32px;
    background: #020814;
    border: 8px solid rgba(255, 255, 255, 0.14);
}

.su-phone__bar {
    width: 74px;
    height: 7px;
    margin: 0 auto 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
}

.su-bonus {
    background: linear-gradient(135deg, #fff8f1 0%, #ffffff 100%);
    border: 1px solid rgba(18, 39, 73, 0.08);
}

.su-first-deposit {
    background: #071425;
}

.su-first-deposit,
.su-first-deposit .h2,
.su-first-deposit p,
.su-first-deposit b,
.su-first-deposit strong {
    color: #ffffff !important;
}

.su-first-deposit p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.su-errors {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

.su-login {
    background: linear-gradient(135deg, #f4fbf7 0%, #eef7fd 100%);
}

.su-play-access {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

.su-kyc {
    background: linear-gradient(135deg, #ffffff 0%, #eef7fd 100%);
}

.su-safe {
    background: #071425;
}

.su-safe,
.su-safe .h2,
.su-safe p {
    color: #ffffff !important;
}

.su-safe p {
    color: rgba(255, 255, 255, 0.88) !important;
}

@media (max-width: 1100px) {
    .su-open,
    .su-details,
    .su-mobile,
    .su-first-deposit {
        grid-template-columns: 1fr;
    }

    .su-status-row,
    .su-steps__grid,
    .su-errors__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .su-open,
    .su-steps,
    .su-details,
    .su-mobile,
    .su-bonus,
    .su-first-deposit,
    .su-errors,
    .su-login,
    .su-play-access,
    .su-kyc,
    .su-safe {
        padding: 20px;
        border-radius: 24px;
    }

    .su-open__actions {
        justify-content: center;
    }

    .su-open__actions .sb-btn,
    .su-open__actions .su-soft-btn {
        margin-left: auto;
        margin-right: auto;
    }

    .su-status-row,
    .su-steps__grid,
    .su-errors__grid {
        grid-template-columns: 1fr;
    }

    .su-open__panel {
        min-height: auto;
    }
}


.su-photo {
    overflow: hidden;
    border-radius: 26px;
    background: #071425;
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.16);
}

.su-photo img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    object-fit: contain;
    object-position: center;
}

@media (max-width: 640px) {
    .su-photo {
        border-radius: 22px;
    }
}


.su-eligibility,
.su-email-password,
.su-payment-methods,
.su-support {
    margin-top: 36px;
    padding: 30px;
    border-radius: 32px;
}

.su-eligibility {
    background: linear-gradient(135deg, #ffffff 0%, #eef7fd 100%);
    border: 1px solid rgba(18, 39, 73, 0.1);
}

.su-email-password {
    background: #ffffff;
    border: 1px solid rgba(18, 39, 73, 0.1);
    box-shadow: 0 18px 48px rgba(17, 39, 70, 0.08);
}

.su-payment-methods {
    background: linear-gradient(135deg, #f7fbff 0%, #eef7fd 100%);
}

.su-support {
    background: linear-gradient(135deg, #fff8f1 0%, #ffffff 100%);
    border: 1px solid rgba(18, 39, 73, 0.08);
}

.su-photo img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    object-fit: contain;
    object-position: center;
}

@media (max-width: 640px) {
    .su-eligibility,
    .su-email-password,
    .su-payment-methods,
    .su-support {
        padding: 20px;
        border-radius: 24px;
    }
}

.ms-author {
    display: flex;
    align-items: center;
    gap: 28px;
    width: 100%;
    max-width: 100%;
    padding: 28px;
    border: 1px solid rgba(32, 105, 255, 0.45);
    border-radius: 20px;
    background: #fff;
}

.ms-author__content {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 820px;
}

.ms-author h2 {
    margin: 14px 0 14px;
    max-width: none;
}

.ms-author p {
    max-width: 760px;
    line-height: 1.65;
}

.ms-author img,
.ms-author__image,
.ms-author__photo,
.ms-author__avatar {
    flex: 0 0 96px;
    width: 96px;
    height: 96px;
    object-fit: cover;
    border-radius: 22px;
    margin: 0;
}

.ms-author__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.ms-author__meta span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    max-width: none;
    padding: 10px 14px;
    text-align: center;
    line-height: 1.35;
}

@media (max-width: 700px) {
    .ms-author {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 24px 18px;
    }

    .ms-author__content {
        max-width: 100%;
    }

    .ms-author p {
        max-width: 100%;
    }

    .ms-author__meta {
        justify-content: center;
    }
}

.article table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
}

.article .sportsbook-board,
.article .casino-board,
.article .mbx-board,
.article .mbx-offer-matrix,
.article .mbx-setup,
.article .pcx-table,
.article .sportsbook-section,
.article .casino-section,
.article .mbx-section {
    max-width: 100%;
}

.article table th,
.article table td {
    white-space: normal;
    vertical-align: top;
}

@media (max-width: 900px) {
    .article table {
        display: table !important;
        min-width: 720px;
        width: 720px;
    }

    .article thead {
        display: table-header-group !important;
    }

    .article tbody {
        display: table-row-group !important;
    }

    .article tr {
        display: table-row !important;
    }

    .article th,
    .article td {
        display: table-cell !important;
        width: auto !important;
        min-width: 150px;
        padding: 16px 14px;
        text-align: left;
    }

    .article table::before,
    .article table::after,
    .article thead::before,
    .article thead::after,
    .article tbody::before,
    .article tbody::after,
    .article tr::before,
    .article tr::after,
    .article th::before,
    .article td::before {
        display: none !important;
        content: none !important;
    }

    .sportsbook-board,
    .casino-board,
    .mbx-board,
    .pcx-table,
    .article section:has(table) {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 900px) {
    .article table {
        margin-bottom: 6px;
    }

    .article table th {
        background: #eef5ff;
        font-weight: 800;
    }

    .article table th:first-child {
        border-top-left-radius: 14px;
    }

    .article table th:last-child {
        border-top-right-radius: 14px;
    }
}

html {
    scrollbar-gutter: stable;
    scrollbar-color: #01aaea #eef3f8;
    scrollbar-width: auto;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: #eef3f8;
    border-left: 1px solid #d9e3f0;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: #01aaea;
    border-radius: 999px;
    border: 3px solid #eef3f8;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
    background: #018bd0;
}

.sb-langmenu,
.sb-sheet__panel,
.sportsbook-board,
.casino-board,
.mbx-board,
.pcx-table {
    scrollbar-color: #01aaea #eef3f8;
    scrollbar-width: thin;
}

.sb-langmenu::-webkit-scrollbar,
.sb-sheet__panel::-webkit-scrollbar,
.sportsbook-board::-webkit-scrollbar,
.casino-board::-webkit-scrollbar,
.mbx-board::-webkit-scrollbar,
.pcx-table::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.sb-langmenu::-webkit-scrollbar-track,
.sb-sheet__panel::-webkit-scrollbar-track,
.sportsbook-board::-webkit-scrollbar-track,
.casino-board::-webkit-scrollbar-track,
.mbx-board::-webkit-scrollbar-track,
.pcx-table::-webkit-scrollbar-track {
    background: #eef3f8;
}

.sb-langmenu::-webkit-scrollbar-thumb,
.sb-sheet__panel::-webkit-scrollbar-thumb,
.sportsbook-board::-webkit-scrollbar-thumb,
.casino-board::-webkit-scrollbar-thumb,
.mbx-board::-webkit-scrollbar-thumb,
.pcx-table::-webkit-scrollbar-thumb {
    background: #01aaea;
    border-radius: 999px;
    border: 2px solid #eef3f8;
}