/*
Theme Name: MS Core
Description: Lightweight theme.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: ms-core
*/

:root{
  --bg:#090E1D;
  --hdr:#1B2134;
  --line:rgba(255,255,255,.08);
  --gold:#FFB80E;
  --gold-hi:#FFD54A;
  --gold-lo:#FF8A00;
  --purple:#39007C;
  --purple-hi:#7A3BE0;
  --text:#FFFFFF;
  --soft:#D5DBEC;
  --muted:#A9B2CC;
  --pill:30px;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
html,body{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Roboto",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
img,svg,video,table{max-width:100%}
img{height:auto}
a{color:var(--gold)}
[id]{scroll-margin-top:140px}
h1,h2,h3{font-family:"Rubik",system-ui,sans-serif;line-height:1.18;margin:0 0 .55em;color:#fff}
h1{font-size:clamp(32px,4.8vw,54px);font-weight:700;letter-spacing:-.01em}
h2{font-size:clamp(24px,3vw,34px);font-weight:700}
h3{font-size:clamp(18px,2vw,21px);font-weight:600}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
.container{width:100%;max-width:1200px;margin:0 auto;padding-left:16px;padding-right:16px}
.section{padding-top:60px;padding-bottom:60px}
.section--tight{padding-top:40px}
.section--panel{background:linear-gradient(180deg,#0C1328 0%,#0A1022 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* ── buttons ── */
.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 24px;border-radius:var(--pill);font-family:"Rubik",sans-serif;font-weight:700;font-size:15px;line-height:1;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.btn::before{content:"";position:absolute;left:8%;right:8%;top:2px;height:48%;border-radius:var(--pill);background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,0));pointer-events:none;z-index:-1}
.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.btn:active{transform:translateY(0)}
.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.btn-gold{color:#1B1000;background:linear-gradient(180deg,#FFE07A 0%,#FFC21F 38%,#FFB80E 62%,#F08A00 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -3px 0 rgba(150,70,0,.45),0 3px 0 #B86500,0 10px 24px rgba(255,150,0,.35),0 0 24px rgba(255,184,14,.25);text-shadow:0 1px 0 rgba(255,255,255,.35)}
.btn-gold:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -3px 0 rgba(150,70,0,.45),0 5px 0 #B86500,0 14px 30px rgba(255,150,0,.45),0 0 38px rgba(255,184,14,.42)}
.btn-purple{color:#fff;background:linear-gradient(180deg,#6B22D6 0%,#4A0CA8 45%,#39007C 72%,#2A005C 100%);border:1px solid rgba(255,184,14,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -3px 0 rgba(0,0,0,.3),0 3px 0 #1E0045,0 10px 24px rgba(90,20,200,.38)}
.btn-purple::before{background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,0))}
.btn-dark{color:var(--gold-hi);background:linear-gradient(180deg,#2E3858 0%,#1B2134 55%,#0E1322 100%);border:1px solid rgba(0,0,0,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 0 #05070F,0 10px 22px rgba(60,30,0,.35)}
.btn-dark::before{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0))}
.btn-lg{min-height:56px;padding:0 34px;font-size:17px}
.btn-sm{min-height:38px;padding:0 16px;font-size:13px}
.btn-block{width:100%;white-space:normal;text-align:center;line-height:1.2}

/* ── header ── */
.site-header{position:sticky;top:0;z-index:1000;background:#1B2134;border-bottom:1px solid rgba(255,184,14,.14);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.hdr{position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:24px;min-height:74px}
.hdr>*{min-width:0}
.logo{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.logo img{display:block;width:auto;height:42px}
.logo-geo{font-family:"Rubik",sans-serif;font-weight:500;font-size:11px;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-left:10px;border-left:2px solid var(--purple-hi)}
.nav{flex:1 1 auto;min-width:0}
.nav ul{list-style:none;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(10px,1.7vw,30px);margin:0;padding:0}
.nav a{position:relative;display:block;padding-top:10px;padding-bottom:10px;color:#DCE2F2;text-decoration:none;font-family:"Rubik",sans-serif;font-weight:500;font-size:15px;white-space:nowrap}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold-hi),var(--gold-lo));transform:scaleX(0);transition:transform .2s}
.nav a:hover,.nav .current-menu-item>a{color:#fff}
.nav a:hover::after,.nav .current-menu-item>a::after{transform:scaleX(1)}
.hdr-cta{flex:0 0 auto;display:flex;flex-wrap:nowrap;gap:10px}
.hdr-cta .btn{min-height:42px;padding:0 18px;font-size:14px}
.burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;border:1px solid rgba(255,184,14,.35);border-radius:12px;background:linear-gradient(180deg,#262D47,#161B2C);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);cursor:pointer}
.burger span{display:block;width:20px;height:2px;border-radius:2px;background:var(--gold);transition:transform .2s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ── hero (home) ── */
.hero{position:relative;overflow:hidden;background:radial-gradient(60% 70% at 78% 42%,rgba(57,0,124,.6) 0%,rgba(57,0,124,0) 70%),radial-gradient(40% 50% at 8% 0%,rgba(255,184,14,.10) 0%,rgba(255,184,14,0) 70%),linear-gradient(180deg,#0B1124 0%,#090E1D 100%)}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.9) 1px,transparent 1.5px);background-size:38px 38px;opacity:.06;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:48px;align-items:center;padding-top:56px;padding-bottom:72px}
.hero-grid>*{min-width:0}
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--pill);background:rgba(57,0,124,.6);border:1px solid #6A2BD0;color:#EADCFF;font-family:"Rubik",sans-serif;font-weight:600;font-size:12px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}
.hero h1,.page-hero h1{margin-top:16px;margin-bottom:14px}
.h1-sub{display:block;margin-top:.35em;font-size:.46em;font-weight:600;line-height:1.25;color:var(--soft);letter-spacing:0}
.gold-text{background:linear-gradient(135deg,#FFE066 0%,#FFB80E 50%,#FF8A00 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.byline{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:14px;line-height:1.45;color:var(--muted)}
.byline strong{color:#fff;font-weight:500}
.avatar{flex:0 0 auto;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#5A16C2,#39007C);border:2px solid var(--gold);font-family:"Rubik",sans-serif;font-weight:700;font-size:13px;color:#fff}
.lead{font-size:clamp(16px,1.6vw,19px);line-height:1.6;color:var(--soft);margin-bottom:22px}
.trust{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;padding:0}
.trust li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);font-size:14px;line-height:1.3;color:#E6EAF5}
.trust b{color:var(--gold);font-family:"Rubik",sans-serif;font-weight:600}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.text-link{color:#fff;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(255,184,14,.6)}
.text-link:hover{color:var(--gold-hi)}
.hero-offer{position:relative;display:grid;place-items:center}
.wheel{position:absolute;top:50%;left:50%;width:100%;height:auto;opacity:.36;pointer-events:none;transform:translate(-50%,-50%) scale(1.2);filter:drop-shadow(0 0 40px rgba(122,59,224,.5));animation:mx-spin 90s linear infinite}
@keyframes mx-spin{from{transform:translate(-50%,-50%) scale(1.2) rotate(0deg)}to{transform:translate(-50%,-50%) scale(1.2) rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.wheel{animation:none}.btn,.game-card{transition:none}}
.offer-card{position:relative;z-index:1;width:100%;padding:26px 26px 22px;border-radius:24px;background:linear-gradient(160deg,rgba(38,45,76,.96) 0%,rgba(18,24,49,.97) 55%,rgba(38,10,82,.96) 100%);border:1px solid rgba(255,184,14,.5);box-shadow:inset 0 0 0 1px rgba(57,0,124,.6),inset 0 1px 0 rgba(255,255,255,.08),0 0 36px rgba(255,184,14,.22),0 0 90px rgba(122,59,224,.38),0 24px 48px rgba(0,0,0,.45)}
.offer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.offer-rating{display:inline-flex;align-items:baseline;gap:5px;font-family:"Rubik",sans-serif;font-weight:700;font-size:18px}
.offer-rating .star{color:var(--gold);text-shadow:0 0 10px rgba(255,184,14,.6)}
.offer-rating small{font-size:13px;color:var(--muted);font-weight:500}
.offer-big{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;margin:0 0 8px;font-family:"Rubik",sans-serif;line-height:1}
.offer-num{font-size:clamp(66px,8vw,96px);font-weight:900;letter-spacing:-.02em;background:linear-gradient(180deg,#FFE680 0%,#FFB80E 55%,#FF8A00 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(255,160,0,.4))}
.offer-unit{font-size:clamp(22px,2.6vw,30px);font-weight:800;line-height:1.05;text-transform:uppercase;color:#fff}
.offer-sub{color:var(--soft);margin:0 0 16px}
.deposit-track{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:0}
.deposit-track li{min-width:0;padding:10px 6px;border-radius:12px;text-align:center;background:rgba(57,0,124,.45);border:1px solid rgba(122,59,224,.65);font-family:"Rubik",sans-serif;font-weight:500;font-size:13px;line-height:1.2;color:#EADCFF}
.deposit-track b{display:block;margin-bottom:2px;font-size:19px;font-weight:700;color:var(--gold)}
.offer-terms{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0}
.offer-terms li{padding:6px 12px;border-radius:var(--pill);background:rgba(255,184,14,.10);border:1px solid rgba(255,184,14,.38);color:#FFE3A0;font-size:13px;font-weight:500;line-height:1.2}
.fine{margin:12px 0 0;font-size:12px;color:var(--muted);text-align:center}

/* ── offer strip ── */
.strip-wrap{position:relative;z-index:2;margin-top:-34px}
.offer-strip{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:14px 24px;padding:12px 12px 12px 26px;border-radius:var(--pill);color:#1B1000;background:linear-gradient(90deg,#F59200 0%,#FFB80E 22%,#FFD54A 50%,#FFB80E 78%,#F59200 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -3px 0 rgba(150,70,0,.35),0 0 0 1px rgba(255,213,74,.5),0 14px 40px rgba(255,150,0,.28),0 0 60px rgba(255,184,14,.2)}
.offer-strip::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,0) 0 22px,rgba(255,255,255,.13) 22px 30px);pointer-events:none}
.strip-text{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin:0;font-family:"Rubik",sans-serif;font-weight:800;font-size:clamp(15px,1.8vw,20px);line-height:1.25;letter-spacing:.02em;text-transform:uppercase}
.strip-lead{display:inline-flex;align-items:center;gap:10px}
.strip-icon{width:28px;height:28px;flex:0 0 auto}
.strip-text .sep{opacity:.45}
.offer-strip .btn{position:relative;z-index:1;flex:0 0 auto}

/* ── cards ── */
.cards-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:stretch}
.cards-row>*{min-width:0}
.card{position:relative;padding:28px;border-radius:20px;background:linear-gradient(180deg,#141C35 0%,#0F1529 100%);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 40px rgba(0,0,0,.35)}
.card--purple{border-color:#39007C;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(122,59,224,.28),0 0 40px rgba(57,0,124,.35),0 18px 40px rgba(0,0,0,.35)}
.card h2{font-size:clamp(22px,2.4vw,28px)}
.card-kicker{display:inline-block;margin:0 0 10px;font-family:"Rubik",sans-serif;font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.score{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:4px 0 18px;padding:16px 20px;border-radius:16px;background:rgba(57,0,124,.35);border:1px solid rgba(122,59,224,.55)}
.score-num{margin:0;font-family:"Rubik",sans-serif;font-weight:800;font-size:56px;line-height:1;color:var(--gold);text-shadow:0 0 24px rgba(255,184,14,.35)}
.score-num small{font-size:22px;font-weight:600;color:var(--muted);text-shadow:none}
.score-meta p{margin:6px 0 0;font-size:14px;color:var(--soft)}
.stars{position:relative;display:inline-block;font-size:22px;line-height:1;letter-spacing:3px;white-space:nowrap;color:rgba(255,255,255,.18)}
.stars::before{content:"★★★★★";position:absolute;top:0;left:0;bottom:0;width:90%;overflow:hidden;color:var(--gold);text-shadow:0 0 12px rgba(255,184,14,.45)}
.stars--sm{font-size:14px;letter-spacing:1px}
.verdict{color:var(--soft);margin-bottom:18px}
.proscons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 20px}
.proscons>*{min-width:0}
.pc-title{margin:0 0 8px;font-family:"Rubik",sans-serif;font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.pc-title--plus{color:var(--gold)}
.pc-title--minus{color:#C9A6FF}
.pc-list{list-style:none;margin:0;padding:0}
.pc-list li{position:relative;padding-left:24px;margin-bottom:6px;font-size:15px;line-height:1.45;color:#E0E5F2}
.pc-list li::before{position:absolute;left:0;top:0;font-weight:700}
.pc-list--plus li::before{content:"✓";color:var(--gold)}
.pc-list--minus li::before{content:"!";left:5px;color:#C9A6FF}
.reviewer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:18px;border-top:1px solid var(--line)}
.reviewer-id{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.35;color:var(--muted)}
.reviewer-id strong{display:block;color:#fff;font-family:"Rubik",sans-serif;font-weight:600;font-size:15px}

/* ── tables ── */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;border:1px solid var(--line);margin:0 0 1.6em}
.table-wrap table{width:100%;border-collapse:collapse;font-size:15px;margin:0}
.table-wrap th,.table-wrap td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.table-wrap tr:last-child th,.table-wrap tr:last-child td{border-bottom:0}
.table-wrap thead th{font-family:"Rubik",sans-serif;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);background:rgba(57,0,124,.35)}
.table-wrap tbody td{color:#E6EAF5}
.table-wrap tbody tr:nth-child(even) td{background:rgba(57,0,124,.14)}
.facts-table tbody th{width:38%;font-family:"Rubik",sans-serif;font-weight:500;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.02)}
.facts-table tbody td{color:#fff;font-weight:500}
.facts-table tbody tr:nth-child(odd) td{background:rgba(57,0,124,.16)}
.facts-table tbody tr:nth-child(even) td{background:transparent}
.facts-note{margin:16px 0 0;font-size:14px;color:var(--muted)}

/* ── entry content ── */
.entry{padding-top:48px;padding-bottom:40px}
.entry>h2{margin-top:1.9em}
.entry>h2:first-child{margin-top:0}
.entry>h2::after{content:"";display:block;width:64px;height:4px;margin-top:14px;border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--purple-hi))}
.entry>h3{margin-top:1.4em}
.entry p,.entry li{font-size:17px;color:var(--soft)}
.entry strong{color:#fff}
.entry ul,.entry ol{margin:0 0 1.2em;padding-left:1.4em}
.entry li{margin-bottom:.45em}
.entry li::marker{color:var(--gold)}
.entry a:not(.btn){color:var(--gold-hi);text-decoration:underline;text-decoration-color:rgba(255,184,14,.45);text-underline-offset:3px}
.entry a:not(.btn):hover{color:#fff}
.content-img{display:block;width:100%;max-width:800px;height:auto;aspect-ratio:16/9;object-fit:cover;margin:1.6rem auto;border-radius:18px;border:1px solid rgba(255,184,14,.22);box-shadow:0 18px 40px rgba(0,0,0,.4)}
.cta-line{margin:1.6em 0;text-align:center}

/* ── games gallery ── */
.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0 1.6em}
.game-card{min-width:0;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#111831;border:1px solid rgba(255,255,255,.07);box-shadow:0 14px 30px rgba(0,0,0,.35);transition:transform .2s,box-shadow .2s,border-color .2s}
.game-card:hover{transform:translateY(-4px);border-color:rgba(255,184,14,.55);box-shadow:0 0 0 1px rgba(255,184,14,.25),0 18px 40px rgba(0,0,0,.45),0 0 30px rgba(255,184,14,.16)}
.game-thumb{position:relative;display:grid;place-items:center;aspect-ratio:4/3;background:var(--g)}
.game-thumb::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at 28% 12%,rgba(255,255,255,.28),rgba(255,255,255,0) 60%),linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.38));pointer-events:none}
.game-thumb svg{position:relative;z-index:1;width:40%;height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}
.game-tag{position:absolute;top:10px;left:10px;z-index:2;padding:3px 10px;border-radius:var(--pill);background:rgba(57,0,124,.88);border:1px solid rgba(190,150,255,.55);font-family:"Rubik",sans-serif;font-weight:600;font-size:11px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.game-body{flex:1;display:flex;flex-direction:column;padding:14px 14px 16px}
.entry .game-name,.game-name{margin:0 0 2px;font-family:"Rubik",sans-serif;font-weight:600;font-size:16px;line-height:1.25;color:#fff}
.entry .game-provider,.game-provider{margin:0 0 12px;font-size:13px;color:var(--muted)}
.game-body .btn{margin-top:auto}

/* ── charts ── */
.chart{margin:1.6em 0;padding:24px}
.chart .chart-title{margin:0 0 6px;font-family:"Rubik",sans-serif;font-weight:600;font-size:18px;line-height:1.3;color:#fff}
.chart svg{display:block;width:100%;height:auto;margin:10px 0 0}
.chart text{font-family:"Rubik",sans-serif}
.chart-labels{display:grid;gap:8px;margin:8px 0 0;padding:0;list-style:none}
.chart-labels li{min-width:0;margin:0;text-align:center;font-size:13px;line-height:1.35;color:var(--soft);overflow-wrap:anywhere;hyphens:auto}
.chart-notes{margin:10px 0 0;padding:0;list-style:none}
.entry .chart-notes li{margin:0 0 4px;font-size:14px;color:var(--muted)}
.chart-notes b{color:#fff;font-weight:600}
.chart-labels li span{display:block;font-size:12px;color:var(--muted)}
.chart figcaption{margin-top:12px;font-size:14px;line-height:1.55;color:var(--muted)}

/* ── faq ── */
.faq{display:grid;gap:14px;margin:0 0 1.6em}
.faq-item{padding:22px 24px;border-radius:16px;background:linear-gradient(180deg,#131A33,#0F1529);border:1px solid rgba(255,255,255,.07);border-left:4px solid var(--gold)}
.entry .faq-item h3{margin:0 0 8px}
.entry .faq-item p{margin:0;color:var(--soft)}

/* ── pros/cons, notes, cta band ── */
.pc-card{margin:1.6em 0}
.pc-card .proscons{margin:0}
.note{margin:1.6em 0;padding:18px 22px;border-radius:16px;background:rgba(57,0,124,.28);border:1px solid rgba(122,59,224,.55);border-left:4px solid var(--purple-hi)}
.note--warn{background:rgba(255,184,14,.08);border-color:rgba(255,184,14,.38);border-left-color:var(--gold)}
.entry .note p{margin:0;font-size:16px}
.note-title{display:block;margin-bottom:4px;font-family:"Rubik",sans-serif;font-weight:600;color:#fff}
.cta-band{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 32px;margin:1.8em 0;padding:32px 36px;border-radius:24px;background:radial-gradient(90% 140% at 100% 0%,rgba(255,184,14,.18),rgba(255,184,14,0) 60%),linear-gradient(135deg,#2A0A5E 0%,#1B2134 60%,#121832 100%);border:1px solid rgba(255,184,14,.45);box-shadow:0 0 50px rgba(122,59,224,.3),0 0 30px rgba(255,184,14,.12)}
.cta-band>*{min-width:0}
.entry .cta-title,.cta-title{margin:0 0 6px;font-family:"Rubik",sans-serif;font-weight:800;font-size:clamp(22px,2.8vw,30px);line-height:1.2;color:#fff}
.entry .cta-sub,.cta-sub{margin:0;font-size:16px;color:var(--soft)}

/* ── inner page hero ── */
.page-hero{position:relative;overflow:hidden;background:radial-gradient(55% 80% at 85% 30%,rgba(57,0,124,.55) 0%,rgba(57,0,124,0) 70%),linear-gradient(180deg,#0B1124 0%,#090E1D 100%);border-bottom:1px solid var(--line)}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:40px;align-items:center;padding-top:36px;padding-bottom:44px}
.page-hero-grid>*{min-width:0}
.page-hero--legal .page-hero-grid{grid-template-columns:minmax(0,1fr)}
.page-hero h1{font-size:clamp(30px,4.2vw,48px)}
.crumbs{margin:0 0 6px;font-size:13px;color:var(--muted)}
.crumbs p{margin:0}
.crumbs a{color:var(--soft);text-decoration:none}
.crumbs a:hover{color:#fff}
.crumbs .separator{margin:0 6px;color:var(--muted)}
.crumbs .last{color:var(--muted)}
.mini-offer{padding:22px 22px 18px}
.mini-offer .offer-num{font-size:clamp(50px,5vw,64px)}
.mini-offer .offer-unit{font-size:20px}
.mini-offer .offer-sub{font-size:15px;margin-bottom:12px}

/* ── author ── */
.author-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:start}
.author-avatar{width:92px;height:92px;font-size:30px;border-width:3px;box-shadow:0 0 0 6px rgba(57,0,124,.55),0 0 30px rgba(255,184,14,.25)}
.author-role{margin:-4px 0 12px;font-family:"Rubik",sans-serif;font-weight:500;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.author-card p{color:var(--soft)}
.author-card p:last-child{margin-bottom:0}

/* ── footer ── */
.site-footer{background:#070B17;border-top:1px solid rgba(255,184,14,.18)}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:32px;padding-top:48px;padding-bottom:36px}
.footer-grid>*{min-width:0}
.footer-about{margin:14px 0 0;font-size:14px;color:var(--muted)}
.footer-title{margin:0 0 12px;font-family:"Rubik",sans-serif;font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.footer-links{list-style:none;margin:0;padding:0}
.footer-links li+li{margin-top:8px}
.footer-links a{color:var(--soft);text-decoration:none;font-size:15px}
.footer-links a:hover{color:#fff;text-decoration:underline}
.footer-bottom-wrap{border-top:1px solid var(--line)}
.footer-bottom{display:flex;align-items:center;gap:16px;padding-top:20px;padding-bottom:26px}
.footer-bottom>*{min-width:0}
.age{flex:0 0 auto;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px solid #FF5A5A;font-family:"Rubik",sans-serif;font-weight:800;font-size:15px;color:#fff}
.rg{margin:0;font-size:13px;line-height:1.55;color:var(--muted)}
.rg a{color:#fff}
.copy{margin:6px 0 0;font-size:12px;color:#8A93AE}

/* ── 404 ── */
.nf{padding-top:80px;padding-bottom:80px;text-align:center}
.nf p{color:var(--soft)}

/* ── cookie notice ── */
#cn-banner{position:fixed;left:0;right:0;bottom:0;z-index:1100;display:none;background:#1B2134;border-top:1px solid rgba(255,184,14,.35);box-shadow:0 -10px 30px rgba(0,0,0,.5);color:#fff}
#cn-banner .cn-inner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
#cn-banner .cn-text{flex:1 1 320px;min-width:0;margin:0;font-size:14px;line-height:1.45;color:var(--soft)}
#cn-banner .cn-text strong{display:block;color:#fff;font-size:15px;margin-bottom:2px}
#cn-banner .cn-text a{color:var(--gold-hi)}
#cn-banner .cn-btns{display:flex;gap:10px;flex-wrap:wrap}
#cn-banner button{min-height:40px;padding:0 18px;border-radius:var(--pill);font-family:"Rubik",sans-serif;font-weight:600;font-size:14px;cursor:pointer}
#cn-banner .cn-accept{border:0;color:#1B1000;background:linear-gradient(180deg,#FFE07A,#FFB80E 60%,#F08A00)}
#cn-banner .cn-reject{border:1px solid rgba(255,255,255,.35);color:#fff;background:transparent}

@media (max-width:1100px){
  .hdr{gap:16px}
  .logo-geo{display:none}
  .hero-grid{gap:32px}
  .page-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px}
}
@media (max-width:900px){
  .hdr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:10px;min-height:0;padding-top:10px;padding-bottom:12px}
  .logo{grid-column:1;grid-row:1}
  .logo-geo{display:inline-block}
  .burger{display:inline-flex;grid-column:2;grid-row:1}
  .hdr-cta{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hdr-cta .btn{width:100%;min-height:44px;padding:0 10px;font-size:14px}
  .nav{position:absolute;top:100%;left:0;right:0;z-index:999;display:none;background:#1B2134;border-top:1px solid rgba(255,184,14,.2);box-shadow:0 18px 30px rgba(0,0,0,.5)}
  .nav.is-open{display:block}
  .nav ul{flex-direction:column;align-items:stretch;gap:0;padding:6px 16px 12px}
  .nav li+li{border-top:1px solid var(--line)}
  .nav a{padding:14px 4px;font-size:16px}
  .nav a::after{display:none}
  .hero-grid{grid-template-columns:minmax(0,1fr);padding-top:32px;padding-bottom:64px}
  .page-hero-grid{grid-template-columns:minmax(0,1fr)}
  .cards-row{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .offer-strip{flex-direction:column;text-align:center;border-radius:22px;padding:18px 16px}
  .strip-text{justify-content:center;gap:8px}
  .strip-text .sep{display:none}
  .strip-text .strip-lead{flex:0 0 100%;display:flex;align-items:center;justify-content:center;gap:10px}
  .strip-text .strip-chip{padding:3px 12px;border-radius:var(--pill);background:rgba(27,16,0,.12);border:1px solid rgba(27,16,0,.18);font-size:14px}
  .offer-strip .btn{width:100%}
  .cta-band{grid-template-columns:minmax(0,1fr);padding:26px 20px;text-align:center}
  .cta-band .btn{width:100%;white-space:normal;line-height:1.2}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-brand{grid-column:1 / -1}
}
@media (max-width:640px){
  .games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .game-body{padding:12px}
  .game-name{font-size:15px}
}
@media (max-width:560px){
  .section{padding-top:44px;padding-bottom:44px}
  .section--tight{padding-top:32px}
  .entry{padding-top:36px}
  .card{padding:20px}
  .chart{padding:18px 14px}
  .offer-card{padding:22px 18px 18px}
  .btn-lg{min-height:54px;padding:0 22px;font-size:16px}
  .hero-actions .btn{width:100%}
  .trust{gap:8px;margin-bottom:22px}
  .trust li{padding:6px 10px;font-size:13px;gap:6px}
  .proscons{grid-template-columns:minmax(0,1fr)}
  .score-num{font-size:48px}
  .entry p,.entry li{font-size:16px}
  .table-wrap table{font-size:14px}
  .table-wrap th,.table-wrap td{padding:10px 12px}
  .faq-item{padding:18px}
  .author-card{grid-template-columns:minmax(0,1fr);gap:18px}
  .footer-bottom{align-items:flex-start}
  .logo img{height:36px}
}
@media (max-width:400px){
  .footer-grid{grid-template-columns:minmax(0,1fr)}
  .deposit-track b{font-size:16px}
}
