/* ============================================================
   ANARYX Tweaks — Thème ZENKY (inspiré zenkytweaks.net)
   Chargé EN DERNIER après style.css + protweak.css.
   Dark #05060a / #0a0d14 · Accent bleu #2f6bff · Anton
   ============================================================ */

/* ---------- Tokens : on force la palette bleue ---------- */
:root {
  --bg: #05060a;
  --bg2: #0a0d14;
  --card: #0b101c;
  --card2: #0e1422;
  --line: rgba(255, 255, 255, 0.08);
  --txt: #f0f4ff;
  --muted: #9aa4c0;
  --rose: #2f6bff;
  --rose-l: #5b8bff;
  --violet: #5b8bff;
  --grad: linear-gradient(120deg, #eef4ff 8%, #5b8bff 50%, #a9c2ff 92%);
  --esp-ac-rgb: 47, 107, 255;
  --amb1: rgba(47, 107, 255, 0.18);
  --amb2: rgba(47, 107, 255, 0.10);
  --amb3: rgba(91, 139, 255, 0.08);
  --radius: 16px;
  --accent: #2f6bff;
  --accent-2: #5b8bff;
  --accent-3: #a9c2ff;
  --ink: #eef4ff;
  --mono: 'JetBrains Mono', monospace;
}
/* Force override même si body porte un data-bg (palette unique site) */
body {
  --rose: #2f6bff !important;
  --rose-l: #5b8bff !important;
  --violet: #5b8bff !important;
  --esp-ac-rgb: 47, 107, 255 !important;
  --card: #0b101c !important;
  --card2: #0e1422 !important;
  --line: rgba(255, 255, 255, 0.08) !important;
  --amb1: rgba(47, 107, 255, 0.18) !important;
  --amb2: rgba(47, 107, 255, 0.10) !important;
  --amb3: rgba(91, 139, 255, 0.08) !important;
}

/* ---------- Base ---------- */
body {
  background:
    radial-gradient(1400px 900px at 78% -12%, rgba(47, 107, 255, 0.12), transparent 58%),
    radial-gradient(1200px 800px at -8% 22%, rgba(91, 139, 255, 0.08), transparent 60%),
    radial-gradient(900px 700px at 50% 118%, rgba(124, 58, 237, 0.10), transparent 62%),
    #05060a;
  color: #dfe6f5;
  font-family: 'Inter', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
body::before {
  background:
    radial-gradient(860px 460px at 85% -5%, rgba(47, 107, 255, 0.12), transparent 60%),
    radial-gradient(800px 520px at -10% 25%, rgba(47, 107, 255, 0.06), transparent 60%),
    radial-gradient(1000px 700px at 50% 115%, rgba(47, 107, 255, 0.07), transparent 65%);
}
body::after { background: radial-gradient(ellipse at center, transparent 55%, rgba(2, 4, 10, 0.7) 100%); }
::selection { background: rgba(47, 107, 255, 0.45); color: #fff; }

/* Typo display : Anton pour les titres */
h1, h2, h3, .stat b, .pack-name, .pcard-name, .price-new, .dc-stat-num,
.pop-title, .hero-title, .section-title, .sp-title, .discord-title,
.score-name, .score-num, .bm-score, .aa-gain, .pcard-name-life {
  font-family: 'Anton', 'Bebas Neue', 'Inter', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  font-weight: 400;
}
.section-title, .hero-title, .sp-title, .discord-title, .cta-box .section-title {
  text-shadow: 0 2px 12px rgba(47, 107, 255, 0.3);
}

/* Labels mono uppercase */
.section-label, .engine-tag, .scan-title, .scan-lbl, .scan-pct, .score-name,
.sbar-top, .ba-head, .hist-date, .bm-label, .bm-metric span:first-child,
.rc-hw, .dc-stat-lbl, .hero-eyebrow, .marquee-track span, .ht-item,
.sp-tag, .bc-label, .pay-label, .nav a {
  font-family: var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* ---------- Scrollbar ---------- */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #05060a; }
::-webkit-scrollbar-thumb { background: #1c2848; border-radius: 5px; border: 2px solid #05060a; }
::-webkit-scrollbar-thumb:hover { background: #2f6bff; }

/* ---------- Intro ---------- */
#intro { background: #04060c; }
.intro-char { color: #eef4ff; text-shadow: 0 0 34px rgba(47, 107, 255, 0.7); }
.intro-char.orange { color: #5b8bff; }

/* ---------- Header verre (zenky glassbar) ---------- */
#siteHeader {
  background: rgba(9, 13, 24, 0.92);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
#siteHeader.scrolled {
  background: rgba(7, 10, 19, 0.97);
  border-color: rgba(120, 150, 255, 0.2);
  box-shadow: 0 18px 50px -22px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(47, 107, 255, 0.07);
}
.logo-txt { font-family: 'Anton', 'Bebas Neue', sans-serif; letter-spacing: 1px; }
.logo-txt em { color: #5b8bff; }
.nav { gap: 28px; color: rgba(224, 232, 252, 0.6); }
.nav a::after { background: linear-gradient(90deg, #5b8bff, #a9c2ff); box-shadow: 0 0 10px rgba(47, 107, 255, 0.8); }
.nav-cta {
  background: linear-gradient(180deg, #3f7dff, #2b5fe0);
  color: #fff;
  border-radius: 980px;
  padding: 9px 18px;
  box-shadow: 0 8px 22px -10px rgba(47, 107, 255, 0.8);
}
.nav-cta:hover { background: linear-gradient(180deg, #4f8bff, #3a6ce8); color: #fff !important; box-shadow: 0 8px 30px -8px rgba(47, 107, 255, 0.9); }
.nav-status { color: #7482a6; }
.nav-dot { background: #3ddc84; box-shadow: 0 0 8px #3ddc84; }
.lang-btn, .btn-account, .burger {
  background: rgba(47, 107, 255, 0.08);
  border: 1px solid rgba(120, 150, 255, 0.22);
  color: #cdd8f0;
}
.lang-btn:hover, .btn-account:hover, .burger:hover { border-color: rgba(79, 125, 255, 0.6); }
.header-right .btn-discord {
  background: rgba(88, 101, 242, 0.16);
  border: 1px solid rgba(88, 101, 242, 0.4);
  color: #cdd8f0;
}
.header-right .btn-discord:hover { background: rgba(88, 101, 242, 0.28); box-shadow: 0 0 20px rgba(88, 101, 242, 0.4); }
.nav.open { background: #070a13; border-left: 1px solid rgba(47, 107, 255, 0.25); }

/* ---------- Popup promo ---------- */
#popup {
  background: rgba(10, 16, 32, 0.97);
  border-color: rgba(47, 107, 255, 0.4);
  box-shadow: 0 0 0 1px rgba(47, 107, 255, 0.2), 0 0 36px rgba(47, 107, 255, 0.25), 0 12px 44px rgba(0, 0, 0, 0.75);
}
.pop-tag { color: #5b8bff; background: rgba(47, 107, 255, 0.14); border-color: rgba(47, 107, 255, 0.4); }
.pop-code { color: #5b8bff; }
.pop-cta { background: linear-gradient(135deg, #2f6bff, #5b8bff); color: #fff; }
.announce { border-bottom-color: rgba(47, 107, 255, 0.3); }
.announce::before { background: linear-gradient(90deg, transparent, #5b8bff, transparent); }
.ann-timer { color: #5b8bff; background: rgba(47, 107, 255, 0.12); border-color: rgba(47, 107, 255, 0.35); }

/* ---------- Hero ---------- */
.hero { padding-top: 132px; }
.hero-eyebrow { color: #5b8bff; }
.hero-eyebrow .dot { background: #5b8bff; box-shadow: 0 0 12px #5b8bff; }
.hero-title .grad {
  background: linear-gradient(120deg, #eef4ff 8%, #5b8bff 50%, #a9c2ff 92%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 2px 14px rgba(47, 107, 255, 0.4);
}
.hero-sub { color: rgba(224, 232, 252, 0.65); }
.btn-primary {
  background: linear-gradient(135deg, #3f7dff, #2b5fe0);
  color: #fff;
  box-shadow: 0 8px 28px rgba(47, 107, 255, 0.4);
  border-radius: 8px;
}
.btn-primary:hover { background: linear-gradient(135deg, #4f8bff, #3a6ce8); box-shadow: 0 12px 38px rgba(47, 107, 255, 0.6); }
.btn-ghost:hover { border-color: #5b8bff; background: rgba(47, 107, 255, 0.08); }
.hero-app { border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 32px 90px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(47, 107, 255, 0.2); }
.hero-app-glow { background: linear-gradient(135deg, rgba(47, 107, 255, 0.3), transparent 55%, rgba(47, 107, 255, 0.12)); }
.stat b { color: #5b8bff; text-shadow: 0 0 22px rgba(47, 107, 255, 0.5); }

/* ---------- Marquee ---------- */
.marquee { border-top-color: rgba(47, 107, 255, 0.16); border-bottom-color: rgba(47, 107, 255, 0.16); background: #070a12; }
.marquee-track i { color: #5b8bff; }

/* ---------- Sections / titres ---------- */
.section-title span { background: linear-gradient(120deg, #eef4ff, #5b8bff, #a9c2ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.section-label { color: #5b8bff; }

/* ---------- Moteurs (engines) ---------- */
.engine { background: var(--card); border-color: var(--line); }
.engine:hover { border-color: rgba(47, 107, 255, 0.5); }
.engine::before { background: linear-gradient(90deg, transparent, rgba(47, 107, 255, 0.8), transparent); }
.engine-ico { color: #5b8bff; background: linear-gradient(135deg, rgba(47, 107, 255, 0.18), rgba(47, 107, 255, 0.06)); border-color: rgba(47, 107, 255, 0.35); }
.engine-tag { color: #5b8bff; }

/* ---------- Scan panels ---------- */
.scan-panel { background: #0a0e18; border-color: rgba(255, 255, 255, 0.08); }
.scan-panel::after { background: radial-gradient(120% 80% at 50% 0%, rgba(47, 107, 255, 0.08), transparent 60%); }
.scan-bar { background: linear-gradient(90deg, #2f6bff, #5b8bff); box-shadow: 0 0 12px rgba(47, 107, 255, 0.7); }
.scan-pct { color: #5b8bff; }
.sbar-fill { background: linear-gradient(90deg, #2f6bff, #5b8bff); }
.sbar-fill.low { background: linear-gradient(90deg, #5b8bff, #2f6bff); }
.ba-col { background: #0b101c; border-color: rgba(255, 255, 255, 0.08); }
.ba-col.ba-ai { border-color: rgba(47, 107, 255, 0.45); background: linear-gradient(180deg, rgba(47, 107, 255, 0.09), rgba(47, 107, 255, 0.02)); }
.ba-ai .ba-head { color: #5b8bff; }

/* ---------- Jeux ---------- */
.game-ico { color: #5b8bff; background: linear-gradient(135deg, rgba(47, 107, 255, 0.18), rgba(47, 107, 255, 0.06)); border-color: rgba(47, 107, 255, 0.35); }
.game-score .gsfill { background: linear-gradient(90deg, #2f6bff, #5b8bff); }

/* ---------- Avis ---------- */
.mq-wrap::before { background: linear-gradient(90deg, #05060a, transparent); }
.mq-wrap::after { background: linear-gradient(-90deg, #05060a, transparent); }
.rc { background: #0b101c; border-color: rgba(255, 255, 255, 0.08); }
.rc:hover { border-color: rgba(47, 107, 255, 0.35); }
.rc-stars { color: #5b8bff; }
.rc-av { color: #5b8bff; background: rgba(47, 107, 255, 0.14); border-color: rgba(47, 107, 255, 0.35); }
.rc-hw { color: #5b8bff; }
.rev-filters button.active { color: #5b8bff; background: rgba(47, 107, 255, 0.16); border-color: rgba(47, 107, 255, 0.6); }

/* ---------- Packs ---------- */
.pcard { background: #0b101c; border-color: rgba(255, 255, 255, 0.1); }
.pcard-pro { border-color: rgba(47, 107, 255, 0.35); background: linear-gradient(160deg, #0a1024, #0b101c); }
.pcard-pro:hover { border-color: rgba(47, 107, 255, 0.65); box-shadow: 0 20px 60px rgba(47, 107, 255, 0.2); }
.pcard-lifetime {
  border-color: rgba(47, 107, 255, 0.7);
  background: linear-gradient(160deg, #0a1230, #080b16);
  box-shadow: 0 0 0 1px rgba(47, 107, 255, 0.35), 0 0 52px rgba(47, 107, 255, 0.25), 0 24px 56px rgba(0, 0, 0, 0.5);
  animation: zenkyPackPulse 3s ease-in-out infinite;
}
@keyframes zenkyPackPulse {
  0%, 100% { box-shadow: 0 0 0 1px rgba(47, 107, 255, 0.35), 0 0 52px rgba(47, 107, 255, 0.25), 0 24px 56px rgba(0, 0, 0, 0.5); }
  50% { box-shadow: 0 0 0 1px rgba(47, 107, 255, 0.5), 0 0 72px rgba(47, 107, 255, 0.4), 0 24px 56px rgba(0, 0, 0, 0.5); }
}
.pcard-lifetime:hover { border-color: rgba(91, 139, 255, 0.95); box-shadow: 0 0 0 1px rgba(47, 107, 255, 0.5), 0 0 72px rgba(47, 107, 255, 0.4), 0 32px 80px rgba(47, 107, 255, 0.15); }
.pcard-badge { background: linear-gradient(135deg, #2f6bff, #5b8bff); color: #fff; box-shadow: 0 0 20px rgba(47, 107, 255, 0.6); }
.icon-pro { color: #8fb4ff; background: rgba(47, 107, 255, 0.14); border-color: rgba(47, 107, 255, 0.4); }
.icon-life { color: #a9c2ff; background: rgba(47, 107, 255, 0.16); border-color: rgba(47, 107, 255, 0.5); }
.pcard-cat-pro { color: #8fb4ff; }
.pcard-cat-life { color: #a9c2ff; }
.check-pro { color: #8fb4ff; background: rgba(47, 107, 255, 0.16); }
.check-life { color: #a9c2ff; background: rgba(47, 107, 255, 0.18); }
.price-life { color: #a9c2ff; text-shadow: 0 0 26px rgba(47, 107, 255, 0.5); }
.btn-buy-pro { background: linear-gradient(135deg, #3f7dff, #2b5fe0); }
.btn-buy-pro:hover { box-shadow: 0 0 26px rgba(47, 107, 255, 0.5); }
.btn-buy-life { background: linear-gradient(135deg, #3f7dff, #2b5fe0); color: #fff; box-shadow: 0 0 26px rgba(47, 107, 255, 0.5); }
.btn-buy-life:hover { box-shadow: 0 0 40px rgba(47, 107, 255, 0.75); }

/* ---------- Comment ça marche ---------- */
.step-n { color: #5b8bff; text-shadow: 0 0 20px rgba(47, 107, 255, 0.55); }
@media (min-width: 1025px) { .step:not(:last-child)::after { background: linear-gradient(90deg, #2f6bff, #5b8bff); } }

/* ---------- Showcase ---------- */
.sp-tag { color: #5b8bff; }
.sp-feat-dot { background: #5b8bff; box-shadow: 0 0 9px #5b8bff; }
.sp-price { color: #5b8bff; }

/* ---------- Discord band / card ---------- */
.discord-eyebrow { color: #5b8bff; }
.discord-title span { color: #5b8bff; }
.dc-stat-num { color: #5b8bff; }
.dc-av { color: #5b8bff; background: rgba(47, 107, 255, 0.16); }
.dc-join { background: linear-gradient(135deg, #5865F2, #4a55d8); color: #fff; }
.dc-join:hover { background: linear-gradient(135deg, #6c78f5, #5865F2); box-shadow: 0 0 20px rgba(88, 101, 242, 0.5); }

/* ---------- FAQ ---------- */
.faq-list details { background: #0b101c; border-color: rgba(255, 255, 255, 0.08); }
.faq-list details[open] { border-color: rgba(47, 107, 255, 0.4); box-shadow: 0 0 0 1px rgba(47, 107, 255, 0.1), 0 0 26px rgba(47, 107, 255, 0.08); }
.faq-list summary::after, .faq-list summary i { color: #5b8bff; }

/* ---------- CTA final ---------- */
.cta-box { background: radial-gradient(ellipse 70% 60% at 50% 120%, rgba(47, 107, 255, 0.16), transparent 70%), #0a0d16; border-color: rgba(47, 107, 255, 0.25); }
.cta-box:hover { border-color: rgba(47, 107, 255, 0.45); }
.cta-chip { color: #8fb4ff; background: rgba(47, 107, 255, 0.12); border-color: rgba(47, 107, 255, 0.45); }
.cta-trust i, .packs-note i { color: #5b8bff; }

/* ---------- Footer ---------- */
.footer { border-top-color: rgba(255, 255, 255, 0.08); background: #06080f; }
.footer-social a:hover, .footer-col a:hover, .footer-legal a:hover { color: #5b8bff; }
.footer-social a:hover { border-color: rgba(47, 107, 255, 0.45); }
.footer-pay i:hover { color: #5b8bff; }

/* ---------- Back top ---------- */
.back-top { background: linear-gradient(135deg, #3f7dff, #2b5fe0); color: #fff; box-shadow: 0 0 22px rgba(47, 107, 255, 0.5); }
.back-top:hover { background: linear-gradient(135deg, #4f8bff, #3a6ce8); }

/* ---------- AI assistant ---------- */
.ai-fab { background: linear-gradient(135deg, #3f7dff, #2b5fe0); box-shadow: 0 8px 30px rgba(47, 107, 255, 0.5); }
.ai-fab:hover { box-shadow: 0 10px 36px rgba(47, 107, 255, 0.7); }
.ai-panel { background: #0a0e18; border-color: rgba(47, 107, 255, 0.25); }
.ai-head { background: linear-gradient(135deg, rgba(47, 107, 255, 0.18), rgba(47, 107, 255, 0.05)); }
.ai-msg.user { background: rgba(47, 107, 255, 0.18); border-color: rgba(47, 107, 255, 0.4); }
.ai-quick button { background: rgba(47, 107, 255, 0.1); border-color: rgba(47, 107, 255, 0.35); color: #dfe8ff; }
.ai-quick button i, .ai-act, .ai-act { color: #8fb4ff; }
.ai-input input:focus { border-color: rgba(47, 107, 255, 0.6); }

/* ---------- Hist / divers ---------- */
.hist-date { color: #5b8bff; }
.bm-label { color: #5b8bff; }
.warn i { color: #f59e0b; }
.pcard-save { color: #4ade80; }
.pcard-oneshot { color: #fbbf24; }

/* ---------- Modal / composants utiles ---------- */
.modal-box { background: #0a0e18; border: 1px solid rgba(47, 107, 255, 0.2); }
.btn-discord.btn-block { background: #5865F2; color: #fff; }
.btn-discord.btn-block:hover { background: #6c78f5; }

/* ---------- Responsive garde ---------- */
@media (max-width: 900px) {
  .pcard-name-life { font-size: 30px; }
  .score-num { font-size: 38px; }
}
