* { margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; }
        body { font-family: 'Poppins', sans-serif; background: #1a0a2e; color: #ffffff; overflow-x: hidden; }
        ::selection { background: #00d4aa; color: #1a0a2e; }
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #1a0a2e; }
        ::-webkit-scrollbar-thumb { background: #00d4aa; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #00f5c8; }

        .font-display { font-family: 'Orbitron', sans-serif; }
        .font-body { font-family: 'Poppins', sans-serif; }

        /* Neon Glow Effects */
        .neon-border { border: 1px solid rgba(0,212,170,0.3); box-shadow: 0 0 15px rgba(0,212,170,0.1), inset 0 0 15px rgba(0,212,170,0.05); }
        .neon-glow { box-shadow: 0 0 15px rgba(0,212,170,0.4), 0 0 30px rgba(0,212,170,0.2), 0 0 60px rgba(0,212,170,0.1); }
        .neon-text { text-shadow: 0 0 10px rgba(0,212,170,0.5), 0 0 20px rgba(0,212,170,0.3), 0 0 40px rgba(0,212,170,0.15); }
        .neon-glow-purple { box-shadow: 0 0 15px rgba(74,26,138,0.5), 0 0 30px rgba(74,26,138,0.3); }

        /* Glass Morphism */
        .glass { background: rgba(45,20,84,0.6); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(0,212,170,0.15); }
        .glass-dark { background: rgba(26,10,46,0.8); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(0,212,170,0.1); }

        /* Gradient Text */
        .gradient-text { background: linear-gradient(135deg, #00d4aa 0%, #00f5c8 50%, #ffffff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
        .gradient-text-purple { background: linear-gradient(135deg, #4a1a8a 0%, #00d4aa 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

        /* Floating Elements */
        .floating { animation: floating 6s ease-in-out infinite; }
        .floating-delay { animation: floating 6s ease-in-out infinite 2s; }
        .floating-delay-2 { animation: floating 6s ease-in-out infinite 4s; }
        @keyframes floating { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-20px) rotate(3deg); } }

        .float-circle { position: absolute; border-radius: 50%; pointer-events: none; }

        /* Pulse Glow */
        .pulse-glow { animation: pulseGlow 3s ease-in-out infinite; }
        @keyframes pulseGlow { 0%, 100% { box-shadow: 0 0 15px rgba(0,212,170,0.3); } 50% { box-shadow: 0 0 30px rgba(0,212,170,0.6), 0 0 60px rgba(0,212,170,0.2); } }

        /* Rotate */
        .spin-slow { animation: spin 20s linear infinite; }
        @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

        /* Fade In Up */
        .fade-in-up { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
        .fade-in-up.visible { opacity: 1; transform: translateY(0); }

        /* Fade In Left */
        .fade-in-left { opacity: 0; transform: translateX(-40px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
        .fade-in-left.visible { opacity: 1; transform: translateX(0); }

        /* Fade In Right */
        .fade-in-right { opacity: 0; transform: translateX(40px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
        .fade-in-right.visible { opacity: 1; transform: translateX(0); }

        /* Navbar */
        .navbar { transition: all 0.4s ease; }
        .navbar.scrolled { background: rgba(26,10,46,0.95); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: 0 4px 30px rgba(0,0,0,0.3), 0 0 20px rgba(0,212,170,0.1); }
        .nav-link { position: relative; }
        .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: linear-gradient(90deg, #00d4aa, #00f5c8); transition: width 0.3s ease; }
        .nav-link:hover::after { width: 100%; }

        /* CTA Button */
        .cta-btn { background: linear-gradient(135deg, #00d4aa, #00a88a); color: #1a0a2e; font-weight: 600; border-radius: 8px; padding: 12px 28px; transition: all 0.3s ease; box-shadow: 0 0 20px rgba(0,212,170,0.3); }
        .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 0 30px rgba(0,212,170,0.5), 0 10px 30px rgba(0,212,170,0.2); }
        .cta-btn-outline { border: 2px solid #00d4aa; color: #00d4aa; border-radius: 8px; padding: 12px 28px; font-weight: 600; transition: all 0.3s ease; background: transparent; }
        .cta-btn-outline:hover { background: #00d4aa; color: #1a0a2e; box-shadow: 0 0 30px rgba(0,212,170,0.4); }

        /* Hero */
        .hero-bg { background: linear-gradient(135deg, rgba(26,10,46,0.9) 0%, rgba(45,20,84,0.85) 50%, rgba(26,10,46,0.9) 100%), url('https://images.pexels.com/photos/1643383/pexels-photo-1643383.jpeg?auto=compress&cs=tinysrgb&w=1920') center/cover no-repeat; }
        .hero-particles { position: absolute; inset: 0; overflow: hidden; }
        .particle { position: absolute; width: 4px; height: 4px; background: #00d4aa; border-radius: 50%; opacity: 0.3; animation: particleFloat 8s linear infinite; }
        @keyframes particleFloat { 0% { transform: translateY(100vh) scale(0); opacity: 0; } 10% { opacity: 0.3; } 90% { opacity: 0.3; } 100% { transform: translateY(-100px) scale(1); opacity: 0; } }

        /* Section Divider */
        .section-divider { width: 80px; height: 4px; background: linear-gradient(90deg, #00d4aa, #00f5c8); border-radius: 2px; margin: 0 auto; }

        /* 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 0 25px rgba(0,212,170,0.2), 0 20px 40px rgba(0,0,0,0.3); border-color: rgba(0,212,170,0.4); }

        /* Process Line */
        .process-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, transparent, #00d4aa, transparent); transform: translateX(-50%); }

        /* FAQ */
        .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease; }
        .faq-answer.open { max-height: 500px; }
        .faq-icon { transition: transform 0.3s ease; }
        .faq-item.active .faq-icon { transform: rotate(45deg); }

        /* Star Rating */
        .star { color: #fbbf24; }

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

        /* Input Focus */
        .input-neon:focus { border-color: #00d4aa; box-shadow: 0 0 10px rgba(0,212,170,0.3); outline: none; }

        /* Package Popular */
        .package-popular { border: 2px solid #00d4aa; position: relative; }
        .package-popular::before { content: 'Most Popular'; position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #00d4aa, #00a88a); color: #1a0a2e; padding: 4px 20px; border-radius: 20px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }

        /* Toast */
        .toast { position: fixed; bottom: 30px; right: 30px; background: linear-gradient(135deg, #00d4aa, #00a88a); color: #1a0a2e; padding: 16px 24px; border-radius: 12px; font-weight: 600; z-index: 9999; transform: translateY(100px); opacity: 0; transition: all 0.4s ease; box-shadow: 0 0 20px rgba(0,212,170,0.4); }
        .toast.show { transform: translateY(0); opacity: 1; }

        /* Responsive */
        @media (max-width: 768px) {
            .hero-bg { background-position: center; }
            .process-line { display: none; }
            .package-popular::before { font-size: 10px; padding: 3px 14px; }
        }

        /* Review Card Gradient Border */
        .review-card { position: relative; }
        .review-card::before { content: ''; position: absolute; inset: 0; border-radius: 16px; padding: 1px; background: linear-gradient(135deg, rgba(0,212,170,0.3), rgba(74,26,138,0.3)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }

        /* Booking form neon line */
        .neon-line { height: 2px; background: linear-gradient(90deg, transparent, #00d4aa, transparent); }