/* Custom Styles & Utilities */
 body {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 /* Hide Scrollbar for Horizontal Sliders */
 .hide-scrollbar::-webkit-scrollbar {
     display: none;
 }

 .hide-scrollbar {
     -ms-overflow-style: none;
     scrollbar-width: none;
 }

 /* Glassmorphism */
 .glass-panel {
     background: rgba(255, 255, 255, 0.05);
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
     border: 1px solid rgba(255, 255, 255, 0.1);
 }

 /* Scroll Reveal Animations */
 .reveal-up {
     opacity: 0;
     transform: translateY(40px);
     transition: opacity 0.8s ease-out, transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
 }

 .reveal-up.active {
     opacity: 1;
     transform: translateY(0);
 }

 .reveal-fade {
     opacity: 0;
     transition: opacity 1s ease-out;
 }

 .reveal-fade.active {
     opacity: 1;
 }

 /* Staggered delays */
 .delay-100 {
     transition-delay: 100ms;
 }

 .delay-200 {
     transition-delay: 200ms;
 }

 .delay-300 {
     transition-delay: 300ms;
 }

 .delay-400 {
     transition-delay: 400ms;
 }

 /* Hero Load Animation */
 @keyframes heroFadeIn {
     from {
         opacity: 0;
         transform: translateY(20px);
     }

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

 .animate-hero {
     animation: heroFadeIn 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
     opacity: 0;
 }

 /* Image Hover Zoom */
 .img-zoom-container {
     overflow: hidden;
 }

 .img-zoom-container img {
     transition: transform 0.6s ease;
 }

 .img-zoom-container:hover img {
     transform: scale(1.08);
 }

 /* Floating Button Pulse Effect */
 @keyframes buttonPulse {
     0% {
         box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7);
     }

     70% {
         box-shadow: 0 0 0 15px rgba(212, 175, 55, 0);
     }

     100% {
         box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);
     }
 }

 .shadow-glow {
     animation: buttonPulse 2s infinite;
 }