:root { scroll-behavior: smooth; }
        .page-section { display: none; }
        .page-section.active { display: block; animation: fadeIn 0.8s ease-out; }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .hero-parallax {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?auto=format&fit=crop&q=80&w=2000');
        }

        .card-lift { transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .card-lift:hover { transform: translateY(-15px); box-shadow: 0 30px 60px -12px rgba(0,0,0,0.15); }

        .btn-glow:hover { box-shadow: 0 0 25px rgba(0, 212, 195, 0.5); }
        .modal-bg { background: rgba(10, 10, 10, 0.95); backdrop-filter: blur(12px); }
        .custom-scrollbar::-webkit-scrollbar { width: 5px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: #f9f9f9; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #111111; }

        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        .mag-border { border-left: 1px solid #e5e7eb; padding-left: 2rem; }
        @media (max-width: 768px) { .mag-border { border-left: none; padding-left: 0; border-top: 1px solid #e5e7eb; padding-top: 2rem; } }
    /* Marquee Animation */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-marquee {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 30s linear infinite;
}
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-marquee {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 35s linear infinite;
}
.animate-pulse {
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}
        @keyframes marquee {
            0% { transform: translateX(100%); }
            100% { transform: translateX(-100%); }
        }
        .animate-marquee {
            display: inline-block;
            white-space: nowrap;
            animation: marquee 25s linear infinite;
        }