{"id":238,"date":"2025-11-25T11:08:10","date_gmt":"2025-11-25T11:08:10","guid":{"rendered":"https:\/\/bajhi.com\\\/kukeecloud\/?page_id=238"},"modified":"2025-11-26T09:56:09","modified_gmt":"2025-11-26T09:56:09","slug":"kukee-home","status":"publish","type":"page","link":"https:\/\/bajhi.com\/kukeecloud\/","title":{"rendered":"Kukee Cloud"},"content":{"rendered":"        <!-- Liquid Glass Landing Page -->\n        <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n        <style>\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\n\n            .vd-landing-wrapper {\n                --primary: #059669;\n                --primary-dark: #047857;\n                --bg-light: #ffffff;\n                --bg-alt: #f0fdf4;\n                --glass-bg: rgba(255, 255, 255, 0.95);\n                --glass-border: rgba(5, 150, 105, 0.1);\n                --text-main: #1f2937;\n                --text-muted: #6b7280;\n                background: linear-gradient(135deg, #f8fafc 0%, #e0f2fe 100%);\n                min-height: 100vh;\n                padding: 0;\n                margin: 0;\n                font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n                color: var(--text-main);\n                overflow-x: hidden;\n                padding-bottom: 30px;\n            }\n\n            \/* Typography - Responsive *\/\n            .vd-landing-wrapper h1,\n            .vd-landing-wrapper h2,\n            .vd-landing-wrapper h3 {\n                font-weight: 700;\n                letter-spacing: -0.02em;\n                margin-top: 0;\n            }\n\n            .vd-landing-wrapper h1 {\n                font-size: clamp(2rem, 5vw, 3.5rem);\n                background: linear-gradient(135deg, #047857 0%, #059669 100%);\n                -webkit-background-clip: text;\n                -webkit-text-fill-color: transparent;\n                margin-bottom: 1rem;\n                line-height: 1.2;\n            }\n\n            .hero-intro {\n                font-size: clamp(0.9rem, 2vw, 1.1rem);\n                color: var(--text-muted);\n                font-weight: 500;\n                margin-bottom: 0.5rem;\n                text-transform: uppercase;\n                letter-spacing: 0.05em;\n            }\n\n            .vd-landing-wrapper h2 {\n                font-size: clamp(1.5rem, 4vw, 2.5rem);\n                margin-bottom: 0.75rem;\n                color: #1f2937;\n                line-height: 1.3;\n            }\n\n            .vd-landing-wrapper h3 {\n                font-size: clamp(1.1rem, 2.5vw, 1.5rem);\n                line-height: 1.4;\n            }\n\n            .vd-landing-wrapper p {\n                color: var(--text-muted);\n                line-height: 1.6;\n                margin-bottom: 0.75rem;\n                font-size: clamp(0.9rem, 1.5vw, 1rem);\n            }\n\n            \/* Glass Components - Responsive *\/\n            .glass-card {\n                background: var(--glass-bg);\n                backdrop-filter: blur(12px);\n                -webkit-backdrop-filter: blur(12px);\n                border: 1px solid var(--glass-border);\n                border-radius: 12px;\n                padding: clamp(1rem, 3vw, 2rem);\n                transition: transform 0.3s ease, box-shadow 0.3s ease;\n                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n            }\n\n            @media (hover: hover) {\n                .glass-card:hover {\n                    transform: translateY(-5px);\n                    box-shadow: 0 20px 25px -5px rgba(5, 150, 105, 0.1), 0 10px 10px -5px rgba(5, 150, 105, 0.04);\n                    border-color: rgba(5, 150, 105, 0.3);\n                }\n            }\n\n            \/* Buttons - Responsive *\/\n            .btn-primary {\n                background: var(--primary);\n                color: #ffffff;\n                padding: clamp(10px, 2vw, 12px) clamp(20px, 4vw, 32px);\n                border-radius: 8px;\n                font-weight: 600;\n                border: none;\n                cursor: pointer;\n                font-size: clamp(0.9rem, 1.5vw, 1rem);\n                transition: all 0.3s ease;\n                text-decoration: none;\n                display: inline-block;\n                box-shadow: 0 4px 6px -1px rgba(5, 150, 105, 0.2);\n            }\n\n            @media (hover: hover) {\n                .btn-primary:hover {\n                    background: var(--primary-dark);\n                    box-shadow: 0 10px 15px -3px rgba(5, 150, 105, 0.3);\n                    transform: translateY(-2px);\n                }\n            }\n\n            \/* Sections - Responsive padding *\/\n            .vd-section {\n                padding: clamp(40px, 8vw, 80px) clamp(15px, 3vw, 20px);\n            }\n\n            .vd-section:not(.vd-section-alt) {\n                max-width: 1200px;\n                margin: 0 auto;\n            }\n\n            .vd-section-alt {\n                background: var(--bg-alt);\n                width: 100%;\n                margin: 0;\n                padding: clamp(40px, 8vw, 80px) clamp(15px, 3vw, 20px);\n            }\n\n            \/* Grid Systems - Responsive *\/\n            .grid-3 {\n                display: grid;\n                grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n                gap: clamp(20px, 3vw, 30px);\n            }\n\n            .grid-4 {\n                display: grid;\n                grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));\n                gap: clamp(20px, 2.5vw, 25px);\n            }\n\n            .grid-2 {\n                display: grid;\n                grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));\n                gap: clamp(25px, 4vw, 40px);\n                align-items: center;\n            }\n\n            \/* Hero - Compact *\/\n            .vd-hero {\n                text-align: center;\n                padding: clamp(40px, 10vw, 80px) clamp(15px, 3vw, 20px);\n                position: relative;\n            }\n\n            .vd-hero::before {\n                content: '';\n                position: absolute;\n                top: -30%;\n                left: 50%;\n                transform: translateX(-50%);\n                width: clamp(300px, 60vw, 600px);\n                height: clamp(300px, 60vw, 600px);\n                background: radial-gradient(circle, rgba(0, 255, 136, 0.15) 0%, transparent 70%);\n                filter: blur(60px);\n                z-index: 0;\n                pointer-events: none;\n            }\n\n            .vd-hero-content {\n                position: relative;\n                z-index: 1;\n                max-width: 800px;\n                margin: 0 auto;\n            }\n\n            \/* Features *\/\n            .feature-icon {\n                font-size: clamp(2rem, 5vw, 2.5rem);\n                margin-bottom: 0.75rem;\n            }\n\n            .feature-icon i {\n                color: var(--primary);\n            }\n\n            \/* Pricing - Responsive *\/\n            .price-tag {\n                font-size: clamp(2rem, 5vw, 3rem);\n                font-weight: bold;\n                color: var(--text-main);\n                margin: 15px 0;\n            }\n\n            .price-tag span {\n                font-size: clamp(0.9rem, 2vw, 1.2rem);\n                color: var(--text-muted);\n                font-weight: 400;\n            }\n\n            .plan-features {\n                list-style: none;\n                padding: 0;\n                margin: 15px 0;\n                text-align: left;\n            }\n\n            .plan-features li {\n                padding: 8px 0;\n                color: var(--text-main);\n                position: relative;\n                padding-left: 25px;\n                font-size: clamp(0.85rem, 1.5vw, 0.95rem);\n            }\n\n            .plan-features li::before {\n                content: '\u2713';\n                color: var(--primary);\n                font-weight: bold;\n                position: absolute;\n                left: 0;\n            }\n\n            \/* FAQ - Responsive *\/\n            .faq-item {\n                border-bottom: 1px solid var(--glass-border);\n                padding: 1rem 0;\n            }\n\n            .faq-question {\n                font-size: clamp(1rem, 2vw, 1.2rem);\n                font-weight: 600;\n                cursor: pointer;\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                color: var(--text-main);\n            }\n\n            .faq-answer {\n                max-height: 0;\n                overflow: hidden;\n                transition: max-height 0.3s ease;\n                color: var(--text-muted);\n                margin-top: 0;\n                font-size: clamp(0.85rem, 1.5vw, 0.95rem);\n            }\n\n            .faq-item.active .faq-answer {\n                max-height: 200px;\n                margin-top: 0.75rem;\n            }\n\n            .faq-item.active .faq-question {\n                color: var(--primary);\n            }\n\n            \/* Plan Tabs - Responsive *\/\n            .vd-plan-tabs {\n                display: flex;\n                gap: clamp(10px, 3vw, 20px);\n                margin: 30px auto 20px;\n                border-bottom: 1px solid var(--glass-border);\n                max-width: 600px;\n                justify-content: center;\n                flex-wrap: wrap;\n            }\n\n            .vd-plan-tabs button {\n                background: transparent;\n                border: none;\n                color: var(--text-muted);\n                padding: 10px clamp(10px, 2vw, 20px);\n                font-size: clamp(0.9rem, 1.5vw, 1.1rem);\n                cursor: pointer;\n                border-bottom: 2px solid transparent;\n                transition: all 0.3s ease;\n                white-space: nowrap;\n            }\n\n            .vd-guest-tab-btn.vd-active,\n            .vd-tab-btn.vd-active {\n                color: var(--primary) !important;\n                border-bottom-color: var(--primary) !important;\n            }\n\n            \/* Migration Section - Horizontal Layout *\/\n            .migration-section {\n                background: var(--bg-light);\n                border-radius: 16px;\n                padding: clamp(30px, 5vw, 50px);\n                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n            }\n\n            .migration-grid {\n                display: grid;\n                grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));\n                gap: clamp(30px, 5vw, 50px);\n                margin: clamp(25px, 5vw, 35px) 0;\n            }\n\n            .migration-step {\n                text-align: left;\n            }\n\n            .migration-step h3 {\n                color: var(--text-main);\n                font-size: clamp(1.1rem, 2.5vw, 1.3rem);\n                margin-bottom: 10px;\n            }\n\n            .migration-step p {\n                color: var(--text-muted);\n                font-size: clamp(0.9rem, 1.5vw, 1rem);\n                line-height: 1.5;\n            }\n\n            \/* Login Modal - Responsive *\/\n            .vd-modal-overlay {\n                display: none;\n                position: fixed;\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 100%;\n                background: rgba(0, 0, 0, 0.85);\n                backdrop-filter: blur(10px);\n                z-index: 99999;\n                align-items: center;\n                justify-content: center;\n                padding: 15px;\n            }\n\n            .vd-login-box {\n                background: #ffffff;\n                border: 1px solid rgba(5, 150, 105, 0.1);\n                padding: 32px;\n                border-radius: 16px;\n                width: 100%;\n                max-width: 420px;\n                position: relative;\n                box-shadow: 0 20px 60px -15px rgba(0, 0, 0, 0.4);\n                max-height: 90vh;\n                overflow-y: auto;\n            }\n\n            .vd-login-box .vd-modal-logo {\n                width: 48px;\n                height: 48px;\n                margin: 0 auto 20px;\n                display: block;\n                object-fit: contain;\n            }\n\n            .vd-login-box h2 {\n                font-size: 1.75rem !important;\n                font-weight: 700 !important;\n                margin-bottom: 24px !important;\n                color: var(--text-main) !important;\n                text-align: center !important;\n            }\n\n            .vd-login-box label {\n                display: block;\n                margin-bottom: 6px;\n                color: var(--text-main);\n                font-size: 0.875rem;\n                font-weight: 500;\n            }\n\n            .vd-login-box input[type=\"text\"],\n            .vd-login-box input[type=\"password\"],\n            .vd-login-box input[type=\"email\"] {\n                width: 100%;\n                padding: 11px 14px;\n                margin-bottom: 16px;\n                background: #ffffff;\n                border: 1.5px solid #e5e7eb;\n                border-radius: 8px;\n                color: var(--text-main);\n                font-size: 0.95rem;\n                box-sizing: border-box;\n                transition: all 0.2s ease;\n            }\n\n            .vd-login-box input[type=\"text\"]:focus,\n            .vd-login-box input[type=\"password\"]:focus,\n            .vd-login-box input[type=\"email\"]:focus {\n                outline: none;\n                border-color: var(--primary);\n                box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.1);\n                background: #ffffff;\n            }\n\n            .vd-login-box input[type=\"checkbox\"] {\n                margin-right: 8px;\n                width: 16px;\n                height: 16px;\n                cursor: pointer;\n                accent-color: var(--primary);\n            }\n\n            .vd-login-box .login-remember,\n            .vd-login-box .woocommerce-form__label-for-checkbox {\n                display: flex;\n                align-items: center;\n                margin-bottom: 16px;\n                color: var(--text-main);\n                font-size: 0.875rem;\n                cursor: pointer;\n            }\n\n            .vd-login-box input[type=\\\"submit\\\"],\n            .vd-login-box button[type=\\\"submit\\\"],\n            .vd-login-box .woocommerce-form-login__submit,\n            .vd-login-box .woocommerce-button,\n            .vd-login-box .button,\n            .vd-login-box .wp-element-button,\n            .vd-login-box #wp-submit,\n            .vd-login-box .login-submit .button,\n            .vd-login-box input.button,\n            .vd-login-box input.button-primary {\n                background: var(--primary) !important;\n                background-color: var(--primary) !important;\n                color: #000000 !important;\n                font-weight: 600 !important;\n                cursor: pointer !important;\n                border: none !important;\n                width: 100% !important;\n                padding: 12px 20px !important;\n                border-radius: 8px !important;\n                font-size: 1rem !important;\n                margin-top: 8px !important;\n                transition: all 0.3s ease !important;\n                box-shadow: 0 2px 4px rgba(5, 150, 105, 0.2) !important;\n                text-shadow: none !important;\n            }\n\n            @media (hover: hover) {\n\n                .vd-login-box input[type=\\\"submit\\\"]:hover,\n                .vd-login-box button[type=\\\"submit\\\"]:hover,\n                .vd-login-box .woocommerce-form-login__submit:hover,\n                .vd-login-box .woocommerce-button:hover,\n                .vd-login-box .button:hover,\n                .vd-login-box .wp-element-button:hover,\n                .vd-login-box #wp-submit:hover,\n                .vd-login-box .login-submit .button:hover,\n                .vd-login-box input.button:hover,\n                .vd-login-box input.button-primary:hover {\n                    background: var(--primary-dark) !important;\n                    background-color: var(--primary-dark) !important;\n                    box-shadow: 0 4px 8px rgba(5, 150, 105, 0.3) !important;\n                    transform: translateY(-1px);\n                }\n            }\n\n            .vd-login-box .woocommerce-LostPassword {\n                text-align: left;\n                margin-top: 12px;\n                margin-bottom: 0;\n            }\n\n            .vd-login-box .woocommerce-LostPassword a {\n                color: var(--text-muted);\n                font-size: 0.875rem;\n                text-decoration: none;\n                transition: color 0.2s ease;\n            }\n\n            .vd-login-box .woocommerce-LostPassword a:hover {\n                color: var(--primary);\n            }\n\n            \/* Dashboard Header - Welcome Text *\/\n            .welcome-user {\n                font-size: clamp(1.75rem, 4vw, 2rem);\n                font-weight: 700;\n                color: var(--text-main);\n                margin: 0;\n                line-height: 1.2;\n            }\n\n            \/* Button Icons - Mobile *\/\n            .btn-icon-text {\n                display: inline;\n            }\n\n            .btn-icon-only {\n                display: none;\n            }\n\n            \/* Mobile Optimizations *\/\n            @media (max-width: 640px) {\n                .vd-landing-wrapper {\n                    padding-bottom: 20px;\n                }\n\n                .glass-card {\n                    padding: 1.25rem;\n                }\n\n                .grid-3,\n                .grid-2 {\n                    gap: 20px;\n                }\n\n                .vd-section {\n                    padding: 40px 15px;\n                }\n\n                .faq-item {\n                    padding: 0.75rem 0;\n                }\n\n                \/* Icon-only buttons on mobile *\/\n                .btn-icon-text {\n                    display: none;\n                }\n\n                .btn-icon-only {\n                    display: inline;\n                }\n            }\n\n            \/* Dashboard Mobile - Smaller Headings *\/\n            @media (max-width: 640px) {\n                body:not(.vd-landing-wrapper) h2 {\n                    font-size: clamp(1.25rem, 3vw, 1.5rem);\n                }\n\n                .vd-dashboard h2 {\n                    font-size: clamp(1.25rem, 3vw, 1.5rem);\n                }\n            }\n\n            \/* Tablet Optimizations *\/\n            @media (min-width: 641px) and (max-width: 1024px) {\n                .grid-3 {\n                    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n                }\n\n                .grid-2 {\n                    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n                }\n            }\n        <\/style>\n\n        <div class=\"vd-landing-wrapper\">\n\n            <!-- Hero -->\n            <section class=\"vd-hero\" style=\"text-align: center;\">\n                <div class=\"vd-hero-content\">\n                    <p class=\"hero-intro\">Kukee Cloud Brings You<\/p>\n                    <h1 style=\"line-height: 1.1; margin-bottom: 20px; color: #1f2937;\">Virtualmin Managed Virtual Server<\/h1>\n                    <p\n                        style=\"font-size: clamp(1rem, 2vw, 1.15rem); max-width: 700px; margin: 0 auto 30px; color: var(--text-muted);\">\n                        Unlock the power of managed web hosting with FREE Virtualmin control panel. Perfect for PHP, Node.js,\n                        Python, and more. Secure, fast, and scalable hosting for developers and businesses.<\/p>\n                    <button onclick=\"openVdLogin()\" class=\"btn-primary\">Get Started or Login<\/button>\n                <\/div>\n            <\/section>\n\n            <!-- Full Width Virtualmin Image -->\n            <section style=\"padding: 0; margin: 0;\">\n                <img decoding=\"async\" src=\"https:\/\/bajhi.com\/wp-content\/uploads\/sites\/433\/2025\/11\/virtualmin.webp\" alt=\"Virtualmin Control Panel\"\n                    style=\"width: 100%; height: auto; display: block; margin: 0;\" \/>\n            <\/section>\n\n            <!-- Virtualmin Control Panel Section -->\n            <section class=\"vd-section vd-section-alt\">\n                <div style=\"max-width: 1200px; margin: 0 auto;\">\n                    <div style=\"max-width: 900px; margin: 0 auto; text-align: center;\">\n                        <h2 style=\"color: var(--primary-dark); margin-bottom: 20px;\">Free Virtualmin Panel with Every Server\n                        <\/h2>\n                        <p\n                            style=\"font-size: clamp(1.1rem, 2vw, 1.3rem); color: var(--text-main); font-weight: 600; margin-bottom: 10px;\">\n                            Why pay $15-45\/month for cPanel when you can get Virtualmin FREE?\n                        <\/p>\n                        <p\n                            style=\"font-size: clamp(1rem, 1.8vw, 1.15rem); color: var(--text-muted); margin-bottom: 40px; max-width: 700px; margin-left: auto; margin-right: auto;\">\n                            Virtualmin is the leading and most sophisticated web hosting control panel designed for Linux\n                            systems.\n                            Available in both community-supported open-source GPL version and feature-rich Pro version.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"grid-3\" style=\"margin-bottom: 40px;\">\n                        <div class=\"glass-card\">\n                            <div class=\"feature-icon\" style=\"color: var(--primary);\"><i\n                                    class=\"fa-solid fa-circle-dollar-to-slot\"><\/i><\/div>\n                            <h3>Cost-Effective Solution<\/h3>\n                            <p>cPanel costs $15-45\/month per server. With Kukee Cloud, get Virtualmin included FREE with all\n                                servers\n                                - saving you hundreds annually.<\/p>\n                        <\/div>\n                        <div class=\"glass-card\">\n                            <div class=\"feature-icon\" style=\"color: var(--primary);\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\n                            <h3>Powerful & Flexible<\/h3>\n                            <p>Manage domains, DNS, email with spam protection, databases, SSL certificates, backups, and deploy\n                                applications like WordPress with one click.<\/p>\n                        <\/div>\n                        <div class=\"glass-card\">\n                            <div class=\"feature-icon\" style=\"color: var(--primary);\"><i class=\"fa-solid fa-shield-halved\"><\/i>\n                            <\/div>\n                            <h3>Enhanced Security<\/h3>\n                            <p>Two-factor authentication, brute force protection, FirewallD\/CSF integration, free Let's Encrypt\n                                SSL,\n                                and comprehensive security features built-in.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div\n                        style=\"background: white; border-radius: 16px; padding: clamp(30px, 5vw, 50px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\">\n                        <h3 style=\"color: var(--primary-dark); margin-bottom: 25px; text-align: center;\">What Makes Virtualmin\n                            Special?<\/h3>\n                        <div class=\"grid-2\" style=\"gap: 30px; text-align: left;\">\n                            <div>\n                                <ul style=\"list-style: none; padding: 0; margin: 0;\">\n                                    <li style=\"margin-bottom: 15px; display: flex; align-items: start; gap: 10px;\">\n                                        <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                        <span><strong>Domain Management:<\/strong> Powerful and flexible domain accounts for\n                                            complete\n                                            website control<\/span>\n                                    <\/li>\n                                    <li style=\"margin-bottom: 15px; display: flex; align-items: start; gap: 10px;\">\n                                        <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                        <span><strong>DNS Integration:<\/strong> Manage locally or integrate with Cloudflare,\n                                            Google\n                                            Cloud DNS, Amazon Route 53<\/span>\n                                    <\/li>\n                                    <li style=\"margin-bottom: 15px; display: flex; align-items: start; gap: 10px;\">\n                                        <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                        <span><strong>Email Suite:<\/strong> Full mailbox management with spam\/antivirus,\n                                            forwarders,\n                                            auto-responders, Amazon SES support<\/span>\n                                    <\/li>\n                                    <li style=\"margin-bottom: 15px; display: flex; align-items: start; gap: 10px;\">\n                                        <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                        <span><strong>Database Tools:<\/strong> Complete database management with export, import,\n                                            and\n                                            delegated user control<\/span>\n                                    <\/li>\n                                    <li style=\"margin-bottom: 15px; display: flex; align-items: start; gap: 10px;\">\n                                        <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                        <span><strong>Web Terminal:<\/strong> SSH-like power and control directly in your browser\n                                            with interactive terminal<\/span>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                            <div>\n                                <ul style=\"list-style: none; padding: 0; margin: 0;\">\n                                    <li style=\"margin-bottom: 15px; display: flex; align-items: start; gap: 10px;\">\n                                        <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                        <span><strong>One-Click Apps:<\/strong> Install WordPress, Joomla, Drupal, phpBB,\n                                            phpMyAdmin\n                                            and many more instantly<\/span>\n                                    <\/li>\n                                    <li style=\"margin-bottom: 15px; display: flex; align-items: start; gap: 10px;\">\n                                        <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                        <span><strong>Cloud Backups:<\/strong> Seamless integration with Dropbox, Google Drive,\n                                            and\n                                            Amazon S3 for secure backups<\/span>\n                                    <\/li>\n                                    <li style=\"margin-bottom: 15px; display: flex; align-items: start; gap: 10px;\">\n                                        <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                        <span><strong>Advanced Monitoring:<\/strong> Service monitoring, update alerts, detailed\n                                            statistics, and comprehensive logging<\/span>\n                                    <\/li>\n                                    <li style=\"margin-bottom: 15px; display: flex; align-items: start; gap: 10px;\">\n                                        <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                        <span><strong>Migration Ready:<\/strong> Easy migration from cPanel\/Plesk with\n                                            straightforward backup solutions<\/span>\n                                    <\/li>\n                                    <li style=\"margin-bottom: 15px; display: flex; align-items: start; gap: 10px;\">\n                                        <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                        <span><strong>Command Line:<\/strong> Complete CLI access for automation and scripting -\n                                            work\n                                            your way<\/span>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div style=\"text-align: center; margin-top: 40px;\">\n                        <button onclick=\"document.querySelector('#pricing').scrollIntoView({behavior: 'smooth'});\"\n                            class=\"btn-primary\" style=\"padding: 15px 40px; font-size: 1.1rem;\">\n                            View Plans\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Node.js Ready Section -->\n            <section class=\"vd-section\">\n                <div style=\"max-width: 1000px; margin: 0 auto;\">\n                    <div style=\"text-align: center; margin-bottom: 50px;\">\n                        <h2 style=\"color: var(--primary-dark); margin-bottom: 20px;\">Node.js Pre-Installed & Ready<\/h2>\n                        <p\n                            style=\"font-size: clamp(1.1rem, 2vw, 1.3rem); color: var(--text-main); font-weight: 600; margin-bottom: 15px;\">\n                            Unlike most hosting providers, Node.js comes pre-installed on all Kukee servers!\n                        <\/p>\n                        <p\n                            style=\"font-size: clamp(1rem, 1.8vw, 1.15rem); color: var(--text-muted); max-width: 700px; margin: 0 auto;\">\n                            Deploy modern JavaScript applications, build APIs, run real-time services, and scale your Node.js\n                            projects with ease.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"grid-3\" style=\"margin-bottom: 40px;\">\n                        <div class=\"glass-card\">\n                            <div class=\"feature-icon\" style=\"color: var(--primary);\"><i class=\"fa-solid fa-rocket\"><\/i><\/div>\n                            <h3>Deploy Instantly<\/h3>\n                            <p>Node.js is pre-configured and ready to use. No installation required - start building your\n                                Express, Next.js, or custom Node apps right away.<\/p>\n                        <\/div>\n                        <div class=\"glass-card\">\n                            <div class=\"feature-icon\" style=\"color: var(--primary);\"><i class=\"fa-solid fa-gears\"><\/i><\/div>\n                            <h3>Full Stack Freedom<\/h3>\n                            <p>Run React, Vue, Angular frontends with Node.js backends. Perfect for MERN, MEAN stacks, or any\n                                JavaScript-based architecture you choose.<\/p>\n                        <\/div>\n                        <div class=\"glass-card\">\n                            <div class=\"feature-icon\" style=\"color: var(--primary);\"><i class=\"fa-solid fa-box\"><\/i><\/div>\n                            <h3>NPM & Package Support<\/h3>\n                            <p>Full npm\/yarn support with complete package ecosystem access. Install dependencies, run scripts,\n                                and manage your Node applications effortlessly.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div\n                        style=\"background: white; border-radius: 16px; padding: clamp(30px, 5vw, 40px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\">\n                        <h3 style=\"color: var(--primary-dark); margin-bottom: 20px; text-align: center;\">What You Can Build with\n                            Node.js on Kukee<\/h3>\n                        <div class=\"grid-2\" style=\"gap: 25px; text-align: left;\">\n                            <ul style=\"list-style: none; padding: 0; margin: 0;\">\n                                <li style=\"margin-bottom: 12px; display: flex; align-items: start; gap: 10px;\">\n                                    <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                    <span><strong>RESTful APIs:<\/strong> Build fast, scalable APIs for web and mobile\n                                        applications<\/span>\n                                <\/li>\n                                <li style=\"margin-bottom: 12px; display: flex; align-items: start; gap: 10px;\">\n                                    <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                    <span><strong>Real-time Apps:<\/strong> WebSocket servers for chat, notifications, live\n                                        dashboards<\/span>\n                                <\/li>\n                                <li style=\"margin-bottom: 12px; display: flex; align-items: start; gap: 10px;\">\n                                    <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                    <span><strong>SSR Applications:<\/strong> Next.js, Nuxt.js, other server-side rendered\n                                        frameworks<\/span>\n                                <\/li>\n                                <li style=\"margin-bottom: 12px; display: flex; align-items: start; gap: 10px;\">\n                                    <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                    <span><strong>Microservices:<\/strong> Build and deploy microservice architectures with\n                                        ease<\/span>\n                                <\/li>\n                            <\/ul>\n                            <ul style=\"list-style: none; padding: 0; margin: 0;\">\n                                <li style=\"margin-bottom: 12px; display: flex; align-items: start; gap: 10px;\">\n                                    <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                    <span><strong>GraphQL Servers:<\/strong> Modern API layers with Apollo, Prisma, or custom\n                                        solutions<\/span>\n                                <\/li>\n                                <li style=\"margin-bottom: 12px; display: flex; align-items: start; gap: 10px;\">\n                                    <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                    <span><strong>Bots & Automation:<\/strong> Discord bots, Telegram bots, web scrapers,\n                                        automation tools<\/span>\n                                <\/li>\n                                <li style=\"margin-bottom: 12px; display: flex; align-items: start; gap: 10px;\">\n                                    <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                    <span><strong>Static Site Generators:<\/strong> Gatsby, Eleventy, or custom build\n                                        pipelines<\/span>\n                                <\/li>\n                                <li style=\"margin-bottom: 12px; display: flex; align-items: start; gap: 10px;\">\n                                    <span style=\"color: var(--primary); font-weight: bold; font-size: 1.2rem;\">\u2713<\/span>\n                                    <span><strong>Full Stack Apps:<\/strong> Complete MERN\/MEAN stack applications with\n                                        MongoDB<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div\n                        style=\"text-align: center; margin-top: 40px; padding: 30px; background: linear-gradient(135deg, rgba(5, 150, 105, 0.1) 0%, rgba(16, 185, 129, 0.1) 100%); border-radius: 12px;\">\n                        <p\n                            style=\"font-size: clamp(1rem, 1.8vw, 1.15rem); color: var(--text-main); font-weight: 600; margin-bottom: 15px;\">\n                            \ud83d\udca1 Also Supports: Python, Ruby, PHP, Perl, and more - all on the same server!\n                        <\/p>\n                        <p style=\"font-size: clamp(0.9rem, 1.5vw, 1rem); color: var(--text-muted);\">\n                            Build polyglot applications or run multiple projects in different languages on one powerful server.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Rock-Solid Stack -->\n            <section class=\"vd-section vd-section-alt\" style=\"text-align: center;\">\n                <div style=\"max-width: 1200px; margin: 0 auto;\">\n                    <h2 style=\"margin-bottom: 40px; color: var(--text-main);\">Built on a Rock-Solid Tech Stack<\/h2>\n                    <div class=\"grid-3\">\n                        <div class=\"glass-card\">\n                            <div class=\"feature-icon\" style=\"color: var(--primary);\"><i class=\"fa-brands fa-linux\"><\/i><\/div>\n                            <h3>Linux OS<\/h3>\n                            <p>Debian, Ubuntu, Rocky Linux, AlmaLinux - choose your preferred distribution.<\/p>\n                        <\/div>\n                        <div class=\"glass-card\">\n                            <div class=\"feature-icon\" style=\"color: var(--primary);\"><i class=\"fa-solid fa-server\"><\/i><\/div>\n                            <h3>Control Panel<\/h3>\n                            <p>Virtualmin & Webmin for full server management and domain administration.<\/p>\n                        <\/div>\n                        <div class=\"glass-card\">\n                            <div class=\"feature-icon\" style=\"color: var(--primary);\"><i class=\"fa-solid fa-globe\"><\/i><\/div>\n                            <h3>Web Server<\/h3>\n                            <p>Apache with mod_security for robust and secure web hosting.<\/p>\n                        <\/div>\n                        <div class=\"glass-card\">\n                            <div class=\"feature-icon\" style=\"color: var(--primary);\"><i class=\"fa-brands fa-node-js\"><\/i><\/div>\n                            <h3>Node.js Runtime<\/h3>\n                            <p>Pre-installed and ready for modern JavaScript applications and APIs.<\/p>\n                        <\/div>\n                        <div class=\"glass-card\">\n                            <div class=\"feature-icon\" style=\"color: var(--primary);\"><i class=\"fa-solid fa-database\"><\/i><\/div>\n                            <h3>Database<\/h3>\n                            <p>MariaDB\/MySQL and PostgreSQL for reliable data storage.<\/p>\n                        <\/div>\n                        <div class=\"glass-card\">\n                            <div class=\"feature-icon\" style=\"color: var(--primary);\"><i class=\"fa-brands fa-php\"><\/i><\/div>\n                            <h3>Multi-Language<\/h3>\n                            <p>PHP, Python, Ruby, Perl - run any language your project needs.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Powerful Solution -->\n            <section class=\"vd-section\">\n                <h2 style=\"text-align: center; margin-bottom: 40px;\">Powerful solution for your business needs<\/h2>\n                <div class=\"grid-3\">\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\n                        <h3>More power & flexibility<\/h3>\n                        <p>Get 20x more resources than traditional web hosting. Upgrade your plan easily as your business grows.\n                        <\/p>\n                    <\/div>\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\"><i class=\"fa-solid fa-lock\"><\/i><\/div>\n                        <h3>Stable & secure<\/h3>\n                        <p>Stay online with a 99.9% uptime guarantee. Secure client data with daily backups and enhanced DDoS\n                            protection.<\/p>\n                    <\/div>\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\"><i class=\"fa-solid fa-user-tie\"><\/i><\/div>\n                        <h3>Fully managed<\/h3>\n                        <p>Instant account setup. Intuitive control panel. 24\/7 expert support. Manage everything like a pro,\n                            without hiring one.<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n\n            <!-- WordPress Tools -->\n            <section class=\"vd-section\">\n                <h2 style=\"text-align: center; margin-bottom: 40px;\">WordPress tools. Built for your convenience<\/h2>\n                <div class=\"grid-3\">\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\"><i class=\"fa-brands fa-wordpress\"><\/i><\/div>\n                        <h3>Easy & quick setup<\/h3>\n                        <p>Install WordPress and WooCommerce in one click. Start selling in no time.<\/p>\n                    <\/div>\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\"><i class=\"fa-solid fa-rotate\"><\/i><\/div>\n                        <h3>Smart auto updates<\/h3>\n                        <p>Keep your site running smoothly and securely with pre-update backups and security adjustments \u2013 all\n                            automatically done by our system.<\/p>\n                    <\/div>\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\"><i class=\"fa-solid fa-check-double\"><\/i><\/div>\n                        <h3>Compatibility checker<\/h3>\n                        <p>Prevent common issues that could slow down your website, or cause it to stop working completely.<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Security (Safe and Sound) -->\n            <section class=\"vd-section\">\n                <h2 style=\"text-align: center; margin-bottom: 40px; color: var(--primary-dark);\">Your website data. Safe and\n                    sound<\/h2>\n                <div class=\"grid-3\">\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\" style=\"color: var(--primary);\"><i class=\"fa-solid fa-lock\"><\/i><\/div>\n                        <h3>SSL Certificates<\/h3>\n                        <p>Secure your clients' sensitive information with free SSL certificates.<\/p>\n                    <\/div>\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\" style=\"color: var(--primary);\"><i class=\"fa-solid fa-user-shield\"><\/i><\/div>\n                        <h3>WHOIS Privacy<\/h3>\n                        <p>Make sure your personal data remains personal with WHOIS privacy protection.<\/p>\n                    <\/div>\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\" style=\"color: var(--primary);\"><i class=\"fa-solid fa-shield-virus\"><\/i><\/div>\n                        <h3>DDoS Protection<\/h3>\n                        <p>Defend against DDoS attacks and unauthorized access with Cloudflare protected nameservers.<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Multiple Projects -->\n            <section class=\"vd-section vd-section-alt\">\n                <div style=\"max-width: 1200px; margin: 0 auto;\">\n                    <h2 style=\"text-align: center; margin-bottom: 40px; color: var(--primary-dark);\">Multiple projects. One easy\n                        dashboard<\/h2>\n                    <div class=\"grid-3\">\n                        <div class=\"glass-card\">\n                            <div class=\"feature-icon\" style=\"color: var(--primary);\"><i class=\"fa-solid fa-chart-line\"><\/i>\n                            <\/div>\n                            <h3>Monitor everything<\/h3>\n                            <p>Monitor everything that matters to you and your clients \u2013 site security, performance, and more.\n                            <\/p>\n                        <\/div>\n                        <div class=\"glass-card\">\n                            <div class=\"feature-icon\" style=\"color: var(--primary);\"><i class=\"fa-solid fa-users-gear\"><\/i>\n                            <\/div>\n                            <h3>Access and manage<\/h3>\n                            <p>Access and manage your client accounts. Collaborate on exciting projects. All in one place.<\/p>\n                        <\/div>\n                        <div class=\"glass-card\">\n                            <div class=\"feature-icon\" style=\"color: var(--primary);\"><i class=\"fa-solid fa-bell\"><\/i><\/div>\n                            <h3>Get notified<\/h3>\n                            <p>Get notified immediately if something goes wrong, so you can get everything back on track.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Exceptional Performance -->\n            <section class=\"vd-section\">\n                <h2 style=\"text-align: center; margin-bottom: 40px;\">Exceptional performance. Whatever your workload<\/h2>\n                <div class=\"grid-3\">\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\"><i class=\"fa-solid fa-gauge-high\"><\/i><\/div>\n                        <h3>Smooth Operations<\/h3>\n                        <p>Whether you host one website or 100, make sure they all run smoothly with sufficient PHP workers and\n                            simultaneous database connections.<\/p>\n                    <\/div>\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\"><i class=\"fa-solid fa-jet-fighter\"><\/i><\/div>\n                        <h3>Blazing-Fast Speed<\/h3>\n                        <p>Deliver a blazing-fast browsing experience with our in-house CDN, ObjectCache, LiteSpeed web servers,\n                            and NVMe SSD storage.<\/p>\n                    <\/div>\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\"><i class=\"fa-solid fa-network-wired\"><\/i><\/div>\n                        <h3>Dedicated IP<\/h3>\n                        <p>Enjoy superior server control, improved security, and better email deliverability with a dedicated IP\n                            address.<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Global Network -->\n            <section class=\"vd-section\" style=\"text-align: center;\">\n                <h2 style=\"margin-bottom: 20px;\">A global network<\/h2>\n                <p style=\"margin-bottom: 40px; color: var(--text-muted);\">Select a data center location close to your target\n                    audience for faster loading times, at all times.<\/p>\n                <div class=\"grid-3\">\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\"><i class=\"fa-solid fa-flag-usa\"><\/i><\/div>\n                        <h3>North America<\/h3>\n                        <p>Arizona, Massachusetts, New York<\/p>\n                    <\/div>\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\"><i class=\"fa-solid fa-earth-europe\"><\/i><\/div>\n                        <h3>Europe<\/h3>\n                        <p>France, Netherlands, Lithuania, United Kingdom<\/p>\n                    <\/div>\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\"><i class=\"fa-solid fa-earth-asia\"><\/i><\/div>\n                        <h3>Asia<\/h3>\n                        <p>Singapore, India<\/p>\n                    <\/div>\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\"><i class=\"fa-solid fa-earth-americas\"><\/i><\/div>\n                        <h3>South America<\/h3>\n                        <p>Brazil<\/p>\n                    <\/div>\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\"><i class=\"fa-solid fa-earth-africa\"><\/i><\/div>\n                        <h3>Africa<\/h3>\n                        <p>South Africa<\/p>\n                    <\/div>\n                    <div class=\"glass-card\">\n                        <div class=\"feature-icon\"><i class=\"fa-solid fa-earth-oceania\"><\/i><\/div>\n                        <h3>Australia<\/h3>\n                        <p>Sydney<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Migration -->\n            <section class=\"vd-section\">\n                <div class=\"migration-section\">\n                    <h2 style=\"text-align: center; margin-bottom: 0; color: #00A040;\">Free and easy website migration<\/h2>\n                    <div class=\"migration-grid\">\n                        <div class=\"migration-step\">\n                            <h3>Request<\/h3>\n                            <p>Simply send a migration request, and our team will take care of the rest.<\/p>\n                        <\/div>\n                        <div class=\"migration-step\">\n                            <h3>Transfer<\/h3>\n                            <p>It usually takes around 20 minutes for your site to find its new home.<\/p>\n                        <\/div>\n                        <div class=\"migration-step\">\n                            <h3>Enjoy<\/h3>\n                            <p>Migrate as many websites as you like. No charge. No worries.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div style=\"text-align: center;\">\n                        <button onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" class=\"btn-primary\">Request\n                            Migration<\/button>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n\n            <!-- Pricing -->\n            <section id=\"pricing\" class=\"vd-section vd-section-alt\">\n                <div style=\"max-width: 1200px; margin: 0 auto;\">\n                    <h2 style=\"text-align: center;\">Choose Your Plan<\/h2>\n\n                    <!-- Plan Tabs for Guests -->\n                    <div class=\"vd-plan-tabs\"\n                        style=\"display: flex; gap: 20px; margin: 40px auto 30px; border-bottom: 1px solid var(--glass-border); max-width: 600px; justify-content: center;\">\n                        <button type=\"button\" onclick=\"vd_switch_guest_plan_tab('linux')\" id=\"vd-guest-tab-linux\"\n                            class=\"vd-guest-tab-btn vd-active\"\n                            style=\"background: transparent; border: none; color: var(--text-muted); padding: 10px 20px; font-size: 1.1rem; cursor: pointer; border-bottom: 2px solid transparent; transition: all 0.3s ease;\">Linux\n                            Server<\/button>\n                        <button type=\"button\" onclick=\"vd_switch_guest_plan_tab('windows')\" id=\"vd-guest-tab-windows\"\n                            class=\"vd-guest-tab-btn\"\n                            style=\"background: transparent; border: none; color: var(--text-muted); padding: 10px 20px; font-size: 1.1rem; cursor: pointer; border-bottom: 2px solid transparent; transition: all 0.3s ease;\">Windows\n                            Desktop<\/button>\n                    <\/div>\n\n                    <!-- Linux Plans for Guests -->\n                    <div id=\"guest-plan-content-linux\" class=\"guest-plan-content-group\">\n                        <div class=\"grid-4\" style=\"margin-top: 40px;\">\n                            <!-- Starter -->\n                            <div class=\"glass-card\">\n                                <h3>Starter Plan<\/h3>\n                                <p>Perfect for individuals.<\/p>\n                                <div class=\"price-tag\">$8.99<span>\/mo<\/span><\/div>\n                                <ul class=\"plan-features\">\n                                    <li>20 GB SSD Storage<\/li>\n                                    <li>50 GB Bandwidth<\/li>\n                                    <li>2 Email Accounts<\/li>\n                                    <li>24\/7 Customer Support<\/li>\n                                <\/ul>\n                                <button onclick=\"openVdLogin()\" class=\"btn-primary\" style=\"width: 100%;\">Get Started<\/button>\n                            <\/div>\n                            <!-- Business -->\n                            <div class=\"glass-card\"\n                                style=\"border-color: var(--primary); box-shadow: 0 0 30px rgba(0,255,136,0.1);\">\n                                <div style=\"color: var(--primary); font-weight: bold; font-size: 0.9rem; margin-bottom: 10px;\">\n                                    MOST\n                                    POPULAR<\/div>\n                                <h3>Business Plan<\/h3>\n                                <p>Ideal for growing businesses.<\/p>\n                                <div class=\"price-tag\">$19.99<span>\/mo<\/span><\/div>\n                                <ul class=\"plan-features\">\n                                    <li>50 GB SSD Storage<\/li>\n                                    <li>500 GB Bandwidth<\/li>\n                                    <li>5 Email Accounts<\/li>\n                                    <li>Priority Support<\/li>\n                                <\/ul>\n                                <button onclick=\"openVdLogin()\" class=\"btn-primary\" style=\"width: 100%;\">Get Started<\/button>\n                            <\/div>\n                            <!-- Enterprise -->\n                            <div class=\"glass-card\">\n                                <h3>Enterprise Plan<\/h3>\n                                <p>For large scale applications.<\/p>\n                                <div class=\"price-tag\">$49.99<span>\/mo<\/span><\/div>\n                                <ul class=\"plan-features\">\n                                    <li>100 GB SSD Storage<\/li>\n                                    <li>Unlimited Bandwidth<\/li>\n                                    <li>Unlimited Email Accounts<\/li>\n                                    <li>Dedicated Support<\/li>\n                                <\/ul>\n                                <button onclick=\"openVdLogin()\" class=\"btn-primary\" style=\"width: 100%;\">Get Started<\/button>\n                            <\/div>\n                            <!-- SaaS\/Reseller -->\n                            <div class=\"glass-card\"\n                                style=\"border: 2px solid var(--primary); background: linear-gradient(135deg, rgba(5, 150, 105, 0.05) 0%, rgba(5, 150, 105, 0.1) 100%);\">\n                                <div style=\"color: var(--primary); font-weight: bold; font-size: 0.85rem; margin-bottom: 10px;\">\n                                    <i class=\"fa-solid fa-rocket\"><\/i> RESELLER\n                                <\/div>\n                                <h3>SaaS\/Reseller<\/h3>\n                                <p>Launch your own hosting business.<\/p>\n                                <div class=\"price-tag\">$99.99<span>\/mo<\/span><\/div>\n                                <ul class=\"plan-features\">\n                                    <li>White-label Platform<\/li>\n                                    <li>Custom Domain<\/li>\n                                    <li>Manage Unlimited Clients<\/li>\n                                    <li>Full Admin Control<\/li>\n                                <\/ul>\n                                <button onclick=\"document.getElementById('vd-reseller-modal').style.display='flex'\"\n                                    class=\"btn-primary\" style=\"width: 100%;\">Start Your Business<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Windows Plans for Guests -->\n                    <div id=\"guest-plan-content-windows\" class=\"guest-plan-content-group\" style=\"display: none;\">\n                        <div class=\"grid-4\" style=\"margin-top: 40px;\">\n                            <!-- Starter -->\n                            <div class=\"glass-card\">\n                                <h3>Starter Plan<\/h3>\n                                <p>Windows Desktop Experience.<\/p>\n                                <div class=\"price-tag\">$8.99<span>\/mo<\/span><\/div>\n                                <ul class=\"plan-features\">\n                                    <li>20 GB SSD Storage<\/li>\n                                    <li>50 GB Bandwidth<\/li>\n                                    <li>Windows Features<\/li>\n                                    <li>24\/7 Customer Support<\/li>\n                                <\/ul>\n                                <button onclick=\"openVdLogin()\" class=\"btn-primary\" style=\"width: 100%;\">Get Started<\/button>\n                            <\/div>\n                            <!-- Business -->\n                            <div class=\"glass-card\" style=\"border-color: #00a8e8; box-shadow: 0 0 30px rgba(0,168,232,0.1);\">\n                                <div style=\"color: #00a8e8; font-weight: bold; font-size: 0.9rem; margin-bottom: 10px;\">MOST\n                                    POPULAR<\/div>\n                                <h3>Business Plan<\/h3>\n                                <p>Powerful Windows Environment.<\/p>\n                                <div class=\"price-tag\">$19.99<span>\/mo<\/span><\/div>\n                                <ul class=\"plan-features\">\n                                    <li>50 GB SSD Storage<\/li>\n                                    <li>500 GB Bandwidth<\/li>\n                                    <li>Windows Features<\/li>\n                                    <li>Priority Support<\/li>\n                                <\/ul>\n                                <button onclick=\"openVdLogin()\" class=\"btn-primary\"\n                                    style=\"width: 100%; background: #00a8e8;\">Get Started<\/button>\n                            <\/div>\n                            <!-- Enterprise -->\n                            <div class=\"glass-card\">\n                                <h3>Enterprise Plan<\/h3>\n                                <p>Ultimate Windows Performance.<\/p>\n                                <div class=\"price-tag\">$49.99<span>\/mo<\/span><\/div>\n                                <ul class=\"plan-features\">\n                                    <li>100 GB SSD Storage<\/li>\n                                    <li>Unlimited Bandwidth<\/li>\n                                    <li>Windows Features<\/li>\n                                    <li>Dedicated Support<\/li>\n                                <\/ul>\n                                <button onclick=\"openVdLogin()\" class=\"btn-primary\" style=\"width: 100%;\">Get Started<\/button>\n                            <\/div>\n                            <!-- SaaS\/Reseller -->\n                            <div class=\"glass-card\"\n                                style=\"border: 2px solid var(--primary); background: linear-gradient(135deg, rgba(5, 150, 105, 0.05) 0%, rgba(5, 150, 105, 0.1) 100%);\">\n                                <div style=\"color: var(--primary); font-weight: bold; font-size: 0.85rem; margin-bottom: 10px;\">\n                                    <i class=\"fa-solid fa-rocket\"><\/i> RESELLER\n                                <\/div>\n                                <h3>SaaS\/Reseller<\/h3>\n                                <p>Launch your own hosting business.<\/p>\n                                <div class=\"price-tag\">$99.99<span>\/mo<\/span><\/div>\n                                <ul class=\"plan-features\">\n                                    <li>White-label Platform<\/li>\n                                    <li>Custom Domain<\/li>\n                                    <li>Manage Unlimited Clients<\/li>\n                                    <li>Full Admin Control<\/li>\n                                <\/ul>\n                                <button onclick=\"document.getElementById('vd-reseller-modal').style.display='flex'\"\n                                    class=\"btn-primary\" style=\"width: 100%;\">Start Your Business<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- SaaS\/Reseller Program Section -->\n            <section class=\"vd-section vd-section-alt\" style=\"text-align: center;\">\n                <div style=\"max-width: 900px; margin: 0 auto;\">\n                    <h2 style=\"margin-bottom: 20px; color: var(--primary-dark);\">\n                        <i class=\"fa-solid fa-rocket\" style=\"color: var(--primary);\"><\/i>\n                        SaaS\/Reseller Program\n                    <\/h2>\n                    <p style=\"font-size: 1.25rem; margin-bottom: 15px; color: var(--text-main);\">\n                        Launch Your Own Server Company\n                    <\/p>\n                    <p\n                        style=\"color: var(--text-muted); margin-bottom: 30px; max-width: 700px; margin-left: auto; margin-right: auto;\">\n                        Build your own white-label server hosting business with our SaaS\/Reseller program. Get your own branded\n                        website,\n                        custom domain, and full admin control to manage your customers and servers - all powered by our\n                        infrastructure.\n                    <\/p>\n                    <div\n                        style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 40px; max-width: 800px; margin-left: auto; margin-right: auto;\">\n                        <div style=\"padding: 20px; background: rgba(255,255,255,0.5); border-radius: 12px;\">\n                            <i class=\"fa-solid fa-globe\"\n                                style=\"font-size: 2rem; color: var(--primary); margin-bottom: 10px;\"><\/i>\n                            <h4 style=\"margin-bottom: 8px;\">Your Own Brand<\/h4>\n                            <p style=\"color: var(--text-muted); font-size: 0.9rem;\">Custom domain and fully branded website<\/p>\n                        <\/div>\n                        <div style=\"padding: 20px; background: rgba(255,255,255,0.5); border-radius: 12px;\">\n                            <i class=\"fa-solid fa-users-gear\"\n                                style=\"font-size: 2rem; color: var(--primary); margin-bottom: 10px;\"><\/i>\n                            <h4 style=\"margin-bottom: 8px;\">Manage Customers<\/h4>\n                            <p style=\"color: var(--text-muted); font-size: 0.9rem;\">Full admin panel to manage your clients<\/p>\n                        <\/div>\n                        <div style=\"padding: 20px; background: rgba(255,255,255,0.5); border-radius: 12px;\">\n                            <i class=\"fa-solid fa-server\"\n                                style=\"font-size: 2rem; color: var(--primary); margin-bottom: 10px;\"><\/i>\n                            <h4 style=\"margin-bottom: 8px;\">Our Infrastructure<\/h4>\n                            <p style=\"color: var(--text-muted); font-size: 0.9rem;\">Powered by enterprise-grade servers<\/p>\n                        <\/div>\n                    <\/div>\n                    <button onclick=\"document.getElementById('vd-reseller-modal').style.display='flex'\"\n                        style=\"background: var(--primary); color: #ffffff; border: none; padding: 15px 45px; font-size: 1.1rem; border-radius: 50px; cursor: pointer; font-weight: 600; box-shadow: 0 4px 15px rgba(5, 150, 105, 0.3); transition: all 0.3s ease;\">\n                        Launch Your Business Now\n                    <\/button>\n                <\/div>\n            <\/section>\n\n            <!-- Reseller Business Creation Modal -->\n            <div id=\"vd-reseller-modal\" class=\"vd-modal-overlay\" style=\"display: none;\">\n                <div class=\"vd-login-box\" style=\"max-width: 500px;\">\n                    <button onclick=\"document.getElementById('vd-reseller-modal').style.display='none'\"\n                        style=\"position: absolute; top: 15px; right: 15px; background: none; border: none; font-size: 24px; cursor: pointer; color: var(--text-muted);\">\n                        \u00d7\n                    <\/button>\n\n                    <h3 style=\"margin-bottom: 10px; text-align: center;\">Launch Your Server Business<\/h3>\n                    <p style=\"color: var(--text-muted); margin-bottom: 25px; text-align: center; font-size: 0.9rem;\">\n                        Fill in the details below to create your white-label hosting platform\n                    <\/p>\n\n                    <form id=\"vd-reseller-form\" style=\"width: 100%;\">\n                        <div style=\"margin-bottom: 18px;\">\n                            <label\n                                style=\"display: block; margin-bottom: 6px; color: var(--text-main); font-weight: 500;\">Business\n                                Name<\/label>\n                            <input type=\"text\" name=\"business_name\" required placeholder=\"e.g., My Hosting Company\"\n                                style=\"width: 100%; padding: 12px; border: 1px solid var(--glass-border); border-radius: 8px; font-size: 1rem;\">\n                        <\/div>\n\n                        <div style=\"margin-bottom: 18px;\">\n                            <label style=\"display: block; margin-bottom: 6px; color: var(--text-main); font-weight: 500;\">Site\n                                Path<\/label>\n                            <div style=\"display: flex; align-items: center; gap: 5px;\">\n                                <span style=\"color: var(--text-muted);\">kukee.com\/<\/span>\n                                <input type=\"text\" name=\"site_path\" required placeholder=\"yourcompany\" pattern=\"[a-z0-9-]+\"\n                                    style=\"flex: 1; padding: 12px; border: 1px solid var(--glass-border); border-radius: 8px; font-size: 1rem;\">\n                            <\/div>\n                            <small style=\"color: var(--text-muted); display: block; margin-top: 4px;\">Lowercase letters,\n                                numbers, and hyphens only<\/small>\n                        <\/div>\n\n                        <div style=\"margin-bottom: 18px;\">\n                            <label style=\"display: block; margin-bottom: 6px; color: var(--text-main); font-weight: 500;\">Email\n                                Address<\/label>\n                            <input type=\"email\" name=\"email\" required placeholder=\"admin@yourcompany.com\"\n                                style=\"width: 100%; padding: 12px; border: 1px solid var(--glass-border); border-radius: 8px; font-size: 1rem;\">\n                        <\/div>\n\n                        <div style=\"margin-bottom: 18px;\">\n                            <label style=\"display: block; margin-bottom: 6px; color: var(--text-main); font-weight: 500;\">Admin\n                                Username<\/label>\n                            <input type=\"text\" name=\"admin_username\" required placeholder=\"Choose admin username\"\n                                pattern=\"[a-z0-9_]+\"\n                                style=\"width: 100%; padding: 12px; border: 1px solid var(--glass-border); border-radius: 8px; font-size: 1rem;\">\n                            <small style=\"color: var(--text-muted); display: block; margin-top: 4px;\">Lowercase letters,\n                                numbers, and underscores only<\/small>\n                        <\/div>\n\n                        <div style=\"margin-bottom: 25px;\">\n                            <label style=\"display: block; margin-bottom: 6px; color: var(--text-main); font-weight: 500;\">Admin\n                                Password<\/label>\n                            <input type=\"password\" name=\"admin_password\" required placeholder=\"Strong password\" minlength=\"8\"\n                                style=\"width: 100%; padding: 12px; border: 1px solid var(--glass-border); border-radius: 8px; font-size: 1rem;\">\n                        <\/div>\n\n                        <button type=\"submit\"\n                            style=\"width: 100%; background: var(--primary); color: #000000; border: none; padding: 14px; border-radius: 8px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease;\">\n                            Create My Business\n                        <\/button>\n                    <\/form>\n\n                    <p style=\"text-align: center; color: var(--text-muted); margin-top: 20px; font-size: 0.85rem;\">\n                        Your business site will be created instantly with full admin access\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- FAQ -->\n            <section class=\"vd-section\" style=\"max-width: 800px;\">\n                <h2 style=\"text-align: center;\">Frequently Asked Questions<\/h2>\n                <div class=\"faq-container\">\n                    <div class=\"faq-item\">\n                        <div class=\"faq-question\" onclick=\"toggleVdFaq(this)\">What is Virtualmin and why is it better than\n                            cPanel? <span>+<\/span><\/div>\n                        <div class=\"faq-answer\">Virtualmin is a powerful, open-source web hosting control panel that provides\n                            all the features of cPanel at no additional cost. While cPanel charges $15-45\/month per server,\n                            Virtualmin is included FREE with all Kukee Cloud servers. It offers domain management, email\n                            hosting, database tools, SSL certificates, and one-click app installations just like cPanel, but\n                            with greater flexibility and no licensing fees.<\/div>\n                    <\/div>\n                    <div class=\"faq-item\">\n                        <div class=\"faq-question\" onclick=\"toggleVdFaq(this)\">Is Node.js really pre-installed and ready to use?\n                            <span>+<\/span>\n                        <\/div>\n                        <div class=\"faq-answer\">Yes! Unlike most hosting providers, Node.js comes pre-installed and configured\n                            on all Kukee Cloud Linux servers. You can start deploying Express.js, Next.js, React backends, REST\n                            APIs, and any other Node.js applications immediately without any setup. Full npm\/yarn package\n                            support is included, making it perfect for modern JavaScript development.<\/div>\n                    <\/div>\n                    <div class=\"faq-item\">\n                        <div class=\"faq-question\" onclick=\"toggleVdFaq(this)\">Can I migrate my existing websites from cPanel or\n                            Plesk?\n                            <span>+<\/span>\n                        <\/div>\n                        <div class=\"faq-answer\">Absolutely! Virtualmin includes built-in migration tools that make it easy to\n                            transfer your websites from cPanel, Plesk, or any other control panel. You can also request free\n                            migration assistance from our support team. We'll help you move your domains, databases, email\n                            accounts, and files with minimal downtime.<\/div>\n                    <\/div>\n                    <div class=\"faq-item\">\n                        <div class=\"faq-question\" onclick=\"toggleVdFaq(this)\">What programming languages and frameworks are\n                            supported?\n                            <span>+<\/span>\n                        <\/div>\n                        <div class=\"faq-answer\">Kukee Cloud servers support a wide range of languages and frameworks including\n                            PHP (all versions), Node.js, Python, Ruby, and Perl. You can run WordPress, Laravel, Django,\n                            Express.js, Next.js, Ruby on Rails, and many other frameworks. The server environment is fully\n                            customizable through Virtualmin.<\/div>\n                    <\/div>\n                    <div class=\"faq-item\">\n                        <div class=\"faq-question\" onclick=\"toggleVdFaq(this)\">How do I deploy a Node.js application on\n                            Virtualmin?\n                            <span>+<\/span>\n                        <\/div>\n                        <div class=\"faq-answer\">Deploying Node.js apps on Virtualmin is straightforward. You can upload your\n                            application files via SFTP, use Git to clone your repository, or use the built-in file manager. Then\n                            configure your app's port and start command through Virtualmin's user-friendly interface or via SSH.\n                            Process managers like PM2 are also supported for production deployments.<\/div>\n                    <\/div>\n                    <div class=\"faq-item\">\n                        <div class=\"faq-question\" onclick=\"toggleVdFaq(this)\">Do you offer free SSL certificates?\n                            <span>+<\/span>\n                        <\/div>\n                        <div class=\"faq-answer\">Yes! Virtualmin includes free Let's Encrypt SSL certificate integration. You can\n                            generate and auto-renew SSL certificates for all your domains with just a few clicks. This ensures\n                            your websites are secure and trusted by browsers, improving SEO and user confidence.<\/div>\n                    <\/div>\n                    <div class=\"faq-item\">\n                        <div class=\"faq-question\" onclick=\"toggleVdFaq(this)\">What kind of support do you provide?\n                            <span>+<\/span>\n                        <\/div>\n                        <div class=\"faq-answer\">We offer 24\/7 customer support for all plans. Our team can assist with server\n                            setup, Virtualmin configuration, application deployment, troubleshooting, and general hosting\n                            questions. For Business and Enterprise plans, you get priority support with faster response times.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n        <\/div>\n\n        <!-- Login Modal -->\n        <div id=\"vd-login-modal\" class=\"vd-modal-overlay\">\n            <div class=\"vd-login-box\">\n                <span onclick=\"document.getElementById('vd-login-modal').style.display='none'\"\n                    style=\"position: absolute; top: 16px; right: 16px; color: #9ca3af; cursor: pointer; font-size: 1.75rem; line-height: 1; transition: color 0.2s ease;\"\n                    onmouseover=\"this.style.color='#6b7280'\" onmouseout=\"this.style.color='#9ca3af'\">&times;<\/span>\n                <img decoding=\"async\" src=\"https:\/\/bajhi.com\/wp-content\/uploads\/sites\/433\/2025\/01\/Outgrid-Favicon-150x150.png\" alt=\"Site Logo\" class=\"vd-modal-logo\">                <h2>Welcome Back<\/h2>\n                <form class=\"woocommerce-form woocommerce-form-login login\" method=\"post\" >\n\n\t\n\t\n\t<p class=\"form-row form-row-first\">\n\t\t<label for=\"username\">Username or email&nbsp;<span class=\"required\" aria-hidden=\"true\">*<\/span><span class=\"screen-reader-text\">Required<\/span><\/label>\n\t\t<input type=\"text\" class=\"input-text\" name=\"username\" id=\"username\" autocomplete=\"username\" required aria-required=\"true\" \/>\n\t<\/p>\n\t<p class=\"form-row form-row-last\">\n\t\t<label for=\"password\">Password&nbsp;<span class=\"required\" aria-hidden=\"true\">*<\/span><span class=\"screen-reader-text\">Required<\/span><\/label>\n\t\t<input class=\"input-text woocommerce-Input\" type=\"password\" name=\"password\" id=\"password\" autocomplete=\"current-password\" required aria-required=\"true\" \/>\n\t<\/p>\n\t<div class=\"clear\"><\/div>\n\n\t\n\t<p class=\"form-row\">\n\t\t<label class=\"woocommerce-form__label woocommerce-form__label-for-checkbox woocommerce-form-login__rememberme\">\n\t\t\t<input class=\"woocommerce-form__input woocommerce-form__input-checkbox\" name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> <span>Remember me<\/span>\n\t\t<\/label>\n\t\t<input type=\"hidden\" id=\"woocommerce-login-nonce\" name=\"woocommerce-login-nonce\" value=\"24cf93f021\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/kukeecloud\/wp-json\/wp\/v2\/pages\/238\/\" \/>\t\t<input type=\"hidden\" name=\"redirect\" value=\"https:\/\/bajhi.com\/kukeecloud\/\" \/>\n\t\t<button type=\"submit\" class=\"woocommerce-button button woocommerce-form-login__submit\" name=\"login\" value=\"Login\">Login<\/button>\n\t<\/p>\n\t<p class=\"lost_password\">\n\t\t<a href=\"https:\/\/bajhi.com\/kukeecloud\/wp-login.php?action=lostpassword\">Lost your password?<\/a>\n\t<\/p>\n\n\t<div class=\"clear\"><\/div>\n\n\t\n<\/form>\n                <p\n                    style=\"text-align: center; margin-top: 20px; padding-top: 20px; border-top: 1px solid #f3f4f6; font-size: 0.875rem; color: var(--text-muted);\">\n                    New to Kukee? <a href=\"https:\/\/bajhi.com\/kukeecloud\/wp-login.php?action=register\"\n                        style=\"color: var(--primary); text-decoration: none; font-weight: 600; transition: color 0.2s ease;\"\n                        onmouseover=\"this.style.color='var(--primary-dark)'\"\n                        onmouseout=\"this.style.color='var(--primary)'\">Create an account<\/a>\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <script>\n            function openVdLogin() {\n                document.getElementById('vd-login-modal').style.display = 'flex';\n            }\n            function toggleVdFaq(element) {\n                const item = element.parentElement;\n                item.classList.toggle('active');\n                const span = element.querySelector('span');\n                span.innerText = item.classList.contains('active') ? '-' : '+';\n            }\n\n            \/\/ Guest Tab Switching Logic\n            window.vd_switch_guest_plan_tab = function (planType) {\n                document.querySelectorAll('.vd-guest-tab-btn').forEach(btn => btn.classList.remove('vd-active'));\n                document.getElementById('vd-guest-tab-' + planType).classList.add('vd-active');\n                document.querySelectorAll('.guest-plan-content-group').forEach(content => content.style.display = 'none');\n                document.getElementById('guest-plan-content-' + planType).style.display = 'block';\n            };\n\n            \/\/ Close modal on outside click\n            window.onclick = function (event) {\n                const modal = document.getElementById('vd-login-modal');\n                if (event.target == modal) {\n                    modal.style.display = \"none\";\n                }\n            }\n        <\/script>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-238","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bajhi.com\/kukeecloud\/wp-json\/wp\/v2\/pages\/238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bajhi.com\/kukeecloud\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bajhi.com\/kukeecloud\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bajhi.com\/kukeecloud\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bajhi.com\/kukeecloud\/wp-json\/wp\/v2\/comments?post=238"}],"version-history":[{"count":4,"href":"https:\/\/bajhi.com\/kukeecloud\/wp-json\/wp\/v2\/pages\/238\/revisions"}],"predecessor-version":[{"id":252,"href":"https:\/\/bajhi.com\/kukeecloud\/wp-json\/wp\/v2\/pages\/238\/revisions\/252"}],"wp:attachment":[{"href":"https:\/\/bajhi.com\/kukeecloud\/wp-json\/wp\/v2\/media?parent=238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}