/* ============================================================
   VAVADA RU — Yandex-Optimized Affiliate Site
   Theme: Deep Purple + Gold — Premium Russian Casino
   Mobile-first, behavioral engagement optimized
   ============================================================ */

:root {
  --bg:         #0c0a1a;
  --bg-2:       #100e22;
  --bg-card:    #16132e;
  --bg-card-2:  #1e1a3a;
  --border:     rgba(167,139,250,0.12);
  --border-2:   rgba(167,139,250,0.25);

  --purple:     #7c3aed;
  --purple-h:   #8b5cf6;
  --purple-l:   #a78bfa;
  --gold:       #f59e0b;
  --gold-h:     #fbbf24;
  --red:        #ef4444;
  --green:      #22c55e;

  --text:       #ede8ff;
  --text-2:     #9088b8;
  --text-3:     #504870;
  --white:      #ffffff;

  --grad-brand: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);
  --grad-gold:  linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  --grad-hero:  linear-gradient(135deg, #7c3aed 0%, #f59e0b 100%);
  --grad-card:  linear-gradient(135deg, rgba(124,58,237,0.08) 0%, rgba(245,158,11,0.04) 100%);

  --font:       'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --r-sm:4px; --r-md:10px; --r-lg:14px; --r-xl:20px; --r-full:9999px;
  --s-sm:.5rem; --s-md:1rem; --s-lg:1.5rem; --s-xl:2rem;
  --s-2xl:3rem; --s-3xl:4rem; --s-4xl:6rem;
  --ease:.18s cubic-bezier(.4,0,.2,1);
  --ease-s:.35s cubic-bezier(.4,0,.2,1);
  --max-w:1200px; --pad:1.25rem; --hh:68px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font);font-size:1rem;line-height:1.65;color:var(--text);background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none;transition:color var(--ease)}
ul,ol{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
table{border-collapse:collapse;width:100%}
.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--pad)}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.375rem;border-radius:var(--r-full);font-size:.9375rem;font-weight:700;line-height:1;white-space:nowrap;transition:all var(--ease);cursor:pointer;text-decoration:none;border:2px solid transparent}
.btn--primary{background:var(--grad-brand);color:#fff;box-shadow:0 4px 20px rgba(124,58,237,.4)}
.btn--primary:hover{filter:brightness(1.1);box-shadow:0 6px 30px rgba(124,58,237,.55);transform:translateY(-1px)}
.btn--primary:active{transform:translateY(0)}
.btn--gold{background:var(--grad-gold);color:#1a0a00;box-shadow:0 4px 20px rgba(245,158,11,.35)}
.btn--gold:hover{filter:brightness(1.08);box-shadow:0 6px 28px rgba(245,158,11,.5);transform:translateY(-1px)}
.btn--outline{background:transparent;color:var(--purple-l);border-color:var(--border-2)}
.btn--outline:hover{background:rgba(124,58,237,.08);border-color:var(--purple-l)}
.btn--ghost{background:rgba(255,255,255,.06);color:var(--text-2);border-color:var(--border)}
.btn--ghost:hover{background:rgba(255,255,255,.1);color:var(--text)}
.btn--sm{padding:.4rem .875rem;font-size:.8125rem}
.btn--lg{padding:.875rem 2rem;font-size:1rem}
.btn--xl{padding:1rem 2.25rem;font-size:1.0625rem}
.btn--full{width:100%}

/* ============================================================
   HEADER
   ============================================================ */
.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--hh);background:rgba(12,10,26,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.header__inner{display:flex;align-items:center;gap:var(--s-xl);height:100%}
.logo{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.logo__icon{font-size:1.5rem}
.logo__text{font-size:1.125rem;font-weight:800;letter-spacing:-.01em;color:var(--white)}
.logo__accent{color:var(--purple-l)}
.nav{margin-left:auto}
.nav__list{display:flex;align-items:center;gap:var(--s-xl)}
.nav__link{font-size:.875rem;font-weight:500;color:var(--text-2);transition:color var(--ease)}
.nav__link:hover{color:var(--purple-l)}
.header__actions{display:flex;align-items:center;gap:var(--s-sm);flex-shrink:0}
.burger{display:none;flex-direction:column;gap:5px;padding:4px;margin-left:auto}
.burger span{display:block;width:24px;height:2px;background:var(--text-2);border-radius:2px;transition:all var(--ease)}
.burger--active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger--active span:nth-child(2){opacity:0}
.burger--active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:var(--hh);overflow:hidden}
.hero__bg{position:absolute;inset:0;z-index:0}
.hero__stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 15% 25%,rgba(167,139,250,.5) 0%,transparent 100%),radial-gradient(1px 1px at 75% 15%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 45% 65%,rgba(167,139,250,.4) 0%,transparent 100%),radial-gradient(1px 1px at 85% 75%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 25% 85%,rgba(167,139,250,.3) 0%,transparent 100%)}
.hero__glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.hero__glow--1{width:600px;height:500px;top:-150px;right:-100px;background:radial-gradient(circle,rgba(124,58,237,.18) 0%,transparent 70%)}
.hero__glow--2{width:400px;height:400px;bottom:-100px;left:-100px;background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 70%)}
.hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 360px;gap:var(--s-3xl);align-items:center;padding-block:var(--s-4xl)}
.hero__pill{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .875rem;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.25);border-radius:var(--r-full);font-size:.8125rem;color:var(--purple-l);margin-bottom:var(--s-lg)}
.pill__dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite;flex-shrink:0}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}
.hero__title{font-size:clamp(2rem,4.5vw,3.75rem);font-weight:900;line-height:1.05;letter-spacing:-.025em;color:var(--white);margin-bottom:var(--s-lg)}
.hero__accent{background:var(--grad-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero__desc{font-size:1.0625rem;color:var(--text-2);max-width:500px;line-height:1.75;margin-bottom:var(--s-xl)}
.hero__desc strong{color:var(--purple-l)}
.hero__cta{display:flex;flex-wrap:wrap;gap:var(--s-md);margin-bottom:var(--s-xl)}
.hero__trust{display:flex;flex-wrap:wrap;gap:.5rem}
.trust-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .75rem;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:var(--r-full);font-size:.8125rem;color:var(--text-2)}

/* Promo Card */
.promo-card{background:var(--grad-card);border:1px solid rgba(167,139,250,.25);border-radius:var(--r-xl);padding:var(--s-xl);box-shadow:0 0 40px rgba(124,58,237,.15);display:flex;flex-direction:column;gap:var(--s-md)}
.promo-card__tag{font-size:.8125rem;font-weight:700;color:var(--purple-l)}
.promo-card__bonus{display:flex;align-items:baseline;gap:.5rem}
.promo-card__pct{font-size:4rem;font-weight:900;line-height:1;background:var(--grad-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.promo-card__label{font-size:1rem;font-weight:600;color:var(--text-2);line-height:1.3}
.promo-card__max{font-size:.9375rem;color:var(--text-2)}
.promo-card__max strong{color:var(--gold-h)}
.promo-card__code-wrap{display:flex;flex-direction:column;gap:.25rem}
.promo-card__code-label{font-size:.75rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}
.promo-card__code{font-family:monospace;font-size:1.25rem;font-weight:700;color:var(--gold-h);letter-spacing:.08em;padding:.5rem .875rem;background:rgba(245,158,11,.1);border:1px dashed rgba(245,158,11,.4);border-radius:var(--r-md);text-align:center}
.promo-card__note{font-size:.75rem;color:var(--text-3);text-align:center}

/* ============================================================
   STATS
   ============================================================ */
.stats{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:var(--s-xl)}
.stats__inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--s-xl)}
.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}
.stat__num{font-size:1.875rem;font-weight:900;color:var(--purple-l);line-height:1}
.stat__label{font-size:.8125rem;color:var(--text-3);font-weight:500}
.stat__div{width:1px;height:40px;background:var(--border)}

/* ============================================================
   SECTION COMMON
   ============================================================ */
.section-header{text-align:center;margin-bottom:var(--s-3xl)}
.section-tag{display:inline-block;padding:.25rem .875rem;background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.2);border-radius:var(--r-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--purple-l);margin-bottom:var(--s-md)}
.section-title{font-size:clamp(1.625rem,3.5vw,2.75rem);font-weight:900;letter-spacing:-.025em;line-height:1.12;color:var(--white);margin-bottom:var(--s-md)}
.section-sub{font-size:1.0625rem;color:var(--text-2);max-width:560px;margin-inline:auto;line-height:1.75}

/* ============================================================
   REVIEW SUMMARY
   ============================================================ */
.review-summary{padding-block:var(--s-4xl);background:var(--bg-2)}
.review-grid{display:grid;grid-template-columns:1fr 1fr 320px;gap:var(--s-lg);align-items:start}
.review-pros,.review-cons{padding:var(--s-xl);background:var(--bg-card);border-radius:var(--r-xl)}
.review-pros{border:1px solid rgba(34,197,94,.2)}
.review-cons{border:1px solid rgba(239,68,68,.2)}
.review-pros__title{font-size:1rem;font-weight:700;color:var(--green);margin-bottom:var(--s-md)}
.review-cons__title{font-size:1rem;font-weight:700;color:var(--red);margin-bottom:var(--s-md)}
.review-pros__list li,.review-cons__list li{font-size:.9375rem;color:var(--text-2);padding:.375rem 0 .375rem 1.25rem;position:relative;border-bottom:1px solid var(--border)}
.review-pros__list li:last-child,.review-cons__list li:last-child{border-bottom:none}
.review-pros__list li::before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:700}
.review-cons__list li::before{content:'✗';position:absolute;left:0;color:var(--red);font-weight:700}
.expert-box{display:flex;gap:var(--s-md);align-items:flex-start;margin-top:var(--s-lg);padding:var(--s-lg);background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.15);border-left:3px solid var(--purple-l);border-radius:var(--r-md)}
.expert-box__avatar{font-size:2rem;flex-shrink:0}
.expert-box__name{display:block;font-size:.875rem;font-weight:700;color:var(--white);margin-bottom:.25rem}
.expert-box__text{font-size:.875rem;color:var(--text-2);line-height:1.7}
.review-score{padding:var(--s-xl);background:var(--bg-card);border:1px solid rgba(167,139,250,.3);border-radius:var(--r-xl);box-shadow:0 0 30px rgba(124,58,237,.12);display:flex;flex-direction:column;gap:var(--s-lg);position:sticky;top:calc(var(--hh) + 1rem)}
.review-score__title{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}
.review-score__big{font-size:3.5rem;font-weight:900;color:var(--purple-l);line-height:1}
.review-score__stars{color:var(--gold-h);font-size:1.25rem;letter-spacing:2px}
.review-score__label{font-size:.875rem;font-weight:600;color:var(--green)}
.score-bars{display:flex;flex-direction:column;gap:.75rem}
.score-bar{display:flex;align-items:center;gap:.75rem}
.score-bar__label{font-size:.8125rem;color:var(--text-2);width:70px;flex-shrink:0}
.score-bar__track{flex:1;height:6px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}
.score-bar__fill{height:100%;background:var(--grad-brand);border-radius:3px}
.score-bar__val{font-size:.8125rem;font-weight:700;color:var(--purple-l);width:28px;text-align:right;flex-shrink:0}

/* ============================================================
   COMPARISON TABLE — Yandex engagement signal
   ============================================================ */
.comparison{padding-block:var(--s-4xl);background:var(--bg)}
.comparison-table-wrap{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--border)}
.comparison-table{width:100%}
.comparison-table th{padding:.875rem 1rem;text-align:left;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--purple-l);background:var(--bg-card);border-bottom:1px solid var(--border)}
.comparison-table td{padding:.875rem 1rem;font-size:.9375rem;color:var(--text-2);border-bottom:1px solid var(--border)}
.comparison-table tr:last-child td{border-bottom:none}
.comparison-table tr:hover td{background:rgba(124,58,237,.04)}
.comparison-table .highlight-row td{background:rgba(124,58,237,.06);color:var(--text)}
.comparison-table .highlight-row td:first-child{font-weight:700;color:var(--purple-l)}
.ct-good{color:var(--green);font-weight:600}
.ct-ok{color:var(--gold-h);font-weight:600}
.ct-bad{color:var(--red)}

/* ============================================================
   BONUSES
   ============================================================ */
.bonuses{padding-block:var(--s-4xl);background:var(--bg-2)}
.bonus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s-lg)}
.bonus-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-xl);display:flex;flex-direction:column;gap:var(--s-md);transition:border-color var(--ease),transform var(--ease)}
.bonus-card:hover{border-color:var(--border-2);transform:translateY(-4px)}
.bonus-card--featured{border-color:rgba(167,139,250,.4);background:linear-gradient(135deg,rgba(124,58,237,.08) 0%,var(--bg-card) 60%);box-shadow:0 0 40px rgba(124,58,237,.1)}
.bonus-card .bonus-card__badge{position:absolute;top:-12px;left:var(--s-lg);padding:.25rem .75rem;background:var(--grad-brand);border-radius:var(--r-full);font-size:.75rem;font-weight:700;color:#fff}
.bonus-card__icon{font-size:2.5rem}
.bonus-card__title{font-size:1.0625rem;font-weight:700;color:var(--white)}
.bonus-card__val{font-size:1.75rem;font-weight:900;color:var(--purple-l);line-height:1}
.bonus-card__desc{font-size:.9375rem;color:var(--text-2);line-height:1.65}
.bonus-card__terms{display:flex;flex-direction:column;gap:.25rem;margin-top:auto}
.bonus-card__terms li{font-size:.8125rem;color:var(--text-3);padding-left:1rem;position:relative}
.bonus-card__terms li::before{content:'•';position:absolute;left:0;color:var(--purple-l)}

/* ============================================================
   SLOTS
   ============================================================ */
.slots{padding-block:var(--s-4xl);background:var(--bg)}
.slot-tabs{display:flex;flex-wrap:wrap;gap:var(--s-sm);justify-content:center;margin-bottom:var(--s-2xl)}
.slot-tab{padding:.5rem 1.25rem;border-radius:var(--r-full);font-size:.875rem;font-weight:600;color:var(--text-2);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:all var(--ease)}
.slot-tab:hover{border-color:var(--purple-l);color:var(--purple-l)}
.slot-tab--active{background:var(--grad-brand);color:#fff;border-color:transparent;box-shadow:0 4px 16px rgba(124,58,237,.3)}
.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--s-lg);margin-bottom:var(--s-xl)}
.slot-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--ease),border-color var(--ease)}
.slot-card:hover{transform:translateY(-4px);border-color:var(--border-2)}
.slot-card:hover .slot-card__overlay{opacity:1}
.slot-card__badge{position:absolute;top:8px;left:8px;z-index:2;padding:.2rem .6rem;background:var(--grad-brand);border-radius:var(--r-full);font-size:.7rem;font-weight:700;color:#fff}
.slot-card__badge--new{background:linear-gradient(135deg,#0ea5e9,#6366f1)}
.slot-card__thumb{position:relative;height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.slot-card__thumb--1{background:linear-gradient(135deg,#0a0020,#1a0040)}
.slot-card__thumb--2{background:linear-gradient(135deg,#200010,#400020)}
.slot-card__thumb--3{background:linear-gradient(135deg,#001020,#002040)}
.slot-card__thumb--4{background:linear-gradient(135deg,#100020,#200040)}
.slot-card__thumb--5{background:linear-gradient(135deg,#001a10,#003a20)}
.slot-card__thumb--6{background:linear-gradient(135deg,#1a1000,#3a2000)}
.slot-card__emoji{font-size:4rem;filter:drop-shadow(0 4px 12px rgba(124,58,237,.4));transition:transform var(--ease)}
.slot-card:hover .slot-card__emoji{transform:scale(1.1)}
.slot-card__overlay{position:absolute;inset:0;background:rgba(0,0,0,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity var(--ease);backdrop-filter:blur(4px)}
.slot-card__info{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}
.slot-card__name{font-size:.875rem;font-weight:600;color:var(--text)}
.slot-card__rtp{font-size:.75rem;color:var(--green);font-weight:600}
.slots__cta{text-align:center}

/* ============================================================
   PAYMENTS
   ============================================================ */
.payments{padding-block:var(--s-4xl);background:var(--bg-2)}
.pay-table-wrap{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--border);margin-bottom:var(--s-xl)}
.pay-table th{padding:.875rem 1rem;text-align:left;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--purple-l);background:var(--bg-card);border-bottom:1px solid var(--border)}
.pay-table td{padding:.875rem 1rem;font-size:.9375rem;color:var(--text-2);border-bottom:1px solid var(--border)}
.pay-table tr:last-child td{border-bottom:none}
.pay-table tr:hover td{background:rgba(124,58,237,.04)}
.pay-icon{font-size:1.125rem;margin-right:.375rem}
.pay-fast{color:var(--green);font-weight:600}
.pay-free{color:var(--green);font-weight:700}

/* ============================================================
   HOW TO — Step-by-step (Yandex engagement)
   ============================================================ */
.howto{padding-block:var(--s-4xl);background:var(--bg)}
.steps{display:flex;align-items:flex-start;gap:var(--s-md);margin-bottom:var(--s-2xl);flex-wrap:wrap}
.step{flex:1;min-width:220px;padding:var(--s-xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);transition:border-color var(--ease)}
.step:hover{border-color:rgba(124,58,237,.3)}
.step__num{width:40px;height:40px;border-radius:50%;background:var(--grad-brand);display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:800;color:#fff;margin-bottom:var(--s-md)}
.step__title{font-size:1rem;font-weight:700;color:var(--white);margin-bottom:.375rem}
.step__desc{font-size:.9375rem;color:var(--text-2);line-height:1.7}
.step__desc strong{color:var(--purple-l)}
.step__arrow{font-size:1.5rem;color:var(--text-3);padding-top:2.5rem;flex-shrink:0}
.howto__cta{text-align:center}

/* ============================================================
   FAQ — Deep (Yandex behavioral signal)
   ============================================================ */
.faq{padding-block:var(--s-4xl);background:var(--bg-2)}
.faq__list{max-width:760px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--s-sm)}
.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:border-color var(--ease)}
.faq-item[open]{border-color:rgba(124,58,237,.3)}
.faq-item__q{display:flex;align-items:center;justify-content:space-between;padding:var(--s-lg) var(--s-xl);font-size:1rem;font-weight:600;color:var(--text);cursor:pointer;list-style:none;user-select:none;transition:color var(--ease)}
.faq-item__q::-webkit-details-marker{display:none}
.faq-item__q::after{content:'+';font-size:1.5rem;font-weight:300;color:var(--purple-l);flex-shrink:0;transition:transform var(--ease)}
.faq-item[open] .faq-item__q::after{transform:rotate(45deg)}
.faq-item__q:hover{color:var(--purple-l)}
.faq-item__a{padding:0 var(--s-xl) var(--s-lg);border-top:1px solid var(--border)}
.faq-item__a p{font-size:.9375rem;color:var(--text-2);line-height:1.75;padding-top:var(--s-md)}
.faq-item__a strong{color:var(--purple-l)}
.faq-item__a a{color:var(--purple-l);text-decoration:underline}

/* ============================================================
   SEO TEXT — Yandex long-form engagement
   ============================================================ */
.seo-text{padding-block:var(--s-4xl);background:var(--bg);border-top:1px solid var(--border)}
.seo-article{max-width:860px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--s-lg)}
.seo-article__h2{font-size:clamp(1.375rem,2.5vw,2rem);font-weight:800;letter-spacing:-.02em;color:var(--white);padding-bottom:var(--s-md);border-bottom:1px solid var(--border);margin-bottom:var(--s-sm)}
.seo-article__h3{font-size:1.0625rem;font-weight:700;color:var(--white);margin-top:var(--s-sm);padding-left:var(--s-md);border-left:3px solid var(--purple-l)}
.seo-article p{font-size:.9375rem;color:var(--text-2);line-height:1.8}
.seo-article strong{color:var(--purple-l)}
.seo-article a{color:var(--purple-l);text-decoration:underline}

/* ============================================================
   CTA BOTTOM
   ============================================================ */
.cta-bottom{position:relative;padding-block:var(--s-4xl);overflow:hidden;background:var(--bg-2);text-align:center}
.cta-bottom__bg{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(124,58,237,.12) 0%,transparent 70%)}
.cta-bottom__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--s-lg)}
.cta-bottom__title{font-size:clamp(1.75rem,3.5vw,3rem);font-weight:900;letter-spacing:-.025em;color:var(--white)}
.cta-bottom__desc{font-size:1.0625rem;color:var(--text-2);max-width:480px;line-height:1.75}
.cta-bottom__desc strong{color:var(--gold-h)}
.cta-bottom__note{font-size:.8125rem;color:var(--text-3)}

/* ============================================================
   FOOTER
   ============================================================ */
.footer{background:var(--bg-card);border-top:1px solid var(--border);padding-block:var(--s-3xl) var(--s-xl)}
.footer__inner{display:flex;flex-direction:column;gap:var(--s-2xl)}
.footer__top{display:grid;grid-template-columns:260px 1fr;gap:var(--s-3xl)}
.footer__desc{font-size:.875rem;color:var(--text-3);line-height:1.65;margin-top:var(--s-md);margin-bottom:var(--s-lg)}
.footer__social{display:flex;gap:var(--s-md)}
.social-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background:rgba(124,58,237,.05);border:1px solid var(--border);border-radius:var(--r-full);font-size:.8125rem;font-weight:500;color:var(--text-2);transition:all var(--ease)}
.social-btn:hover{border-color:var(--purple-l);color:var(--purple-l);background:rgba(124,58,237,.08)}
.footer__nav{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-xl)}
.footer__nav-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:var(--s-md)}
.footer__nav ul{display:flex;flex-direction:column;gap:.5rem}
.footer__nav a{font-size:.875rem;color:var(--text-2);transition:color var(--ease)}
.footer__nav a:hover{color:var(--purple-l)}
.footer__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s-md);padding-top:var(--s-xl);border-top:1px solid var(--border)}
.footer__legal{font-size:.75rem;color:var(--text-3);line-height:1.6;max-width:640px}
.footer__badges{display:flex;gap:var(--s-sm);flex-shrink:0}
.footer__badge{padding:.25rem .625rem;background:rgba(124,58,237,.05);border:1px solid var(--border);border-radius:var(--r-sm);font-size:.75rem;font-weight:600;color:var(--text-3)}

/* ============================================================
   RESPONSIVE — TABLET (≤ 1024px)
   ============================================================ */
@media(max-width:1024px){
  :root{--pad:1.5rem}
  .hero__inner{grid-template-columns:1fr;text-align:center;padding-block:var(--s-3xl)}
  .hero__desc{margin-inline:auto}
  .hero__cta{justify-content:center}
  .hero__trust{justify-content:center}
  .hero__promo{display:none}
  .review-grid{grid-template-columns:1fr 1fr}
  .review-score{position:static;grid-column:1/-1}
  .footer__top{grid-template-columns:1fr;gap:var(--s-2xl)}
  .footer__nav{grid-template-columns:repeat(2,1fr)}
}

/* ============================================================
   RESPONSIVE — MOBILE (≤ 768px)
   ============================================================ */
@media(max-width:768px){
  :root{--pad:1rem;--s-4xl:4rem}
  .nav{position:fixed;top:var(--hh);left:0;right:0;background:rgba(12,10,26,.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:var(--s-xl);transform:translateY(-110%);transition:transform var(--ease-s);z-index:99}
  .nav--open{transform:translateY(0)}
  .nav__list{flex-direction:column;align-items:flex-start;gap:var(--s-lg)}
  .nav__link{font-size:1.125rem}
  .header__actions{display:none}
  .burger{display:flex}
  .stat__div{display:none}
  .stats__inner{gap:var(--s-lg)}
  .review-grid{grid-template-columns:1fr}
  .bonus-grid{grid-template-columns:1fr}
  .slot-grid{grid-template-columns:repeat(2,1fr)}
  .steps{flex-direction:column}
  .step__arrow{transform:rotate(90deg);align-self:center;padding-top:0}
  .footer__nav{grid-template-columns:1fr 1fr}
  .footer__bottom{flex-direction:column;align-items:flex-start}
}

/* ============================================================
   RESPONSIVE — SMALL (≤ 480px)
   ============================================================ */
@media(max-width:480px){
  .slot-grid{grid-template-columns:1fr 1fr}
  .footer__nav{grid-template-columns:1fr}
  .hero__cta{flex-direction:column}
  .hero__cta .btn{width:100%}
  .slot-tabs{gap:.375rem}
  .slot-tab{padding:.4rem .875rem;font-size:.8125rem}
}

/* ============================================================
   UTILITIES
   ============================================================ */
:focus-visible{outline:2px solid var(--purple-l);outline-offset:3px;border-radius:4px}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:rgba(124,58,237,.3);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--purple-l)}
::selection{background:rgba(124,58,237,.25);color:var(--white)}