/* ═══════════════════════════════════════════════════════════
   ARGENTOCASINOS.COM — Global Stylesheet
   Concept: Cyberpunk · Holographic Data Dashboard
   Palette: Deep Space · Violet · Cyan · Pink-Alert · Acid-Green
   Fonts: Rajdhani + Inter + Share Tech Mono
   ═══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap');

:root {
  /* Backgrounds */
  --bg0:   #04060E;
  --bg1:   #080B14;
  --bg2:   #0C1020;
  --bg3:   #111628;
  --bg4:   #161C32;
  --bg5:   #1C2340;

  /* Primary neon */
  --violet:   #7B2FFF;
  --violet2:  #9B5FFF;
  --violet3:  #BB8FFF;
  --violet-d: rgba(123,47,255,0.15);

  --cyan:     #00E5FF;
  --cyan2:    #40EEFF;
  --cyan3:    #80F5FF;
  --cyan-d:   rgba(0,229,255,0.12);

  --pink:     #FF4D6D;
  --pink2:    #FF7090;
  --pink-d:   rgba(255,77,109,0.12);

  --acid:     #AAFF00;
  --acid2:    #CCFF44;
  --acid-d:   rgba(170,255,0,0.1);

  /* Text */
  --text:     #E8EAF0;
  --text2:    #9DA8C0;
  --text3:    #5A6480;

  /* Borders */
  --border:   rgba(123,47,255,0.25);
  --border2:  rgba(0,229,255,0.2);
  --border3:  rgba(255,255,255,0.06);
  --border4:  rgba(255,255,255,0.1);

  /* Glows */
  --glow-v:   0 0 20px rgba(123,47,255,0.5), 0 0 60px rgba(123,47,255,0.2);
  --glow-c:   0 0 20px rgba(0,229,255,0.5), 0 0 60px rgba(0,229,255,0.2);
  --glow-p:   0 0 20px rgba(255,77,109,0.4), 0 0 60px rgba(255,77,109,0.15);
  --glow-a:   0 0 20px rgba(170,255,0,0.4), 0 0 60px rgba(170,255,0,0.15);

  --ff-title:  'Rajdhani', sans-serif;
  --ff-body:   'Inter', sans-serif;
  --ff-mono:   'Share Tech Mono', monospace;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: 16px; }

body {
  background: var(--bg0);
  color: var(--text);
  font-family: var(--ff-body);
  font-size: 1rem;
  line-height: 1.65;
  overflow-x: hidden;
}

/* ── SCANLINES OVERLAY ── */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0,0,0,0.08) 2px,
    rgba(0,0,0,0.08) 4px
  );
  pointer-events: none;
  z-index: 0;
}

/* ── GRID DOTS ── */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  background-image: radial-gradient(rgba(123,47,255,0.12) 1px, transparent 1px);
  background-size: 36px 36px;
  pointer-events: none;
  z-index: 0;
}

/* ── CONTAINERS ── */
.wrap    { max-width: 1320px; margin: 0 auto; padding: 0 2.5rem; position: relative; z-index: 1; }
.wrap-md { max-width: 960px;  margin: 0 auto; padding: 0 2.5rem; position: relative; z-index: 1; }
.wrap-sm { max-width: 720px;  margin: 0 auto; padding: 0 2.5rem; position: relative; z-index: 1; }

/* ── RG STRIP ── */
.rg-strip {
  background: rgba(255,77,109,0.12);
  border-bottom: 1px solid rgba(255,77,109,0.3);
  padding: 0.45rem 2.5rem;
  text-align: center;
  font-family: var(--ff-mono);
  font-size: 0.62rem;
  color: var(--text3);
  letter-spacing: 0.1em;
  position: relative;
  z-index: 200;
}
.rg-strip a { color: var(--pink2); text-decoration: none; }
.rg-strip a:hover { color: var(--pink); text-shadow: var(--glow-p); }

/* ── TOPBAR / NAV ── */
.topbar {
  background: rgba(8,11,20,0.92);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border);
  position: sticky;
  top: 0;
  z-index: 150;
}

.topbar-inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 2.5rem;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.site-logo {
  font-family: var(--ff-title);
  font-size: 1.55rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--text);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  line-height: 1;
}
.site-logo .logo-ac { color: var(--violet2); text-shadow: var(--glow-v); }
.site-logo .logo-dot { color: var(--cyan); font-size: 0.6em; }

/* Scanner bar decoration on logo */
.site-logo::before {
  content: '>';
  color: var(--cyan);
  font-family: var(--ff-mono);
  font-size: 0.9rem;
  opacity: 0.7;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 0;
  list-style: none;
}
.nav-links a {
  font-family: var(--ff-mono);
  font-size: 0.65rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text3);
  text-decoration: none;
  padding: 0.45rem 0.9rem;
  border-bottom: 2px solid transparent;
  transition: all 0.2s;
  display: block;
}
.nav-links a:hover { color: var(--cyan); border-bottom-color: var(--cyan); }
.nav-links a.active { color: var(--violet2); border-bottom-color: var(--violet); }

.nav-cta-a {
  background: linear-gradient(135deg, var(--violet), var(--violet2)) !important;
  color: var(--text) !important;
  border-bottom: none !important;
  padding: 0.4rem 1.1rem !important;
  box-shadow: var(--glow-v);
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
}
.nav-cta-a:hover { transform: translateY(-1px); box-shadow: 0 0 30px rgba(123,47,255,0.7) !important; }

.nav-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 5px;
}
.nav-toggle span { display: block; width: 22px; height: 1.5px; background: var(--violet2); }

/* ── HUD CHIP / BADGE ── */
.hud-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--ff-mono);
  font-size: 0.6rem;
  font-weight: 400;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.28rem 0.8rem;
  border: 1px solid var(--border);
  color: var(--violet3);
  background: var(--violet-d);
}
.hud-chip::before {
  content: '';
  width: 5px; height: 5px;
  background: var(--cyan);
  border-radius: 50%;
  box-shadow: var(--glow-c);
  animation: blink 2.5s ease infinite;
}
.hud-chip.cyan { color: var(--cyan2); border-color: var(--border2); background: var(--cyan-d); }
.hud-chip.pink { color: var(--pink2); border-color: rgba(255,77,109,0.3); background: var(--pink-d); }
.hud-chip.acid { color: var(--acid); border-color: rgba(170,255,0,0.3); background: var(--acid-d); }
.hud-chip.cyan::before { background: var(--cyan); }
.hud-chip.pink::before { background: var(--pink); box-shadow: var(--glow-p); }
.hud-chip.acid::before { background: var(--acid); box-shadow: var(--glow-a); }

@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.2} }

/* ── HEADINGS ── */
.t-xl {
  font-family: var(--ff-title);
  font-size: clamp(4rem, 9vw, 11rem);
  font-weight: 700;
  line-height: 0.88;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.t-lg {
  font-family: var(--ff-title);
  font-size: clamp(3rem, 6vw, 7rem);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.t-md {
  font-family: var(--ff-title);
  font-size: clamp(2rem, 4vw, 4.5rem);
  font-weight: 700;
  line-height: 0.92;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.t-sm {
  font-family: var(--ff-title);
  font-size: clamp(1.5rem, 2.5vw, 2.8rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.txt-v { color: var(--violet2); text-shadow: var(--glow-v); }
.txt-c { color: var(--cyan); text-shadow: var(--glow-c); }
.txt-p { color: var(--pink); text-shadow: var(--glow-p); }
.txt-a { color: var(--acid); text-shadow: var(--glow-a); }

/* ── PANEL / CARD ── */
.panel {
  background: var(--bg2);
  border: 1px solid var(--border3);
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s, box-shadow 0.3s;
}
.panel::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--violet), transparent);
  opacity: 0;
  transition: opacity 0.3s;
}
.panel:hover { border-color: var(--border); }
.panel:hover::before { opacity: 1; }

.panel-v  { border-color: var(--border); }
.panel-c  { border-color: var(--border2); }
.panel-c::before { background: linear-gradient(90deg, transparent, var(--cyan), transparent); opacity: 0.5; }
.panel-p  { border-color: rgba(255,77,109,0.25); }
.panel-p::before { background: linear-gradient(90deg, transparent, var(--pink), transparent); opacity: 0.5; }
.panel-a  { border-color: rgba(170,255,0,0.2); }

/* ── CORNER BRACKET DECORATION ── */
.bracket {
  position: relative;
}
.bracket::before, .bracket::after {
  content: '';
  position: absolute;
  width: 12px; height: 12px;
  border-color: var(--violet2);
  border-style: solid;
}
.bracket::before { top: 0; left: 0; border-width: 1.5px 0 0 1.5px; }
.bracket::after  { bottom: 0; right: 0; border-width: 0 1.5px 1.5px 0; }

/* ── DATA GRID (stat display) ── */
.data-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: var(--border3); }
.data-cell {
  background: var(--bg2);
  padding: 1.5rem;
  text-align: center;
  transition: background 0.2s;
}
.data-cell:hover { background: var(--bg3); }
.data-val {
  font-family: var(--ff-title);
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1;
  display: block;
  color: var(--cyan);
  text-shadow: var(--glow-c);
  letter-spacing: 0.04em;
}
.data-key {
  font-family: var(--ff-mono);
  font-size: 0.58rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text3);
  display: block;
  margin-top: 0.4rem;
}

/* ── CASINO CARD ── */
.casino-card {
  background: var(--bg2);
  border: 1px solid var(--border);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s;
}
.casino-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--violet-d) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.casino-card:hover { transform: translateY(-4px); border-color: var(--violet2); box-shadow: var(--glow-v); }
.casino-card:hover::after { opacity: 1; }

.casino-card-header {
  padding: 1.5rem;
  border-bottom: 1px solid var(--border3);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.casino-logo-box {
  width: 56px; height: 56px;
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ff-title);
  font-size: 1.5rem;
  font-weight: 700;
  flex-shrink: 0;
}
.casino-name-big {
  font-family: var(--ff-title);
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1;
}
.casino-score {
  font-family: var(--ff-title);
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1;
  color: var(--violet2);
  text-shadow: var(--glow-v);
}
.casino-card-body { padding: 1.5rem; flex: 1; }
.casino-card-footer {
  padding: 1.5rem;
  border-top: 1px solid var(--border3);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* ── TAG CHIPS ── */
.tag {
  font-family: var(--ff-mono);
  font-size: 0.58rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.18rem 0.55rem;
  border: 1px solid var(--border3);
  color: var(--text3);
  display: inline-block;
}
.tag.v { border-color: var(--border); color: var(--violet3); }
.tag.c { border-color: var(--border2); color: var(--cyan2); }
.tag.a { border-color: rgba(170,255,0,0.25); color: var(--acid); }

/* ── BADGE ── */
.badge {
  font-family: var(--ff-mono);
  font-size: 0.58rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.2rem 0.55rem;
  border: 1px solid;
  display: inline-block;
}
.badge-ok   { color: var(--acid); border-color: rgba(170,255,0,0.4); background: var(--acid-d); }
.badge-v    { color: var(--violet2); border-color: var(--border); background: var(--violet-d); }
.badge-c    { color: var(--cyan); border-color: var(--border2); background: var(--cyan-d); }
.badge-p    { color: var(--pink); border-color: rgba(255,77,109,0.4); background: var(--pink-d); }

/* ── STARS ── */
.stars { color: var(--violet2); letter-spacing: 2px; text-shadow: var(--glow-v); }

/* ── BUTTONS ── */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--ff-mono);
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.8rem 1.8rem;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid;
  transition: all 0.2s;
  position: relative;
  overflow: hidden;
}
.btn::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, transparent 50%);
  opacity: 0;
  transition: opacity 0.2s;
}
.btn:hover::before { opacity: 1; }

.btn-v {
  background: var(--violet);
  border-color: var(--violet);
  color: var(--text);
  box-shadow: var(--glow-v);
}
.btn-v:hover { background: var(--violet2); transform: translateY(-2px); box-shadow: 0 0 30px rgba(123,47,255,0.7); }

.btn-c {
  background: transparent;
  border-color: var(--cyan);
  color: var(--cyan);
  box-shadow: var(--glow-c);
}
.btn-c:hover { background: var(--cyan-d); transform: translateY(-2px); }

.btn-p {
  background: var(--pink);
  border-color: var(--pink);
  color: var(--text);
  box-shadow: var(--glow-p);
}
.btn-p:hover { background: var(--pink2); transform: translateY(-2px); }

.btn-a {
  background: var(--acid);
  border-color: var(--acid);
  color: var(--bg0);
  font-weight: 700;
  box-shadow: var(--glow-a);
}
.btn-a:hover { background: var(--acid2); transform: translateY(-2px); }

.btn-outline {
  background: transparent;
  border-color: var(--border4);
  color: var(--text2);
}
.btn-outline:hover { border-color: var(--violet2); color: var(--violet2); }

.btn-lg { padding: 1rem 2.2rem; font-size: 0.8rem; }

/* ── FEAT LIST ── */
.feat-list { list-style: none; display: flex; flex-direction: column; gap: 0.65rem; }
.feat-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-size: 0.9rem;
  color: var(--text2);
  line-height: 1.5;
}
.feat-list li::before {
  content: '▹';
  color: var(--cyan);
  font-size: 0.8rem;
  flex-shrink: 0;
  margin-top: 0.1em;
  text-shadow: var(--glow-c);
}

/* ── TABLE ── */
.hud-table { width: 100%; border-collapse: collapse; }
.hud-table thead tr { border-bottom: 1px solid var(--violet); }
.hud-table th {
  font-family: var(--ff-mono);
  font-size: 0.6rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--violet3);
  padding: 0.75rem 1.2rem;
  text-align: left;
  background: rgba(123,47,255,0.06);
}
.hud-table td {
  padding: 0.75rem 1.2rem;
  border-bottom: 1px solid var(--border3);
  font-size: 0.88rem;
  color: var(--text2);
}
.hud-table tr:hover td { background: var(--bg3); color: var(--text); }
.hud-table td:first-child { color: var(--text); font-weight: 600; }
.hud-table .yes { color: var(--acid); text-shadow: var(--glow-a); font-weight: 700; }
.hud-table .no  { color: var(--text3); }

/* ── ACCORDION ── */
.acc-item { border-bottom: 1px solid var(--border3); }
.acc-btn {
  width: 100%; background: none; border: none;
  font-family: var(--ff-body); font-size: 0.95rem; font-weight: 500;
  color: var(--text); padding: 1.1rem 0; text-align: left; cursor: pointer;
  display: flex; justify-content: space-between; align-items: center; gap: 1rem;
  transition: color 0.2s;
}
.acc-btn:hover { color: var(--cyan); }
.acc-icon {
  font-family: var(--ff-mono); font-size: 0.9rem; color: var(--violet2);
  flex-shrink: 0; transition: transform 0.3s; text-shadow: var(--glow-v);
}
.acc-item.open .acc-icon { transform: rotate(45deg); }
.acc-body {
  display: none; padding: 0 0 1.2rem;
  font-size: 0.88rem; color: var(--text3); line-height: 1.75;
}
.acc-item.open .acc-body { display: block; }

/* ── PROVINCE ── */
.prov {
  font-family: var(--ff-mono);
  font-size: 0.58rem;
  letter-spacing: 0.08em;
  padding: 0.25rem 0.7rem;
  border: 1px solid;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}
.prov.ok      { color: var(--acid); border-color: rgba(170,255,0,0.3); background: var(--acid-d); }
.prov.pending { color: var(--violet3); border-color: var(--border); background: var(--violet-d); }

/* ── BONUS PANEL ── */
.bonus-panel {
  background: linear-gradient(135deg, rgba(123,47,255,0.2) 0%, rgba(0,229,255,0.08) 100%);
  border: 1px solid var(--border);
  padding: 2rem;
  position: relative;
  overflow: hidden;
}
.bonus-panel::before {
  content: '';
  position: absolute;
  top: -50%; right: -30%;
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(123,47,255,0.15) 0%, transparent 60%);
  pointer-events: none;
}
.bonus-amount {
  font-family: var(--ff-title);
  font-size: 3rem;
  font-weight: 700;
  color: var(--cyan);
  text-shadow: var(--glow-c);
  letter-spacing: 0.04em;
  line-height: 1;
}
.bonus-label {
  font-family: var(--ff-mono);
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--violet3);
  display: block;
  margin-bottom: 0.5rem;
}
.bonus-terms {
  font-family: var(--ff-mono);
  font-size: 0.6rem;
  color: var(--text3);
  margin-top: 0.5rem;
  letter-spacing: 0.06em;
}

/* ── INFO BOX ── */
.info-box {
  background: var(--bg3);
  border: 1px solid var(--border3);
  border-left: 3px solid var(--cyan);
  padding: 1.2rem 1.5rem;
}
.info-box-v { border-left-color: var(--violet); }
.info-box-p { border-left-color: var(--pink); }
.info-box-a { border-left-color: var(--acid); }

/* ── AGE BADGE ── */
.age-badge {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px;
  border: 1.5px solid var(--violet3);
  border-radius: 50%;
  font-family: var(--ff-mono);
  font-size: 0.62rem; font-weight: 700;
  color: var(--violet3);
  box-shadow: var(--glow-v);
  flex-shrink: 0;
}

/* ── STEP ── */
.step-num {
  width: 48px; height: 48px;
  border: 1px solid var(--violet);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--ff-title); font-size: 1.4rem; font-weight: 700;
  color: var(--violet2); text-shadow: var(--glow-v);
  background: var(--violet-d); box-shadow: var(--glow-v);
  flex-shrink: 0;
}

/* ── HORIZONTAL SCROLL TICKER ── */
.ticker-wrap {
  overflow: hidden;
  background: var(--bg1);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 0.6rem 0;
}
.ticker-track {
  display: flex;
  white-space: nowrap;
  animation: ticker 32s linear infinite;
}
.ticker-item {
  display: inline-flex; align-items: center; gap: 1rem;
  padding: 0 2rem;
  font-family: var(--ff-mono);
  font-size: 0.62rem; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--text3); flex-shrink: 0;
}
.ticker-item span { color: var(--violet2); }
@keyframes ticker { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ── PAGE HERO ── */
.page-hero {
  padding: 5rem 0 4rem;
  position: relative;
  overflow: hidden;
  background: var(--bg1);
}
.hero-bg-text {
  position: absolute;
  right: -4%;
  bottom: -12%;
  font-family: var(--ff-title);
  font-size: clamp(10rem, 22vw, 30rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(123,47,255,0.05);
  line-height: 1;
  user-select: none;
  pointer-events: none;
}

/* ── GRID HELPERS ── */
.g2 { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.g3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5rem; }
.g4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.5rem; }
.g-aside { display: grid; grid-template-columns: 1fr 300px; gap: 2.5rem; }

/* ── SECTION SPACING ── */
.py-8  { padding: 4rem 0; }
.py-10 { padding: 5rem 0; }
.py-12 { padding: 6rem 0; }

/* ── NEON DIVIDER ── */
.ndiv { height: 1px; background: linear-gradient(90deg, transparent, var(--violet), var(--cyan), var(--violet), transparent); opacity: 0.4; }

/* ── FOOTER ── */
.site-footer {
  background: var(--bg0);
  border-top: 1px solid var(--border);
}
.footer-inner {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.4fr;
  gap: 3rem;
  padding: 4rem 0 3rem;
}
.footer-logo-wrap .site-logo { margin-bottom: 1rem; }
.footer-desc { font-size: 0.84rem; color: var(--text3); line-height: 1.7; margin-bottom: 1.4rem; }
.footer-contact { display: flex; flex-direction: column; gap: 0.4rem; }
.footer-cr {
  font-family: var(--ff-mono); font-size: 0.7rem; color: var(--text3);
  display: flex; align-items: flex-start; gap: 0.5rem; line-height: 1.5;
}
.footer-cr a { color: var(--violet3); text-decoration: none; }
.footer-cr a:hover { color: var(--violet2); }

.footer-col-title {
  font-family: var(--ff-mono); font-size: 0.58rem; letter-spacing: 0.18em;
  text-transform: uppercase; color: var(--violet3);
  margin-bottom: 1.1rem; padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border3);
}
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 0.45rem; }
.footer-col ul a {
  font-size: 0.84rem; color: var(--text3); text-decoration: none; transition: color 0.2s;
}
.footer-col ul a:hover { color: var(--text); }
.footer-col ul a.rg { color: rgba(255,77,109,0.7); }
.footer-col ul a.rg:hover { color: var(--pink); }

.footer-base {
  padding: 2rem 0;
  border-top: 1px solid var(--border3);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}
.footer-addr {
  font-family: var(--ff-mono); font-size: 0.65rem; color: var(--text3); line-height: 1.8;
}
.footer-addr strong { color: var(--text2); }
.footer-legal {
  font-size: 0.7rem; color: var(--text3); max-width: 400px; text-align: right; line-height: 1.7;
}
.footer-legal a { color: var(--violet3); text-decoration: none; }

/* ── ANIM ── */
@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }
.a1{animation:fadeUp .6s ease both}
.a2{animation:fadeUp .6s .12s ease both}
.a3{animation:fadeUp .6s .24s ease both}
.a4{animation:fadeUp .6s .36s ease both}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .footer-inner{grid-template-columns:1fr 1fr}
  .g4{grid-template-columns:1fr 1fr}
  .g-aside{grid-template-columns:1fr}
  .data-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .nav-links{display:none}
  .nav-toggle{display:flex}
  .nav-links.open{
    display:flex;flex-direction:column;
    position:fixed;top:62px;left:0;right:0;
    background:var(--bg1);border-bottom:1px solid var(--border);
    padding:1rem;gap:0;z-index:300;
  }
  .nav-links.open a{padding:0.6rem 1.2rem;border-bottom:1px solid var(--border3)}
  .g2,.g3{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr;gap:2rem}
  .footer-base{flex-direction:column}
  .footer-legal{text-align:left}
  .casino-card-header{flex-wrap:wrap;gap:1rem}
  .data-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .wrap,.wrap-md,.wrap-sm{padding:0 1.2rem}
  .data-grid{grid-template-columns:1fr}
  .btn-lg{padding:0.9rem 1.6rem}
}