@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

 * {
     font-family: 'Poppins', sans-serif;
 }

 @keyframes float {

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

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

 @keyframes slide-infinite {
     0% {
         transform: translateX(0);
     }

     100% {
         transform: translateX(-50%);
     }
 }

 @keyframes glow {
     from {
         box-shadow: 0 0 20px #f0a21b;
     }

     to {
         box-shadow: 0 0 30px #f0a21b, 0 0 40px #f0a21b;
     }
 }

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

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

 @keyframes scaleIn {
     from {
         opacity: 0;
         transform: scale(0.9);
     }

     to {
         opacity: 1;
         transform: scale(1);
     }
 }

 .gradient-text {
     background: linear-gradient(135deg, #f0a21b, #ff6b35);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .hero-bg {
     background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
 }

 .card-hover {
     transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }

 .card-hover:hover {
     transform: translateY(-15px) scale(1.02);
     box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
 }

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

 .timeline-item {
     position: relative;
     padding-left: 3rem;
 }

 .timeline-item::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 4px;
     height: 100%;
     background: linear-gradient(to bottom, #f0a21b, #ff6b35);
     border-radius: 2px;
 }

 .timeline-item::after {
     content: '';
     position: absolute;
     left: -6px;
     top: 20px;
     width: 16px;
     height: 16px;
     background: #f0a21b;
     border-radius: 50%;
     border: 3px solid white;
     box-shadow: 0 0 10px rgba(240, 162, 27, 0.5);
 }