.raleway {
      font-family: "Raleway", sans-serif;
    }

    .tiltwrap {
      font-family: "Tilt Warp", sans-serif;
    }

    .tilt-neon {
      font-family: "Tilt Neon", sans-serif;
      font-variation-settings: "XROT" 15, "YROT" -10;
    }

    .text-gradient {
      background: linear-gradient(135deg, #06b6d4, #0891b2);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .gradient-bg {
      background: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%);
    }

    .parallax-bg {
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }

    @media (max-width: 768px) {
      .parallax-bg {
        background-attachment: scroll;
      }
    }

    /* Animations */
    @keyframes pulseShadow {

      0%,
      100% {
        box-shadow: 0 0 0 0 rgba(34, 211, 238, 0.6);
      }

      50% {
        box-shadow: 0 0 25px 10px rgba(34, 211, 238, 0.3);
      }
    }

    @keyframes pulseGlow {

      0%,
      100% {
        box-shadow: 0 0 20px rgba(6, 182, 212, 0.3);
      }

      50% {
        box-shadow: 0 0 40px rgba(6, 182, 212, 0.6);
      }
    }

    .pulse-glow {
      animation: pulseGlow 3s ease-in-out infinite;
    }

    @keyframes glowing {
      0% {
        box-shadow: 0 0 5px #06afce, 0 0 10px #06afce, 0 0 15px #06afce;
      }

      50% {
        box-shadow: 0 0 15px #06afce, 0 0 25px #06afce, 0 0 35px #06afce;
      }

      100% {
        box-shadow: 0 0 5px #06afce, 0 0 10px #06afce, 0 0 15px #06afce;
      }
    }

    .animate-glow {
      animation: glowing 1.8s infinite ease-in-out;
    }

    @keyframes shadowPulse {
      0% {
        box-shadow: 0 0 5px #06afce, 0 0 10px #06afce, 0 0 20px #06afce;
      }

      50% {
        box-shadow: 0 0 15px #06afce, 0 0 30px #06afce, 0 0 40px #06afce;
      }

      100% {
        box-shadow: 0 0 5px #06afce, 0 0 10px #06afce, 0 0 20px #06afce;
      }
    }

    .shadow-pulse {
      animation: shadowPulse 1.8s infinite ease-in-out;
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(20px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .animate-fade-in {
      animation: fadeIn 1.2s ease-in-out forwards;
    }

    @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%;
      }
    }

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

    @keyframes float {

      0%,
      100% {
        transform: translateY(0px);
      }

      50% {
        transform: translateY(-20px);
      }
    }

    .floating-animation {
      animation: float 6s ease-in-out infinite;
    }

    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(50px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .fade-in-up {
      animation: fadeInUp 0.8s ease-out;
    }

    .team-card {
      position: relative;
      overflow: hidden;
    }

    .team-card::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;
    }

    .team-card:hover::before {
      left: 100%;
    }

    .nav-blur {
      backdrop-filter: blur(20px);
      background: rgba(255, 255, 255, 0.9);
    }

    .timeline-container {
      position: relative;
    }

    .timeline-container::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 0;
      bottom: 0;
      width: 4px;
      background: #06afce;
      transform: translateX(-50%);
      z-index: 1;
    }

    .timeline-step {
      position: relative;
      margin-bottom: 6rem;
    }

    .step-number {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 80px;
      height: 80px;
      background: linear-gradient(135deg, #14b8a6, #06b6d4);
      border: 6px solid white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 10;
      box-shadow: 0 10px 30px rgba(20, 184, 166, 0.3);
    }

    .service-card {
      transition: all 0.4s ease;
      backdrop-filter: blur(10px);
    }

    .service-card:hover {
      transform: translateY(-10px) scale(1.02);
      box-shadow: 0 25px 50px rgba(20, 184, 166, 0.15);
    }

    @media (max-width: 1023px) {
      .timeline-container::before {
        display: none;
      }

      .step-number {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        margin: 0 auto 1.5rem;
      }
    }