/* Glassmorphism Framework CSS */
body {
  font-family: 'Inter', sans-serif;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 50%, #bfdbfe 100%);
  min-height: 100vh;
}

.glass-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
}

.glass-input {
  background: rgba(255, 255, 255, 0.4) !important;
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 255, 255, 0.6) !important;
  box-shadow: 0 4px 16px rgba(0, 48, 97, 0.1);
  transition: all 0.3s ease;
  color: #003061 !important;
}

.glass-input:focus {
  background: rgba(255, 255, 255, 0.6) !important;
  border-color: rgba(0, 48, 97, 0.3) !important;
  box-shadow: 0 6px 20px rgba(0, 48, 97, 0.15);
  color: #003061 !important;
}

.glass-input::placeholder {
  color: rgba(0, 48, 97, 0.5) !important;
}

.btn-cta {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  border: none;
  box-shadow: 0 6px 20px rgba(22, 163, 74, 0.3);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.btn-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(22, 163, 74, 0.4);
}

.btn-cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}

.btn-cta:hover::before {
  left: 100%;
}

.btn-secondary {
  background: linear-gradient(135deg, #003061, #004080);
  border: none;
  box-shadow: 0 4px 15px rgba(0, 48, 97, 0.2);
  transition: all 0.3s ease;
}

.btn-secondary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 48, 97, 0.3);
}

.hero-gradient {
  background: linear-gradient(135deg, rgba(0, 48, 97, 0.95) 0%, rgba(0, 64, 128, 0.9) 50%, rgba(22, 163, 74, 0.85) 100%);
}

.feature-icon {
  background: linear-gradient(135deg, rgba(22, 163, 74, 0.1), rgba(34, 197, 94, 0.05));
  backdrop-filter: blur(10px);
  border: 1px solid rgba(22, 163, 74, 0.2);
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes bounceIn {
  0% { opacity: 0; transform: scale(0.3); }
  50% { opacity: 1; transform: scale(1.1); }
  100% { transform: scale(1); }
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

.stagger-1 { animation: fadeInUp 0.6s ease-out 0.1s both; }
.stagger-2 { animation: fadeInUp 0.6s ease-out 0.2s both; }
.stagger-3 { animation: fadeInUp 0.6s ease-out 0.3s both; }
.stagger-4 { animation: fadeInUp 0.6s ease-out 0.4s both; }
.stagger-5 { animation: fadeInUp 0.6s ease-out 0.5s both; }

.bounce-in { animation: bounceIn 0.8s ease-out; }
.pulse-cta { animation: pulse 2s infinite; }

.testimonial-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.8));
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.stats-card {
  background: linear-gradient(145deg, rgba(0, 48, 97, 0.9), rgba(0, 64, 128, 0.8));
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.section-divider {
  background: linear-gradient(90deg, transparent, rgba(0, 48, 97, 0.3), transparent);
}

/* Mobile Menu Styles */
#mobileMenu {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

#mobileMenuBtn {
  transition: all 0.2s ease;
}

#mobileMenuBtn:hover {
  background: rgba(59, 130, 246, 0.1);
  border-radius: 8px;
}