@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&family=Anton&display=swap');

:root {
  --bg:         #0d1b2a;
  --bg-2:       #0a1520;
  --bg-card:    #111f30;
  --bg-card-2:  #142030;
  --accent:     #3bc1ff;
  --accent-2:   #0073f7;
  --text:       #e0e0e0;
  --text-muted: #8a9bb0;
  --border:     rgba(59,193,255, 0.12);
  --radius:     16px;
  --radius-sm:  16px;
}

body {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
}

.hero__title,
.section__title,
.plan__amount,
.stat__num,
.step__number,
.devices__banner-num,
.cta-section h2,
.event-team,
.video-featured__info h3 {
  font-family: 'Anton', sans-serif;
}

.nav.scrolled {
  background: rgba(26,101,199, 0.92) !important;
  border-bottom-color: rgba(59,193,255, 0.15) !important;
}

.footer { background: #1057a3 !important; }