/* ============================================================
   PERFOZI — CSS VARIABLES & RESET
   Imported first by all stylesheets
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --black:#0C0C0C; --s1:#141414; --s2:#1C1C1C; --s3:#242424; --s4:#2E2E2E;
  --cyan:#00D4FF; --ca:rgba(0,212,255,.09); --cb:rgba(0,212,255,.18); --cc:rgba(0,212,255,.04);
  --green:#00E57A; --ga:rgba(0,229,122,.10); --gb:rgba(0,229,122,.25);
  --white:#FFF; --t1:#E0E0E0; --t2:#ACACAC; --t3:#606060; --t4:#2E2E2E;
  --br:rgba(255,255,255,.07); --br2:rgba(0,212,255,.18);
  --fh:'Bricolage Grotesque',sans-serif; --fb:'Instrument Sans',sans-serif;
  --body-size:15.5px; --body-line:1.85;
  --sp:96px 5%; --sp-sm:64px 5%;
}
html { scroll-behavior: smooth; }
body { background:var(--black); color:var(--white); font-family:var(--fb); font-size:var(--body-size); line-height:var(--body-line); overflow-x:hidden; -webkit-font-smoothing:antialiased; }
img { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; }
button { cursor:pointer; font-family:var(--fb); }
::-webkit-scrollbar { width:3px; }
::-webkit-scrollbar-thumb { background:var(--cyan); }

@keyframes blink    { 0%,100%{opacity:1} 50%{opacity:.2} }
@keyframes fadeUp   { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeDown { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:translateY(0)} }
@keyframes pulse    { 0%,100%{box-shadow:0 0 0 0 rgba(0,212,255,.4)} 70%{box-shadow:0 0 0 10px rgba(0,212,255,0)} }
@keyframes ticker   { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
@keyframes checkPop { 0%{transform:scale(0)} 70%{transform:scale(1.2)} 100%{transform:scale(1)} }