:root{--bg:#0b0714;--surface:#151024;--surface2:#1d1532;--line:#493477;--violet:#8b5cf6;--purple:#c04cff;--pink:#ff4fd8;--lime:#d8ff45;--text:#f6f2ff;--muted:#bfb4d7;--shadow:0 18px 55px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 0,#281247 0,transparent 27%),radial-gradient(circle at 92% 10%,#20115b 0,transparent 23%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}main{overflow:hidden}.site-header{height:84px;padding:0 max(24px,calc((100% - 1400px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(9,6,17,.88);border-bottom:1px solid #33234e;backdrop-filter:blur(16px);position:relative;z-index:5}.brand{font-weight:900;display:flex;align-items:center;gap:12px;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--violet),var(--pink));box-shadow:0 0 25px rgba(192,76,255,.55)}.header-actions{display:flex;gap:14px}.btn,.visit{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:12px;text-transform:uppercase;font-weight:900;font-size:13px;letter-spacing:.08em;transition:.25s}.btn-ghost{border:1px solid var(--violet);box-shadow:0 0 18px rgba(139,92,246,.35)}.btn-neon,.visit{background:var(--lime);color:#110d17;box-shadow:0 6px 0 #728712,0 0 24px rgba(216,255,69,.28)}.btn:hover,.visit:hover{transform:translateY(-2px)}.hero{width:min(1400px,calc(100% - 40px));margin:28px auto 0;padding:70px 24px 74px;border:1px solid #3f2a65;border-radius:24px;position:relative;isolation:isolate;overflow:hidden;text-align:center;background:linear-gradient(145deg,rgba(32,20,55,.98),rgba(17,11,31,.96));box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.05) 1px,transparent 1px);background-size:38px 38px;z-index:-2}.hero-glow{position:absolute;width:350px;height:350px;border-radius:50%;filter:blur(90px);z-index:-1}.hero-glow-one{background:#7c3aed;top:-180px;left:8%}.hero-glow-two{background:#d946ef;bottom:-240px;right:6%}.hot{position:absolute;top:0;left:50%;transform:translateX(-50%);padding:8px 30px;border-radius:0 0 14px 14px;background:linear-gradient(90deg,#7c3aed,#d946ef);font-weight:900}.eyebrow,.section-kicker{color:#c4a7ff;font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:900}.hero h1{font-size:clamp(38px,5vw,70px);line-height:1.04;margin:18px 0}.hero p:not(.eyebrow){max-width:760px;margin:0 auto 30px;color:var(--muted);font-size:18px}.btn-primary{background:linear-gradient(135deg,#9b66ff,#d647f0);color:#fff;border:1px solid #eb9bff;box-shadow:0 0 30px rgba(192,76,255,.38)}.breadcrumbs{width:min(1400px,calc(100% - 40px));margin:22px auto;color:var(--muted);display:flex;gap:10px;font-size:14px}.breadcrumbs a{color:#d4bfff}.rating-section,.content-section,.responsible{width:min(1400px,calc(100% - 40px));margin:0 auto}.section-heading{text-align:center;padding:18px 0 26px}.section-heading h2,.content-section h2{margin:7px 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.15}.section-heading p{max-width:740px;margin:auto;color:var(--muted)}.promo-list{display:grid;gap:16px}.promo-card{display:grid;grid-template-columns:60px minmax(155px,1fr) minmax(260px,2.2fr) minmax(130px,.8fr) minmax(180px,1fr);align-items:center;gap:18px;background:linear-gradient(110deg,#181127,#211638);border:1px solid #4f347c;border-radius:18px;padding:20px 20px 12px;box-shadow:0 10px 35px rgba(0,0,0,.22);position:relative}.promo-card.featured{border-color:#8957e8;background:linear-gradient(110deg,#21113b,#28164a)}.rank{font-weight:900;color:#8c73ad;font-size:15px}.casino-name{font-size:20px;font-weight:950}.casino-name span{display:block;color:#bd9afc;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.offer{color:#e6def3}.code{min-height:46px;border-radius:11px;border:2px dashed #a66dff;background:#181024;color:#fff;font-weight:900;cursor:pointer;overflow:hidden}.code:hover{background:#2b1948}.code.muted{display:grid;place-items:center;color:#8e82a3;border-color:#45365d;font-size:12px}.visit{min-height:46px;padding:0 18px;font-size:12px}.promo-card details{grid-column:2/-1;border-top:1px solid #352749;padding-top:10px;color:var(--muted)}.promo-card summary{cursor:pointer;color:#cab7e8;font-weight:700;font-size:13px}.promo-card details p{margin:8px 0 2px}.content-section{margin-top:38px;padding:38px;background:linear-gradient(145deg,rgba(26,17,45,.95),rgba(18,12,31,.97));border:1px solid #3d2c5b;border-radius:22px;box-shadow:var(--shadow)}.content-section p{color:var(--muted)}.intro-grid{display:grid;grid-template-columns:2fr 1fr;gap:38px}.quick-card{background:linear-gradient(145deg,#6d3dcc,#3d1f77);border-radius:18px;padding:25px}.quick-card h3{margin-top:0}.quick-card ul{padding-left:20px;margin-bottom:0}.quick-card li+li{margin-top:8px}.criteria{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.criteria article{background:#120d20;border:1px solid #3b2b55;padding:22px;border-radius:15px}.criteria b{color:#c794ff;font-size:24px}.criteria h3{margin:9px 0 4px}.criteria p{font-size:14px;margin:0}.table-wrap{overflow:auto}.table-wrap>p,.table-wrap>h2{min-width:650px}table{width:100%;min-width:650px;border-collapse:collapse;margin-top:22px;background:#110c1d;border-radius:14px;overflow:hidden}th,td{text-align:left;padding:16px;border-bottom:1px solid #332645}th{color:#d4b5ff;background:#211437}tbody tr:hover{background:#1c142a}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px}.faq details{background:#110c1d;border:1px solid #3e2b5b;border-radius:14px;padding:18px 20px}.faq details+details{margin-top:12px}.faq summary{cursor:pointer;font-weight:850}.faq details p{margin-bottom:0}.responsible{margin-top:38px;padding:25px 30px;background:linear-gradient(90deg,#3a1a52,#20102f);border:1px solid #a353cb;border-radius:18px}.responsible strong{color:#edb6ff}.responsible p{margin:5px 0 0;color:var(--muted)}footer{margin-top:50px;padding:40px max(24px,calc((100% - 1400px)/2));display:grid;grid-template-columns:1fr auto;gap:25px;background:#08050e;border-top:1px solid #322248;color:var(--muted)}footer div:nth-child(2){display:flex;gap:20px;flex-wrap:wrap}footer small{grid-column:1/-1;border-top:1px solid #2b203a;padding-top:18px}
@media(max-width:1050px){.promo-card{grid-template-columns:45px 1fr 1.5fr 145px}.visit{grid-column:4}.code{grid-column:3}.offer{grid-column:3}.promo-card details{grid-column:2/-1}.criteria{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.site-header{height:70px;padding:0 15px}.brand{font-size:13px}.brand-mark{width:29px;height:29px}.header-actions{gap:8px}.header-actions .btn{padding:0 12px;min-height:38px;font-size:10px}.hero{width:calc(100% - 24px);margin-top:12px;padding:60px 18px 48px;border-radius:18px}.hero p:not(.eyebrow){font-size:16px}.breadcrumbs,.rating-section,.content-section,.responsible{width:calc(100% - 24px)}.promo-card{grid-template-columns:38px 1fr;padding:16px;gap:12px}.casino-name,.offer,.code,.visit{grid-column:2}.offer{font-size:14px}.code,.visit{width:100%}.promo-card details{grid-column:1/-1}.intro-grid,.split{grid-template-columns:1fr}.content-section{padding:24px;margin-top:24px}.criteria{grid-template-columns:1fr}.section-heading{padding-top:5px}footer{grid-template-columns:1fr;padding:32px 20px}footer div:nth-child(2){flex-direction:column;gap:8px}}
@media(max-width:440px){.header-actions .btn-ghost{display:none}.hero h1{font-size:38px}.section-heading h2,.content-section h2{font-size:27px}.promo-card{border-radius:14px}.content-section{border-radius:17px}}
.dlg-games {
    width: 100%;
    margin: 30px auto;
    padding: 38px 32px 30px;
    color: #202228;
    background: #ffffff;
    border: 1px solid #e5e5e8;
    border-radius: 30px;
    box-sizing: border-box;
}

.dlg-games__title {
    margin: 0 0 25px;
    padding: 0;
    color: #202228;
    font-family: Arial, sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.2;
}

.dlg-games__list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.dlg-games__item {
    min-height: 72px;
    padding: 13px 17px;
    display: flex;
    align-items: center;
    gap: 13px;
    background: #f5f5f7;
    border: 1px solid #dedee3;
    border-radius: 20px;
    box-sizing: border-box;
}

.dlg-games__icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #202228;
    background: #e4e9fb;
    border-radius: 12px;
    font-size: 23px;
    line-height: 1;
}

.dlg-games__name {
    color: #202228;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.dlg-games__notice {
    display: inline;
    margin: 24px 0 0;
    color: #6e6e74;
    background: #ffd5e3;
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;
}

@media (max-width: 1100px) {
    .dlg-games__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .dlg-games {
        padding: 25px 18px;
        border-radius: 22px;
    }

    .dlg-games__title {
        margin-bottom: 20px;
        font-size: 24px;
    }

    .dlg-games__list {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .dlg-games__item {
        min-height: 64px;
        padding: 10px 13px;
        border-radius: 16px;
    }

    .dlg-games__icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        font-size: 20px;
    }

    .dlg-games__name {
        font-size: 17px;
    }

    .dlg-games__notice {
        display: block;
        margin-top: 20px;
        font-size: 14px;
    }
}
.dct-comparison {
    width: 100%;
    margin: 30px auto;
    padding: 38px 32px 30px;
    color: #202228;
    background: #ffffff;
    border: 1px solid #e5e5e8;
    border-radius: 30px;
    box-sizing: border-box;
}

.dct-comparison__title {
    margin: 0 0 10px;
    color: #202228;
    font-family: Arial, sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.2;
}

.dct-comparison__intro {
    max-width: 900px;
    margin: 0 0 25px;
    color: #686a72;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

.dct-comparison__scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #dedee3;
    border-radius: 20px;
    -webkit-overflow-scrolling: touch;
}

.dct-comparison__table {
    width: 100%;
    min-width: 1050px;
    border-spacing: 0;
    border-collapse: separate;
    font-family: Arial, sans-serif;
    font-size: 15px;
}

.dct-comparison__table th,
.dct-comparison__table td {
    padding: 16px 15px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #e4e4e8;
}

.dct-comparison__table th {
    color: #ffffff;
    background: #292234;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.dct-comparison__table th:first-child {
    border-radius: 18px 0 0;
}

.dct-comparison__table th:last-child {
    border-radius: 0 18px 0 0;
}

.dct-comparison__table tbody tr:nth-child(even) {
    background: #f7f7f9;
}

.dct-comparison__table tbody tr:hover {
    background: #f0ebff;
}

.dct-comparison__table tbody tr:last-child td {
    border-bottom: 0;
}

.dct-comparison__table td:first-child {
    min-width: 125px;
    color: #202228;
    font-size: 16px;
}

.dct-rating {
    min-width: 48px;
    padding: 7px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #7651c9;
    border-radius: 9px;
    font-weight: 800;
}

.dct-status {
    padding: 6px 10px;
    display: inline-flex;
    color: #216e42;
    background: #e0f5e8;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.dct-comparison__note {
    margin: 22px 0 0;
    color: #707078;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 700px) {
    .dct-comparison {
        padding: 25px 18px;
        border-radius: 22px;
    }

    .dct-comparison__title {
        font-size: 24px;
    }

    .dct-comparison__intro {
        margin-bottom: 20px;
        font-size: 15px;
    }

    .dct-comparison__scroll {
        border-radius: 16px;
    }

    .dct-comparison__table th,
    .dct-comparison__table td {
        padding: 14px 12px;
    }

    .dct-comparison__note {
        font-size: 13px;
    }
}