*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --cyan: #00f0e0;
  --cyan-glow: rgba(0,240,224,.35);
  --gold: #ffd060;
}

html { scroll-behavior: smooth; }
body  { background: #080808; color: #fff; font-family: 'DM Sans', sans-serif; overflow-x: hidden; }

/* ---------- scrollbar ---------- */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #101010; }
::-webkit-scrollbar-thumb { background: var(--cyan); border-radius: 4px; }

/* ---------- selection ---------- */
::selection { background: var(--cyan); color: #000; }

/* ---------- noise overlay ---------- */
body::before {
  content: '';
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  opacity: .03;
}

/* ---------- glass ---------- */
.glass {
  background: rgba(255,255,255,.03);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,.07);
}
.glass-cyan { border-color: rgba(0,240,224,.25); }

/* ---------- glow ---------- */
.glow-cyan  { box-shadow: 0 0 24px var(--cyan-glow); }
.text-cyan  { color: var(--cyan); }
.text-gold  { color: var(--gold); }
.bg-cyan    { background: var(--cyan); }

/* ---------- nav ---------- */
#nav { transition: background .3s, border-color .3s; }
#nav.scrolled { background: rgba(8,8,8,.92); border-color: rgba(0,240,224,.15); }

/* ---------- hero scan line ---------- */
@keyframes scan { 0%{top:0} 100%{top:100%} }
.scanline {
  position: absolute; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg,transparent,var(--cyan),transparent);
  opacity: .12; animation: scan 4s linear infinite; pointer-events: none;
}



/* WhatsApp button */
.wa-btn { background: #25d366; }
.wa-btn:hover { background: #1eb556; }