/* ═══════════════ CSS VARIABLES & RESET ═══════════════ */
:root {
  --red:   #E10600;
  --blue:  #0F4C81;
  --cyan:  #1FA2C9;
  --black: #0B1220;
  --gray:  #F5F7FB;
  --muted: #6B7280;
  --white: #FFFFFF;
  --r: 24px;
  --sh: 0 10px 30px rgba(0,0,0,.08);
  --sh2: 0 20px 50px rgba(0,0,0,.15);
  
  /* Vibrant Gradients */
  --grad-red: linear-gradient(135deg, #FF4B2B, var(--red));
  --grad-blue: linear-gradient(135deg, #1FA2C9, var(--blue));
  --grad-mix: linear-gradient(135deg, var(--red), var(--blue), var(--cyan));
  
  /* Brand Primary Color */
  --primary: #0067a3;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@keyframes pulse-glow {
  0%, 100% { opacity: 0.5; transform: scale(1); }
  50% { opacity: 0.8; transform: scale(1.1); }
}


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

html { scroll-behavior: smooth; }

body {
  font-family: 'Sora', sans-serif;
  color: var(--black);
  background: var(--white);
  overflow-x: hidden;
}