* { margin: 0; padding: 0; box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body { font-family: 'Inter', sans-serif; background: #FFFFFF; color: #1a1a2e; overflow-x: hidden; }

        /* Neon Gradient Utilities */
        .neon-gradient { background: linear-gradient(135deg, #6366f1, #8b5cf6, #a855f7); }
        .neon-gradient-2 { background: linear-gradient(135deg, #06b6d4, #6366f1, #8b5cf6); }
        .neon-gradient-3 { background: linear-gradient(135deg, #8b5cf6, #a855f7, #ec4899); }
        .neon-text { background: linear-gradient(135deg, #6366f1, #8b5cf6, #a855f7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
        .neon-text-2 { background: linear-gradient(135deg, #06b6d4, #6366f1, #8b5cf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
        .neon-glow { box-shadow: 0 0 30px rgba(99,102,241,0.25), 0 0 60px rgba(139,92,246,0.1); }
        .neon-glow-sm { box-shadow: 0 0 15px rgba(99,102,241,0.2), 0 0 30px rgba(139,92,246,0.08); }
        .neon-border { border: 2px solid transparent; background-clip: padding-box; position: relative; }
        .neon-border::before { content: ''; position: absolute; inset: -2px; border-radius: inherit; background: linear-gradient(135deg, #6366f1, #8b5cf6, #a855f7); z-index: -1; opacity: 0; transition: opacity 0.3s; }
        .neon-border:hover::before { opacity: 1; }

        /* Floating Elements */
        .float-orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.12; pointer-events: none; z-index: 0; }
        .float-orb-1 { width: 400px; height: 400px; background: linear-gradient(135deg, #6366f1, #a855f7); top: -100px; right: -100px; }
        .float-orb-2 { width: 300px; height: 300px; background: linear-gradient(135deg, #06b6d4, #6366f1); bottom: -50px; left: -80px; }
        .float-orb-3 { width: 350px; height: 350px; background: linear-gradient(135deg, #8b5cf6, #ec4899); top: 50%; left: 50%; transform: translate(-50%, -50%); }

        /* Animations */
        @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } }
        @keyframes float-slow { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-30px) rotate(5deg); } }
        @keyframes pulse-neon { 0%, 100% { opacity: 0.12; } 50% { opacity: 0.2; } }
        @keyframes slide-up { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
        @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
        @keyframes rotate-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
        @keyframes bounce-soft { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

        .animate-float { animation: float 6s ease-in-out infinite; }
        .animate-float-slow { animation: float-slow 8s ease-in-out infinite; }
        .animate-float-delay { animation: float 6s ease-in-out infinite 2s; }
        .animate-pulse-neon { animation: pulse-neon 4s ease-in-out infinite; }
        .animate-bounce-soft { animation: bounce-soft 3s ease-in-out infinite; }

        /* Reveal on Scroll */
        .reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .reveal-left { opacity: 0; transform: translateX(-40px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal-left.active { opacity: 1; transform: translateX(0); }
        .reveal-right { opacity: 0; transform: translateX(40px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal-right.active { opacity: 1; transform: translateX(0); }

        /* Navbar */
        .navbar { transition: all 0.3s ease; }
        .navbar.scrolled { background: rgba(255,255,255,0.95); backdrop-filter: blur(20px); box-shadow: 0 1px 20px rgba(99,102,241,0.08); }

        /* Card Hover */
        .card-hover { transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
        .card-hover:hover { transform: translateY(-8px); box-shadow: 0 20px 60px rgba(99,102,241,0.12); }

        /* FAQ */
        .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease; }
        .faq-answer.open { max-height: 300px; }
        .faq-icon { transition: transform 0.3s ease; }
        .faq-item.open .faq-icon { transform: rotate(45deg); }

        /* Shimmer Button */
        .btn-shimmer { position: relative; overflow: hidden; }
        .btn-shimmer::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent); transition: left 0.5s; }
        .btn-shimmer:hover::after { left: 100%; }

        /* Gradient Border Card */
        .gradient-border-card { position: relative; background: #FFFFFF; border-radius: 16px; overflow: hidden; }
        .gradient-border-card::before { content: ''; position: absolute; inset: 0; border-radius: 16px; padding: 2px; background: linear-gradient(135deg, #6366f1, #8b5cf6, #a855f7); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity 0.4s; }
        .gradient-border-card:hover::before { opacity: 1; }

        /* Process Line */
        .process-line { position: relative; }
        .process-line::before { content: ''; position: absolute; top: 40px; left: 50%; width: 2px; height: calc(100% - 40px); background: linear-gradient(to bottom, #6366f1, #a855f7); opacity: 0.2; }

        /* Mobile Menu */
        .mobile-menu { transform: translateX(100%); transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1); }
        .mobile-menu.open { transform: translateX(0); }

        /* Toast */
        .toast { position: fixed; bottom: 30px; right: 30px; z-index: 9999; transform: translateY(100px); opacity: 0; transition: all 0.4s ease; }
        .toast.show { transform: translateY(0); opacity: 1; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #F5F5F5; }
        ::-webkit-scrollbar-thumb { background: linear-gradient(#6366f1, #a855f7); border-radius: 10px; }

        /* Input Focus */
        .input-focus { transition: all 0.3s ease; border: 2px solid #e5e7eb; }
        .input-focus:focus { border-color: #8b5cf6; box-shadow: 0 0 0 4px rgba(139,92,246,0.1); outline: none; }

        /* Decorative Line */
        .section-line { width: 60px; height: 4px; border-radius: 2px; background: linear-gradient(135deg, #6366f1, #a855f7); }

        /* Testimonial Card */
        .testimonial-card { background: #fff; border: 1px solid #f0f0f0; }
        .testimonial-card:hover { border-color: transparent; }

        /* Pricing Popular */
        .pricing-popular { position: relative; border: 2px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #6366f1, #a855f7); background-origin: border-box; background-clip: padding-box, border-box; }