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

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

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

 @keyframes slideInLeft {
     from {
         opacity: 0;
         transform: translateX(-50px);
     }

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

 @keyframes float {

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

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

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

 .animate-slide-in-left {
     animation: slideInLeft 0.8s ease-out forwards;
 }

 .animate-float {
     animation: float 3s ease-in-out infinite;
 }

 .delay-100 {
     animation-delay: 0.1s;
 }

 .delay-200 {
     animation-delay: 0.2s;
 }

 .delay-300 {
     animation-delay: 0.3s;
 }

 .delay-400 {
     animation-delay: 0.4s;
 }

 .delay-500 {
     animation-delay: 0.5s;
 }

 .opacity-0 {
     opacity: 0;
 }

 .project-card {
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .project-card:hover {
     transform: translateY(-8px);
 }

 .skill-badge {
     transition: all 0.3s ease;
 }

 .skill-badge:hover {
     transform: scale(1.1) rotate(2deg);
 }

 .nav-link {
     position: relative;
     transition: color 0.3s ease;
 }

 .nav-link::after {
     content: '';
     position: absolute;
     bottom: -4px;
     left: 0;
     width: 0;
     height: 2px;
     background-color: #fbbf24;
     transition: width 0.3s ease;
 }

 .nav-link:hover::after {
     width: 100%;
 }

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

 .glow-effect {
     box-shadow: 0 0 20px rgba(251, 191, 36, 0.3);
 }

 .section-title {
     position: relative;
     display: inline-block;
 }

 .section-title::before {
     content: '';
     position: absolute;
     bottom: -8px;
     left: 0;
     width: 60px;
     height: 4px;
     background-color: #fbbf24;
     border-radius: 2px;
 }