body {
     color: #e5e7eb;
     overflow-x: hidden;
 }

 /* --- Scroll Animations --- */
 .stagger-item {
     opacity: 0;
     transform: translateY(30px);
     transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
     will-change: transform, opacity;
 }

 .stagger-item.active {
     opacity: 1;
     transform: translateY(0);
 }

 /* --- Navbar --- */
 .glass-nav {
     background: rgba(3, 7, 18, 0.85);
     backdrop-filter: blur(20px);
     border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 }

 .nav-link {
     position: relative;
     padding-bottom: 4px;
 }

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

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

 /* --- Custom Glass Cards --- */
 .glass-panel {
     background: rgba(17, 24, 39, 0.6);
     backdrop-filter: blur(16px);
     border: 1px solid rgba(255, 255, 255, 0.05);
     transition: all 0.5s ease;
 }

 .glass-panel:hover {
     border-color: rgba(255, 255, 255, 0.15);
     transform: translateY(-8px);
     box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
 }

 /* --- Background Gradients --- */
 .bg-glow {
     position: absolute;
     border-radius: 50%;
     filter: blur(120px);
     opacity: 0.15;
     z-index: -1;
     animation: pulse-glow 8s infinite alternate;
 }

 @keyframes pulse-glow {
     0% {
         transform: scale(1);
         opacity: 0.1;
     }

     100% {
         transform: scale(1.1);
         opacity: 0.2;
     }
 }

 /* --- New Visual Flow Animations --- */
 @keyframes flowMove {
     0% {
         transform: translateX(-100%);
     }

     100% {
         transform: translateX(200%);
     }
 }

 .float-slow {
     animation: float 4s ease-in-out infinite;
 }

 @keyframes float {

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

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