/* ─────────────────────────────────────────────────────────
   Theme Name: twentytwentyfive
   Description: Dark-theme casino affiliate — mashstadion.ru pattern
   ───────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* ── Reset ──────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body {
  font-family: Inter,system-ui,-apple-system,sans-serif;
  background:#0a0f0c;
  color:#e2e8f0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.6;
}
a{text-decoration:none}
img{max-width:100%;height:auto;display:block}

/* ── Scrollbar ──────────────────────────────────────────── */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#0d1410}
::-webkit-scrollbar-thumb{background:#1a3322;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#2a4a32}

/* ══════════════════ BLOCK 1: PROMO TOP BAR ═══════════════ */
.promo-top-bar {
  background:#111a14;
  border-bottom:1px solid rgba(0,224,84,0.12);
}
.promo-top-bar-inner {
  max-width:1280px;
  margin:0 auto;
  padding:0.5rem 1.5rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1rem;
  flex-wrap:wrap;
  font-size:0.8125rem;
}
.promo-top-bar-link{color:#94a3b8;transition:color .15s}
.promo-top-bar-link:hover{color:#fff}
.promo-top-bar-label{color:#e8a000;font-weight:600;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.08em}
.promo-top-bar-btn{background:#e8a000;color:#0d1421;font-weight:700;font-size:0.75rem;padding:0.375rem 1rem;border-radius:9999px;transition:background .15s,transform .15s}
.promo-top-bar-btn:hover{background:#fbbf24;color:#0d1421;transform:translateY(-1px)}

/* ══════════════════ BLOCK 2: STICKY NAV HEADER ═══════════ */
#masthead {
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(10,15,12,0.92);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(0,224,84,0.12);
}
.header-inner {
  max-width:1280px;
  margin:0 auto;
  padding:0 1.5rem;
  height:3.5rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.header-logo {
  font-weight:800;
  font-size:1.35rem;
  color:#fff;
  letter-spacing:-0.02em;
  flex-shrink:0;
}
.header-nav{display:flex;align-items:center;gap:1.25rem}
.header-nav a{color:#94a3b8;font-size:0.8125rem;font-weight:500;transition:color .15s;white-space:nowrap}
.header-nav a:hover{color:#00e054}
.header-actions{display:flex;align-items:center;gap:0.75rem}
.btn-login{border:1px solid #475569;color:#fff;border-radius:9999px;padding:0.45rem 1.15rem;background:transparent;font-weight:600;font-size:0.8125rem;white-space:nowrap;transition:background .15s,border-color .15s}
.btn-login:hover{background:#1e293b;border-color:#64748b;color:#fff}
.btn-register{background:#00e054;color:#0a0f0c;font-weight:700;border-radius:9999px;padding:0.45rem 1.15rem;font-size:0.8125rem;white-space:nowrap;transition:background .15s,transform .15s}
.btn-register:hover{background:#00cc4a;color:#0a0f0c;transform:translateY(-1px)}

.hamburger-toggle{display:none;flex-direction:column;gap:4px;padding:0.5rem;background:none;border:none;cursor:pointer}
.hamburger-line{display:block;width:20px;height:2px;background:#94a3b8;border-radius:2px}
.hamburger-toggle:hover .hamburger-line{background:#00e054}
.mobile-menu{display:none;border-top:1px solid #1a3322;background:#0a0f0c;padding:1rem 1.5rem;flex-direction:column;gap:0.5rem}
.mobile-menu a{color:#94a3b8;padding:0.5rem 0;font-size:0.875rem;transition:color .15s}
.mobile-menu a:hover{color:#00e054}
.mobile-menu.open{display:flex}

/* ══════════════════ BLOCK 3: HERO SPLIT ══════════════════ */
.hero-section {
  max-width:1280px;
  margin:0 auto;
  padding:2rem 1.5rem;
  display:grid;
  grid-template-columns:1fr 320px;
  gap:1.5rem;
  align-items:start;
}
.hero-main {
  border-radius:0.75rem;
  overflow:hidden;
  min-height:380px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:2rem;
  background:linear-gradient(135deg,#0d1410 0%,#132218 50%,#0a0f0c 100%);
  border:1px solid #1a3322;
  position:relative;
}
.hero-main-bg {
  position:absolute;inset:0;opacity:0.25;
  background:radial-gradient(ellipse 70% 50% at 30% 40%,rgba(0,224,84,0.08) 0%,transparent 60%),
             radial-gradient(ellipse 50% 40% at 70% 60%,rgba(232,160,0,0.06) 0%,transparent 50%);
  pointer-events:none;z-index:0;
}
.hero-main-content{position:relative;z-index:1;max-width:480px}
.hero-main-title{font-size:2.75rem;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-0.03em;margin-bottom:0.75rem}
.hero-main-sub{font-size:1rem;color:#94a3b8;margin-bottom:1.5rem;line-height:1.5}
.hero-main-cta{display:inline-flex;background:#e8a000;color:#0d1421;font-weight:700;padding:0.75rem 1.75rem;border-radius:9999px;transition:background .15s,transform .15s}
.hero-main-cta:hover{background:#fbbf24;color:#0d1421;transform:translateY(-1px)}

.hero-side{display:flex;flex-direction:column;gap:1rem}
.hero-promo-card {
  border-radius:0.75rem;
  overflow:hidden;
  position:relative;
  aspect-ratio:16/9;
  display:flex;
  align-items:flex-end;
  padding:1.25rem;
  border:1px solid #1a3322;
  transition:border-color .2s,transform .2s;
}
.hero-promo-card:hover{border-color:rgba(0,224,84,0.4);transform:scale(1.02)}
.hero-promo-card-bg{position:absolute;inset:0;z-index:0}
.hero-promo-card-bg.p-1{background:linear-gradient(135deg,#1a0a0a 0%,#2d1510 30%,#0d1410 100%),radial-gradient(circle at 30% 50%,rgba(232,160,0,0.15) 0%,transparent 60%)}
.hero-promo-card-bg.p-2{background:linear-gradient(135deg,#0a0f1a 0%,#151a2d 30%,#0d1410 100%),radial-gradient(circle at 70% 50%,rgba(0,224,84,0.12) 0%,transparent 60%)}
.hero-promo-card-content{position:relative;z-index:1;width:100%}
.hero-promo-card-btn{display:inline-block;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);color:#fff;font-weight:600;padding:0.5rem 1.25rem;border-radius:9999px;font-size:0.8125rem;border:1px solid rgba(255,255,255,0.15);transition:background .15s}
.hero-promo-card-btn:hover{background:rgba(0,224,84,0.2);color:#fff}

/* ══════════════════ BLOCK 4: QUICK NAV TABS ══════════════ */
.quick-nav{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex;border-bottom:1px solid #1a3322}
.quick-nav-tab{flex:1;text-align:center;padding:0.75rem 0.5rem;color:#64748b;font-size:0.8125rem;font-weight:600;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;text-transform:uppercase;letter-spacing:0.03em}
.quick-nav-tab:hover{color:#94a3b8}
.quick-nav-tab.active{color:#fff;border-bottom-color:#00e054}

/* ══════════════════ BLOCK 5: CONTENT + SIDEBAR ═══════════ */
.content-wrapper {
  max-width:1280px;
  margin:2rem auto;
  padding:0 1.5rem;
  display:grid;
  grid-template-columns:240px 1fr;
  gap:2rem;
  align-items:start;
}
.sidebar-toc {
  position:sticky;
  top:5rem;
  background:#0d1410;
  border:1px solid #1a3322;
  border-radius:0.75rem;
  padding:1.5rem;
}
.sidebar-toc-title{font-size:0.85rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1rem}
.sidebar-toc-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:0.4rem}
.sidebar-toc-list a{display:flex;align-items:center;gap:0.5rem;color:#94a3b8;font-size:0.8125rem;padding:0.35rem 0;transition:color .15s}
.sidebar-toc-list a:hover{color:#00e054}
.sidebar-toc-num{width:1.4rem;height:1.4rem;border-radius:50%;background:#1a3322;display:inline-flex;align-items:center;justify-content:center;font-size:0.6875rem;font-weight:700;color:#00e054;flex-shrink:0}
.sidebar-toc-cta{margin-top:1.25rem}
.sidebar-toc-btn{display:block;width:100%;text-align:center;background:#00e054;color:#0a0f0c;font-weight:700;padding:0.6rem 1rem;border-radius:9999px;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.04em;transition:background .15s}
.sidebar-toc-btn:hover{background:#00cc4a;color:#0a0f0c}

/* ── Main article panel ── */
.main-article-panel {
  background:#0d1410;
  border:1px solid #1a3322;
  border-radius:0.75rem;
  padding:2.5rem;
  min-width:0;
}
.main-article-panel h1{font-size:2rem;font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.25}
.article-intro{color:#94a3b8;font-size:1rem;line-height:1.7;margin-bottom:2rem}
.main-article-panel h2{font-size:1.375rem;font-weight:700;color:#fff;margin-top:2.5rem;margin-bottom:1rem;padding-left:1rem;border-left:3px solid #00e054;line-height:1.3}
.main-article-panel h3{font-size:1.1rem;font-weight:600;color:#e2e8f0;margin-top:1.5rem;margin-bottom:0.75rem}
.main-article-panel p,.main-article-panel li{color:#94a3b8;line-height:1.7;margin-bottom:1rem}
.main-article-panel ul,.main-article-panel ol{padding-left:1.5rem;margin-bottom:1rem}
.main-article-panel a{color:#00e054;text-decoration:underline;text-underline-offset:2px}
.main-article-panel a:hover{color:#00ff66}
.main-article-panel blockquote{border-left:4px solid #00e054;background:rgba(0,224,84,0.05);border-radius:0 0.5rem 0.5rem 0;padding:1rem;margin:1.5rem 0;color:#94a3b8;font-style:italic}
.main-article-panel table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:0.8125rem}
.main-article-panel thead th{background:#111a14;text-align:left;padding:0.75rem 1rem;font-weight:600;color:#fff;border-bottom:2px solid #00e054;white-space:nowrap}
.main-article-panel tbody td{padding:0.75rem 1rem;border-top:1px solid #1a3322;color:#94a3b8}
.main-article-panel tbody tr:hover{background:rgba(0,224,84,0.03)}
.main-article-panel tbody td:first-child{color:#e2e8f0;font-weight:500}

/* ══════════════════ INNER PAGE HERO ══════════════════════ */
.page-hero{padding:3rem 0;text-align:center;background:linear-gradient(to bottom,#0d1410,#0a0f0c);border-bottom:1px solid #1a3322}
.page-hero-inner{padding:0 1.5rem}
.kicker{color:#00e054;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.75rem}
.page-hero-title{font-size:2.25rem;font-weight:800;color:#fff;max-width:56rem;margin:0 auto;line-height:1.2}
.page-hero-sub{font-size:1.125rem;color:#94a3b8;max-width:48rem;margin:1rem auto 0;line-height:1.6}
.hero-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;margin-top:1.5rem}
.btn-primary{background:#00e054;color:#0a0f0c;font-weight:700;border-radius:9999px;padding:0.6rem 1.5rem;transition:background .15s,transform .15s;font-size:0.875rem;white-space:nowrap}
.btn-primary:hover{background:#00cc4a;color:#0a0f0c;transform:translateY(-1px)}
.btn-outline{border:1px solid #475569;color:#cbd5e1;border-radius:9999px;padding:0.6rem 1.5rem;background:transparent;font-weight:500;font-size:0.875rem;transition:background .15s,color .15s;white-space:nowrap}
.btn-outline:hover{background:#1e293b;color:#fff}
.btn-lg{padding:0.75rem 2rem;font-size:1rem}
.btn-sm{padding:0.375rem 0.875rem;font-size:0.75rem}

/* ══════════════════ BLOCK 10: SLOTS GRID ════════════════ */
.slots-section{padding:3rem 0}
.slots-heading{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:2rem}
.slots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:80rem;margin:0 auto;padding:0 1.5rem}
.slot-card{border-radius:0.75rem;border:1px solid #1a3322;background:rgba(13,20,16,0.8);overflow:hidden;transition:border-color .2s,transform .2s;display:block;position:relative}
.slot-card:hover{border-color:rgba(0,224,84,0.5);transform:scale(1.04)}
.slot-card img{width:100%;aspect-ratio:3/4;object-fit:cover}
.slot-card span{display:none}

/* ══════════════════ BLOCK 11: LIVE GAMES ═══════════════ */
.live-section{padding:3rem 1.5rem;border-top:1px solid #1a3322}
.live-section h2{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:2rem}
.live-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:80rem;margin:0 auto}
.live-card{border-radius:0.75rem;border:1px solid #1a3322;overflow:hidden;background:#0d1410;transition:border-color .2s,transform .2s;position:relative}
.live-card:hover{border-color:rgba(0,224,84,0.5);transform:scale(1.04)}
.live-card img{width:100%;object-fit:contain;background:#0a0f0c}
.live-card span{display:none}

/* ══════════════════ BLOCK 11: PAYMENT METHODS ═══════════ */
.payment-section{padding:2.5rem 0;border-top:1px solid #1a3322;text-align:center}
.payment-heading{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:2rem}
.payment-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;max-width:56rem;margin:0 auto;padding:0 1.5rem}
.payment-badge{background:#111a14;border:1px solid #1a3322;border-radius:0.5rem;padding:0.6rem 1.25rem;color:#94a3b8;font-size:0.8125rem;font-weight:500;transition:border-color .15s}
.payment-badge:hover{border-color:rgba(0,224,84,0.3)}

/* ══════════════════ FEATURED LIST ════════════════════════ */
.featured-section{padding:3rem 1.5rem}
.featured-heading{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:2rem}
.featured-list{max-width:56rem;margin:0 auto;display:flex;flex-direction:column;gap:0.5rem}
.featured-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:0.75rem;border:1px solid #1a3322;background:rgba(13,20,16,0.6);transition:border-color .2s}
.featured-item:hover{border-color:rgba(0,224,84,0.25)}
.featured-rank{width:2.25rem;height:2.25rem;border-radius:50%;background:#00e054;display:flex;align-items:center;justify-content:center;font-size:0.875rem;font-weight:700;color:#0a0f0c;flex-shrink:0}
.featured-info{flex:1;min-width:0}
.featured-info h3{color:#fff;font-weight:600;font-size:1rem;margin-bottom:0.25rem}
.featured-info h3 a{color:#fff}
.featured-info h3 a:hover{color:#00e054}
.featured-info p{font-size:0.875rem;color:#64748b;line-height:1.4}

/* ══════════════════ FAQ ═════════════════════════════════ */
.faq-section{max-width:56rem;margin:3rem auto;padding:0 1.5rem}
.faq-heading{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:1.5rem}
.faq-list{display:flex;flex-direction:column;gap:0.5rem}
.faq-item{border-radius:0.75rem;border:1px solid #1a3322;background:rgba(13,20,16,0.5);overflow:hidden}
.faq-question{padding:1rem 1.25rem;font-weight:600;color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;font-size:0.9375rem}
.faq-question::-webkit-details-marker{display:none}
.faq-question::after{content:"+";color:#00e054;font-size:1.25rem;flex-shrink:0}
.faq-item[open] .faq-question::after{content:"−"}
.faq-answer{padding:0 1.25rem 1.25rem;font-size:0.875rem;color:#94a3b8;line-height:1.65}

/* ══════════════════ HOWTO ═══════════════════════════════ */
.howto-section{max-width:56rem;margin:3rem auto;padding:0 1.5rem}
.howto-heading{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:1.5rem}
.howto-steps{display:flex;flex-direction:column;gap:0.75rem}
.howto-step{display:flex;gap:1rem;padding:1rem;border-radius:0.75rem;border:1px solid #1a3322;background:rgba(13,20,16,0.5)}
.howto-step-num{width:2.5rem;height:2.5rem;border-radius:50%;background:#00e054;display:flex;align-items:center;justify-content:center;font-weight:700;color:#0a0f0c;flex-shrink:0;font-size:0.95rem}
.howto-step-content{flex:1;min-width:0}
.howto-step-content h3{font-weight:600;color:#fff;margin-bottom:0.25rem;font-size:0.95rem}
.howto-step-content p{font-size:0.875rem;color:#94a3b8;line-height:1.5}

/* ══════════════════ PROS/CONS — dark green / dark red ═══ */
.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:2rem 0}
.pros-box,.cons-box{border-radius:1rem;padding:1.5rem;position:relative;overflow:hidden}
.pros-box{background:linear-gradient(135deg,#0a2a16,#0a1f10);border:1px solid rgba(0,180,60,0.35)}
.cons-box{background:linear-gradient(135deg,#2a0a0a,#1f0a0a);border:1px solid rgba(200,40,40,0.35)}
.pros-box h3,.cons-box h3{display:flex;align-items:center;gap:0.5rem;font-size:1.05rem;margin-bottom:1rem}
.pros-box h3{color:#00cc44}
.cons-box h3{color:#ef4444}
.pros-box h3::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:rgba(0,200,60,0.25);font-size:0.85rem}
.cons-box h3::before{content:"✕";display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:rgba(239,68,68,0.25);font-size:0.8rem}
.pros-box ul,.cons-box ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.65rem}
.pros-box li,.cons-box li{padding:0.5rem 0.75rem;border-radius:0.5rem;font-size:0.875rem;line-height:1.5;display:flex;align-items:flex-start;gap:0.5rem}
.pros-box li{background:rgba(0,200,60,0.08);color:#a7f3d0}
.cons-box li{background:rgba(200,40,40,0.08);color:#fecaca}
.pros-box li::before{content:"+";color:#00cc44;font-weight:700;flex-shrink:0}
.cons-box li::before{content:"−";color:#ef4444;font-weight:700;flex-shrink:0}

/* ══════════════════ FEATURE CARDS ═══════════════════════ */
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;margin:2rem 0}
.feature-card{border-radius:0.75rem;border:1px solid #1a3322;background:rgba(13,20,16,0.5);padding:1rem;text-align:center;transition:border-color .2s}
.feature-card:hover{border-color:rgba(0,224,84,0.3)}
.feature-card-icon{font-size:1.5rem;margin-bottom:0.5rem}
.feature-card h3{font-weight:600;color:#fff;font-size:0.85rem;margin-bottom:0.25rem}
.feature-card p{font-size:0.75rem;color:#64748b}

/* ══════════════════ WHY SECTION ═════════════════════════ */
.why-section{padding:3rem 1.5rem;border-top:1px solid #1a3322}
.why-section h2{color:#fff;text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:0.5rem}
.why-section .why-subtitle{color:#64748b;text-align:center;margin-bottom:2rem}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.75rem;max-width:72rem;margin:0 auto}
.why-card{border-radius:0.75rem;border:1px solid #1a3322;background:rgba(13,20,16,0.6);padding:1.25rem;text-align:center;transition:border-color .2s}
.why-card:hover{border-color:rgba(0,224,84,0.25)}
.why-card-icon{font-size:1.5rem;margin-bottom:0.5rem}
.why-card h3{font-weight:600;color:#fff;font-size:0.85rem;margin-bottom:0.25rem}
.why-card p{font-size:0.75rem;color:#64748b;line-height:1.4}

/* ══════════════════ CONTENT CARDS (HOMEPAGE) ═══════════ */
.content-cards-section{padding:2.5rem 1.5rem}
.content-cards-section h2{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:2rem}
.content-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:72rem;margin:0 auto}
.content-card{border-radius:0.75rem;border:1px solid #1a3322;background:rgba(13,20,16,0.6);padding:1.5rem;transition:border-color .2s}
.content-card:hover{border-color:rgba(0,224,84,0.3)}
.content-card-icon{font-size:1.5rem;display:block;margin-bottom:0.5rem}
.content-card h3{color:#fff;font-weight:700;font-size:1.1rem;margin-bottom:0.5rem}
.content-card p{color:#94a3b8;font-size:0.875rem;margin-bottom:0.75rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.content-card a{color:#00e054;font-size:0.875rem;font-weight:600;transition:color .2s}
.content-card a:hover{color:#00ff66}

/* ══════════════════ STATS STRIP ═════════════════════════ */
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:2rem 1.5rem;border-bottom:1px solid #1a3322;max-width:80rem;margin:0 auto}
.stat-item{text-align:center}
.stat-num{display:block;font-size:1.875rem;font-weight:800;color:#00e054;line-height:1.2}
.stat-lbl{display:block;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:#64748b;margin-top:0.25rem}

/* ══════════════════ META ═══════════════════════════════ */
.entry-meta{padding:1.5rem 0;border-top:1px solid #1a3322;color:#64748b;font-size:0.875rem;max-width:56rem;margin:0 auto}

/* ══════════════════ FOOTER PROMO BAR (sticky on scroll) ══ */
.footer-promo-bar {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:40;
  background:linear-gradient(135deg,#0d1410,#132218);
  border-top:1px solid rgba(0,224,84,0.25);
  padding:0.75rem 1.5rem;
  transform:translateY(100%);
  transition:transform .35s ease;
}
.footer-promo-bar.visible{transform:translateY(0)}
.footer-promo-inner {
  max-width:1280px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.5rem;
  flex-wrap:wrap;
}
.footer-promo-text {
  color:#e2e8f0;
  font-size:0.95rem;
  font-weight:500;
  flex:0 1 auto;
  max-width:50%;
  line-height:1.4;
}
.footer-promo-btn {
  display:inline-flex;
  align-items:center;
  gap:0.4rem;
  background:#e8a000;
  color:#0d1421;
  font-weight:800;
  font-size:0.9rem;
  padding:0.7rem 2rem;
  border-radius:9999px;
  transition:background .15s,transform .15s;
  text-transform:uppercase;
  letter-spacing:0.04em;
  white-space:nowrap;
  flex-shrink:0;
}
.footer-promo-btn::after{content:"→";font-size:1rem}
.footer-promo-btn:hover{background:#fbbf24;color:#0d1421;transform:translateY(-1px)}

/* ══════════════════ FOOTER ═════════════════════════════ */
#colophon{background:#0a0f0c;border-top:1px solid #1a3322;padding-bottom:4rem}
.footer-inner{max-width:1280px;margin:0 auto;padding:2.5rem 1.5rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem}
.footer-col{min-width:0}
.footer-col h4{color:#fff;font-weight:700;font-size:0.85rem;margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.05em}
.footer-col ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:0.35rem}
.footer-col ul a,.footer-legal-links a{color:#64748b;font-size:0.8125rem;transition:color .15s;line-height:1.4}
.footer-col ul a:hover,.footer-legal-links a:hover{color:#00e054}
.footer-logo{font-weight:800;font-size:1.25rem;color:#fff;letter-spacing:-0.02em;display:inline-block;margin-bottom:0.5rem}
.footer-tagline{color:#64748b;font-size:0.75rem;line-height:1.4}
.footer-col-legal p{color:#64748b;font-size:0.75rem;line-height:1.5;margin-bottom:0.5rem}
.footer-legal-links{display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:0.75rem}
.footer-age{color:#e8a000;font-weight:700;font-size:0.8125rem;margin-top:0.5rem}
.footer-bottom{max-width:1280px;margin:0 auto;padding:1rem 1.5rem 1.5rem;border-top:1px solid #1a3322;text-align:center}
.footer-bottom p{color:#475569;font-size:0.7rem;line-height:1.5}
.footer-disclaimer{font-style:italic;margin-top:0.25rem}

/* ── Read More Links (button-style) ── */
.read-more {
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  background:linear-gradient(135deg,#00e054,#00b844);
  color:#0a0f0c;
  font-weight:800;
  font-size:0.85rem;
  padding:0.65rem 1.6rem;
  border-radius:0.5rem;
  transition:background .15s,transform .15s,box-shadow .15s;
  text-transform:none;
  letter-spacing:0.01em;
  box-shadow:0 3px 12px rgba(0,224,84,0.2);
  border:none;
  cursor:pointer;
}
.read-more::after{content:"→";font-size:1rem;margin-left:0.15rem}
.read-more:hover{background:linear-gradient(135deg,#00ff66,#00cc44);color:#0a0f0c;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,224,84,0.35)}

/* ── Promo Banners (removed from inner pages, kept for homepage) ── */
.promo-banners-section{padding:2rem 1.5rem;max-width:1280px;margin:0 auto}
.promo-banners-section h2{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:1.5rem}
.promo-banners-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:72rem;margin:0 auto}
.promo-banner-card{border-radius:0.75rem;border:1px solid #1a3322;overflow:hidden;background:rgba(13,20,16,0.8);transition:border-color .2s,transform .2s}
.promo-banner-card:hover{border-color:rgba(0,224,84,0.5);transform:scale(1.03)}
.promo-banner-card img{width:100%;aspect-ratio:1;object-fit:cover}
.promo-banner-card span{display:none}
.promo-hero-banner{border-radius:0.75rem;border:1px solid #1a3322;overflow:hidden;margin-bottom:1.5rem;max-width:72rem;margin-left:auto;margin-right:auto;transition:border-color .2s}
.promo-hero-banner:hover{border-color:rgba(0,224,84,0.4)}
.promo-hero-banner img{width:100%;display:block;aspect-ratio:978/720;object-fit:cover}

/* ══════════════════ RESPONSIVE ══════════════════════════ */
@media(max-width:1024px){
  .hero-section{grid-template-columns:1fr}
  .hero-side{flex-direction:row}
  .hero-promo-card{flex:1;aspect-ratio:auto;min-height:140px}
  .content-wrapper{grid-template-columns:210px 1fr}
  .slots-grid{grid-template-columns:repeat(3,1fr)}
  .content-cards-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .footer-inner{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .hero-side{flex-direction:column}
  .hero-main{min-height:280px}
  .hero-main-title{font-size:2rem}
  .content-wrapper{grid-template-columns:1fr}
  .sidebar-toc{display:none}
  .slots-grid{grid-template-columns:repeat(2,1fr)}
  .content-cards-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .pros-cons-grid{grid-template-columns:1fr}
  .promo-banners-grid{grid-template-columns:repeat(2,1fr)}
  .page-hero-title{font-size:1.75rem}
  .header-nav{display:none}
  .header-actions .btn-login{display:none}
  .hamburger-toggle{display:flex}
  .footer-inner{grid-template-columns:1fr;text-align:center}
  .footer-col ul,.footer-legal-links{justify-content:center}
  .footer-promo-inner{flex-direction:column;text-align:center}
  .footer-promo-text{max-width:100%}
  .stats-strip{grid-template-columns:repeat(2,1fr)}
  .live-grid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:769px){
  .md\:hidden{display:none}
}