.font-primary {
      font-family: 'Inter', sans-serif;
      }
      html {
      scroll-behavior: smooth;
      }
      .floating-animation {
      animation: float 6s ease-in-out infinite;
      }
      .floating-animation:nth-child(2) {
      animation-delay: -2s;
      }
      .floating-animation:nth-child(3) {
      animation-delay: -4s;
      }
      @keyframes float {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-20px); }
      }
      .fade-in {
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.8s ease-out;
      }
      .fade-in.visible {
      opacity: 1;
      transform: translateY(0);
      }
      .hover-lift {
      transition: all 0.3s ease;
      }
      .hover-lift:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(127, 115, 227, 0.15);
      }
      .gradient-bg {
      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
      }
      .hero-pattern {
      background-image: radial-gradient(circle at 25% 25%, rgba(127, 115, 227, 0.1) 0%, transparent 50%),
      radial-gradient(circle at 75% 75%, rgba(0, 0, 128, 0.05) 0%, transparent 50%);
      }
      .service-card {
      background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
      border: 1px solid rgba(127, 115, 227, 0.1);
      }
      .testimonial-card {
      background: rgba(255, 255, 255, 0.9);
      backdrop-filter: blur(10px);
      }
      .contact-pattern {
      background-image: linear-gradient(45deg, rgba(127, 115, 227, 0.03) 25%, transparent 25%),
      linear-gradient(-45deg, rgba(127, 115, 227, 0.03) 25%, transparent 25%);
      background-size: 40px 40px;
      }
      .input-field {
      border: none;
      border-bottom: 2px solid #e2e8f0;
      background: transparent;
      transition: border-color 0.3s ease;
      }
      .input-field:focus {
      outline: none;
      border-bottom-color: #7f73e3;
      }
      .pulse-animation {
      animation: pulse 2s infinite;
      }
      @keyframes pulse {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.5; }
      }
      body {
  font-family: 'Varela Round', sans-serif;
}
.nav-menu, .navbar, .menu-item {
  font-family: 'Varela Round', sans-serif;
}