:root {
  --color-primary: #FF6B35;
  --color-secondary: #4338CA;
  --color-accent: #8B5CF6;
  --color-dark: #111827;
  --color-light: #F8FAFC;
  --color-success: #10B981;
}

body {
  font-family: "Inter", sans-serif;
}

.hero-gradient {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.card-gradient {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.text-gradient {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.btn-primary {
  background: linear-gradient(135deg, #FF6B35 0%, #F59E0B 100%);
  transition: all 0.3s ease;
}

.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(255, 107, 53, 0.3);
}

.benefit-card {
  transition: all 0.3s ease;
}

.benefit-card:hover {
  transform: translateY(-5px);
}

@media (max-width: 768px) {
  .hero-text {
    font-size: 2rem !important;
  }
}
.success-message {
  display: none;
}

.success-message.show {
  display: block;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

input[type=submit],
.btn,
button[type=button] {
  cursor: pointer;
}