* { margin: 0; padding: 0; box-sizing: border-box; }
        ::selection { background: #4ADE80; color: #022C22; }
        html { scroll-behavior: smooth; }
        body { font-family: 'Manrope', sans-serif; background: #022C22; color: #ECFDF5; overflow-x: hidden; }

        /* Noise Texture */
        .noise::before {
            content: '';
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
            pointer-events: none;
            z-index: 9999;
            opacity: 0.4;
        }

        /* Neon Gradient Text */
        .neon-text {
            background: linear-gradient(135deg, #4ADE80, #22D3EE, #4ADE80);
            background-size: 200% 200%;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            animation: gradientShift 4s ease infinite;
        }

        #navbar a{
            margin-left:35px !important;
        }

        @keyframes gradientShift {
            0%, 100% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
        }

        /* Neon Glow */
        .neon-glow {
            box-shadow: 0 0 20px rgba(74, 222, 128, 0.3), 0 0 60px rgba(74, 222, 128, 0.1);
        }
        .neon-glow-text {
            text-shadow: 0 0 20px rgba(74, 222, 128, 0.5), 0 0 40px rgba(74, 222, 128, 0.2);
        }

        /* Floating Animation */
        @keyframes float1 {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(3deg); }
        }
        @keyframes float2 {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-30px) rotate(-2deg); }
        }
        @keyframes float3 {
            0%, 100% { transform: translateY(0px) scale(1); }
            50% { transform: translateY(-15px) scale(1.05); }
        }
        .float-1 { animation: float1 6s ease-in-out infinite; }
        .float-2 { animation: float2 8s ease-in-out infinite; }
        .float-3 { animation: float3 5s ease-in-out infinite; }

        /* Pulse Ring */
        @keyframes pulseRing {
            0% { transform: scale(1); opacity: 0.6; }
            100% { transform: scale(1.8); opacity: 0; }
        }
        .pulse-ring::after {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 50%;
            border: 2px solid #4ADE80;
            animation: pulseRing 2s ease-out infinite;
        }

        /* Card Hover Neon Border */
        .neon-border {
            position: relative;
            overflow: hidden;
        }
        .neon-border::before {
            content: '';
            position: absolute;
            top: -2px; left: -2px; right: -2px; bottom: -2px;
            background: linear-gradient(45deg, #4ADE80, transparent, #22D3EE, transparent, #4ADE80);
            background-size: 400% 400%;
            z-index: -1;
            border-radius: inherit;
            animation: borderGlow 6s ease infinite;
            opacity: 0;
            transition: opacity 0.5s;
        }
        .neon-border:hover::before {
            opacity: 1;
        }

        @keyframes borderGlow {
            0%, 100% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
        }

        /* Smooth Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #022C22; }
        ::-webkit-scrollbar-thumb { background: #4ADE80; border-radius: 3px; }

        /* Hero Background Orbs */
        .orb {
            position: absolute;
            border-radius: 50%;
            filter: blur(80px);
            opacity: 0.3;
        }

        /* Process Line */
        .process-line {
            background: linear-gradient(to bottom, #4ADE80, transparent);
        }

        /* Toast */
        .toast {
            position: fixed;
            top: 100px;
            right: 30px;
            background: linear-gradient(135deg, #022C22, #011A14);
            border: 1px solid #4ADE80;
            color: #4ADE80;
            padding: 16px 28px;
            border-radius: 12px;
            z-index: 10000;
            transform: translateX(400px);
            transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
            box-shadow: 0 0 30px rgba(74, 222, 128, 0.3);
        }
        .toast.show { transform: translateX(0); }

        /* Marquee */
        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .marquee-track { animation: marquee 25s linear infinite; }

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

        /* Section Reveal */
        .reveal { opacity: 0; transform: translateY(50px); }

        /* FAQ */
        .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.5s ease, padding 0.3s ease; }
        .faq-answer.open { max-height: 300px; }

        /* Metric counter */
        .metric-number { font-variant-numeric: tabular-nums; }

        /* Gradient border button */
        .btn-neon {
            position: relative;
            background: linear-gradient(135deg, #4ADE80, #22D3EE);
            transition: all 0.3s;
        }
        .btn-neon:hover {
            box-shadow: 0 0 25px rgba(74, 222, 128, 0.5), 0 0 50px rgba(74, 222, 128, 0.2);
            transform: translateY(-2px);
        }

        .btn-outline-neon {
            border: 1px solid rgba(74, 222, 128, 0.5);
            transition: all 0.3s;
        }
        .btn-outline-neon:hover {
            background: rgba(74, 222, 128, 0.1);
            border-color: #4ADE80;
            box-shadow: 0 0 20px rgba(74, 222, 128, 0.2);
        }

        /* Review Card */
        .review-card {
            background: linear-gradient(135deg, rgba(2, 44, 34, 0.8), rgba(1, 26, 20, 0.9));
            backdrop-filter: blur(10px);
            border: 1px solid rgba(74, 222, 128, 0.1);
            transition: all 0.4s;
        }
        .review-card:hover {
            border-color: rgba(74, 222, 128, 0.4);
            transform: translateY(-8px);
            box-shadow: 0 20px 60px rgba(74, 222, 128, 0.1);
        }

        /* Package Card */
        .package-card {
            background: linear-gradient(180deg, rgba(2, 44, 34, 0.6), rgba(1, 26, 20, 0.9));
            border: 1px solid rgba(74, 222, 128, 0.15);
            transition: all 0.5s;
        }
        .package-card:hover {
            border-color: rgba(74, 222, 128, 0.5);
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 30px 80px rgba(74, 222, 128, 0.15);
        }
        .package-featured {
            background: linear-gradient(180deg, rgba(74, 222, 128, 0.15), rgba(1, 26, 20, 0.95));
            border-color: rgba(74, 222, 128, 0.5);
        }

        /* Service Card */
        .service-card {
            background: linear-gradient(135deg, rgba(2, 44, 34, 0.7), rgba(1, 26, 20, 0.9));
            border: 1px solid rgba(74, 222, 128, 0.1);
            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .service-card:hover {
            border-color: #4ADE80;
            transform: translateY(-8px);
            box-shadow: 0 25px 60px rgba(74, 222, 128, 0.1);
        }
        .service-card:hover .service-icon {
            background: #4ADE80;
            color: #022C22;
            transform: scale(1.1) rotate(5deg);
        }
        .service-icon {
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }

        /* Process Step */
        .process-step {
            transition: all 0.4s;
        }
        .process-step:hover {
            transform: translateY(-5px);
        }
        .process-step:hover .step-number {
            background: #4ADE80;
            color: #022C22;
        }

        /* Enquiry Modal */
        .modal-overlay {
            position: fixed;
            inset: 0;
            background: rgba(1, 26, 20, 0.85);
            backdrop-filter: blur(8px);
            z-index: 9998;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.4s;
        }
        .modal-overlay.active { opacity: 1; pointer-events: all; }
        .modal-content {
            position: fixed;
            top: 50%; left: 50%;
            transform: translate(-50%, -50%) scale(0.9);
            z-index: 9999;
            opacity: 0;
            pointer-events: none;
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .modal-content.active { opacity: 1; pointer-events: all; transform: translate(-50%, -50%) scale(1); }

        /* Star rating */
        .stars { color: #4ADE80; }

        /* Input focus */
        input:focus, textarea:focus, select:focus {
            outline: none;
            border-color: #4ADE80 !important;
            box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.15);
        }