.no-scrollbar::-webkit-scrollbar { display: none; }
                    .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
                    .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); }
                    .reveal.active { opacity: 1; transform: translateY(0); }
                    @keyframes float-icon { 0%, 100% { transform: translateY(0) scale(1) rotate(0deg); opacity: 0.05; } 50% { transform: translateY(-40px) scale(1.05) rotate(15deg); opacity: 0.15; } }
                    @keyframes fade-slide-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
                    @keyframes ticket-flow { 0% { transform: translateY(20px); opacity: 0; } 50% { opacity: 1; } 100% { transform: translateY(-30px); opacity: 0; } }
                    @keyframes signal-ripple { 0% { transform: scale(0.5); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } }
                    @keyframes doc-stack { 0% { transform: translateY(10px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } }
                    @keyframes vault-secure { 0% { stroke-dashoffset: 301; } 100% { stroke-dashoffset: 0; } }
                    @keyframes bar-grow-h { 0% { height: 20%; } 50% { height: 80%; } 100% { height: 20%; } }
                    @keyframes pulse-ring { 0% { transform: scale(0.85); opacity: 0.5; } 50% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(0.85); opacity: 0.5; } }
                    @keyframes rotate-needle { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
                    @keyframes dash-check { 0% { stroke-dashoffset: 30; } 100% { stroke-dashoffset: 0; } }
                    @keyframes carousel-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
                    @keyframes gradient-shift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
                    @keyframes bar-pulse { 0%, 100% { height: 40%; } 50% { height: 90%; } }
                    @keyframes sonar-pulse { 0% { transform: scale(0.8); opacity: 0; } 50% { opacity: 0.5; } 100% { transform: scale(1.4); opacity: 0; } }
                    @keyframes float-hero { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
                    @keyframes wave-flow { 0%, 100% { transform: translateX(-20%) skewX(-5deg); } 50% { transform: translateX(20%) skewX(5deg); } }
                    @keyframes particles { 0% { transform: translateY(0) scale(1); opacity: 0; } 50% { opacity: 0.6; } 100% { transform: translateY(-120px) scale(0.4); opacity: 0; } }
                    .animate-float-1 { animation: float-icon 12s ease-in-out infinite; }
                    .animate-float-2 { animation: float-icon 16s ease-in-out infinite 2s; }
                    .animate-float-3 { animation: float-icon 14s ease-in-out infinite 4s; }
                    .animate-float-4 { animation: float-icon 18s ease-in-out infinite 1s; }
                    .animate-float-5 { animation: float-icon 15s ease-in-out infinite 5s; }
                    .animate-float-6 { animation: float-icon 20s ease-in-out infinite 3s; }
                    .animate-gradient { animation: gradient-shift 15s ease infinite; }
                    .animate-sol-text { animation: fade-slide-up 0.8s ease-out forwards; }
                    .animate-blob { animation: float-hero 10s infinite alternate ease-in-out; }
                    .animate-ticket { animation: ticket-flow 3s infinite ease-in-out; }
                    .animate-ripple { animation: signal-ripple 2s infinite ease-out; }
                    .animate-doc { animation: doc-stack 0.8s ease-out forwards; }
                    .animate-vault { animation: vault-secure 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
                    .animate-bar-slow { animation: bar-grow-h 2.5s infinite ease-in-out; }
                    .animate-pulse-slow { animation: pulse-ring 3s infinite ease-in-out; }
                    .animate-needle { animation: rotate-needle 10s linear infinite; }
                    .animate-dash { animation: dash-check 2s infinite ease-in-out; }
                    .animate-carousel { animation: carousel-scroll 50s linear infinite; }
                    .animate-wave-slow { animation: wave-flow 25s ease-in-out infinite; }
                    .animate-wave-fast { animation: wave-flow 15s ease-in-out infinite; }
                    .animate-bar-pulse { animation: bar-pulse 2s ease-in-out infinite; }
                    .animate-sonar { animation: sonar-pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
                    .animate-float-hero { animation: float-hero 6s ease-in-out infinite; }
                    .animate-float-hero-slow { animation: float-hero 9s ease-in-out infinite; }
                    .animate-float-hero-reverse { animation: float-hero 7s ease-in-out infinite reverse; }
                    .particle { position: absolute; border-radius: 50%; pointer-events: none; animation: particles var(--duration) ease-in-out infinite; }
                    .glass-card { background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%); backdrop-filter: blur(24px); border: 1px solid rgba(255,255,255,0.15); box-shadow: 0 20px 50px rgba(0,0,0,0.5); }
                    .glass-card-light { background: #ffffff !important; border: 1px solid #f1f5f9; box-shadow: 0 15px 45px -10px rgba(0,0,0,0.1); }