@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
    
    * {
      font-family: 'Inter', sans-serif;
    }
    
    .gradient-bg {
      background: linear-gradient(135deg, #f97316 0%, #ea580c 25%, #dc2626 50%, #b91c1c 75%, #0f766e 100%);
    }
    
    .glass-effect {
      background: rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(20px);
      border: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .floating {
      animation: floating 6s ease-in-out infinite;
    }
    
    .floating-delayed {
      animation: floating 6s ease-in-out infinite 2s;
    }
    
    .slide-up {
      animation: slideUp 1s ease-out forwards;
      opacity: 0;
      transform: translateY(50px);
    }
    
    .fade-in-left {
      animation: fadeInLeft 1s ease-out forwards;
      opacity: 0;
      transform: translateX(-50px);
    }
    
    .fade-in-right {
      animation: fadeInRight 1s ease-out forwards;
      opacity: 0;
      transform: translateX(50px);
    }
    
    .scale-hover {
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .scale-hover:hover {
      transform: scale(1.05) translateY(-4px);
      box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.15);
    }
    
    .glow-button {
      box-shadow: 0 0 20px rgba(249, 115, 22, 0.4);
      transition: all 0.3s ease;
    }
    
    .glow-button:hover {
      box-shadow: 0 0 30px rgba(249, 115, 22, 0.6);
      transform: translateY(-2px);
    }
    
    @keyframes floating {
      0%, 100% { transform: translateY(0px) rotate(0deg); }
      33% { transform: translateY(-20px) rotate(1deg); }
      66% { transform: translateY(-10px) rotate(-1deg); }
    }
    
    @keyframes slideUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    
    @keyframes fadeInLeft {
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }
    
    @keyframes fadeInRight {
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }
    
    .text-gradient {
      background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #dc2626 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    .text-gradient-teal {
      background: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    .warm-bg-1 {
      background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
    }
    
    .warm-bg-2 {
      background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    }
    
    .warm-bg-3 {
      background: linear-gradient(135deg, #ccfbf1 0%, #a7f3d0 100%);
    }
    
    .teal-gradient {
      background: linear-gradient(135deg, #0f766e 0%, #115e59 50%, #134e4a 100%);
    }
    
    .orange-glow {
      box-shadow: 0 0 20px rgba(249, 115, 22, 0.3);
    }
    
    .teal-glow {
      box-shadow: 0 0 20px rgba(15, 118, 110, 0.3);
    }

    .morphing-blob {
      border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
      animation: morph 8s ease-in-out infinite;
    }
    
    @keyframes morph {
      0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
      50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }
      100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
    }

    .input-focus {
      transition: all 0.3s ease;
    }

    .input-focus:focus {
      border-color: #f97316;
      box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);
      transform: translateY(-2px);
    }

    .contact-card {
      backdrop-filter: blur(20px);
      background: rgba(255, 255, 255, 0.9);
      border: 1px solid rgba(249, 115, 22, 0.1);
    }

    .success-message {
      display: none;
      animation: successSlide 0.5s ease-out;
    }

    @keyframes successSlide {
      from {
        opacity: 0;
        transform: translateY(-20px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }