/* ════════════════════════════════════════════════════════════════════════════
   FANTADATA — POLISH CONDIVISO (dark)
   Iniettato nelle pagine non ancora ridisegnate: nuove police + micro-animazioni,
   coerenti con la home. Nessuna modifica alla logica. Specificità minima necessaria.
   ════════════════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;600;700;800&family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

/* ── Police ──────────────────────────────────────────────────────────────── */
body{font-family:'Outfit',system-ui,sans-serif !important;-webkit-font-smoothing:antialiased}
h1,h2,h3,.brand h1,.header h1,.hero h1,.section-title,.sec-h{
  font-family:'Bricolage Grotesque','Outfit',system-ui,sans-serif !important;
  letter-spacing:-.02em !important;
}

/* ── Dettagli ───────────────────────────────────────────────────────────── */
::selection{background:#c6ff2e;color:#06110a}
*:focus-visible{outline:2px solid #26e6d8;outline-offset:2px}

/* ── Spinner + flash riusabili (calcolo in corso) ───────────────────────── */
.fd-spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,0,0,.25);border-top-color:currentColor;border-radius:50%;vertical-align:-2px;margin-right:6px;animation:fdSpin .7s linear infinite}
@keyframes fdSpin{to{transform:rotate(360deg)}}
.fd-flash{animation:fdFlash .7s ease}
@keyframes fdFlash{0%{box-shadow:0 0 0 0 rgba(198,255,46,.55)}100%{box-shadow:0 0 0 16px rgba(198,255,46,0)}}

/* ── Micro-animazione d'ingresso (rispetta reduced-motion) ──────────────── */
@keyframes fdPolishUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  header,.wrap,.container,.trade-container,.table-wrapper,main,.hero,.header{
    animation:fdPolishUp .55s cubic-bezier(.2,.7,.2,1) both;
  }
}