:root {
                                                                                                --bg: #0b1220;
                                                                                                --card: #0f172a;
                                                                                                --muted: #94a3b8;
                                                                                                --text: #e2e8f0;
                                                                                                --brand: #60a5fa;
                                                                                                --brand-2: #34d399;
                                                                                                --accent: #f59e0b;
                                                                                                --border: #1f2937;
                                                                                                --shadow: 0 20px 50px rgba(0, 0, 0, .35);
                                                                                            }
                                                                                            
                                                                                            * {
                                                                                                box-sizing: border-box
                                                                                            }
                                                                                            
                                                                                            html,
                                                                                            body {
                                                                                                margin: 0;
                                                                                                padding: 0
                                                                                            }
                                                                                            
                                                                                            body {
                                                                                                font-family: 'Inter', sans-serif;
                                                                                                color: var(--text);
                                                                                                background: var(--bg);
                                                                                                line-height: 1.6;
                                                                                            }
                                                                                            
                                                                                            .whatsapp-float {
                                                                                                position: fixed;
                                                                                                width: 60px;
                                                                                                height: 60px;
                                                                                                bottom: 20px;
                                                                                                right: 20px;
                                                                                                z-index: 1000;
                                                                                                background-color: #25d366;
                                                                                                border-radius: 50%;
                                                                                                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
                                                                                                display: flex;
                                                                                                align-items: center;
                                                                                                justify-content: center;
                                                                                                text-decoration: none;
                                                                                            }
                                                                                            
                                                                                            .whatsapp-float img {
                                                                                                width: 35px;
                                                                                                height: 35px;
                                                                                            }
                                                                                            
                                                                                            .countdown-offer {
                                                                                                text-align: center;
                                                                                                background: #fff3cd;
                                                                                                border: 1px solid #ffeeba;
                                                                                                padding: 15px;
                                                                                                border-radius: 8px;
                                                                                                margin-bottom: 30px;
                                                                                                font-family: Arial, sans-serif;
                                                                                            }
                                                                                            
                                                                                            .countdown-offer .offer-text {
                                                                                                font-size: 18px;
                                                                                                margin-bottom: 8px;
                                                                                            }
                                                                                            
                                                                                            .payment-logos {
                                                                                                display: flex;
                                                                                                gap: 15px;
                                                                                                margin-top: 20px;
                                                                                                align-items: center;
                                                                                                justify-content: center;
                                                                                            }
                                                                                            
                                                                                            .payment-logos img {
                                                                                                height: 40px;
                                                                                                width: auto;
                                                                                                object-fit: contain;
                                                                                                transition: transform 0.3s ease;
                                                                                            }
                                                                                            
                                                                                            .payment-logos img:hover {
                                                                                                transform: scale(1.1);
                                                                                            }
                                                                                            
                                                                                            .money-back-guarantee {
                                                                                                text-align: center;
                                                                                                margin-top: 15px;
                                                                                                font-size: 14px;
                                                                                                color: #4CAF50;
                                                                                                font-weight: bold;
                                                                                            }
                                                                                            
                                                                                            .countdown-timer {
                                                                                                font-weight: bold;
                                                                                                font-size: 20px;
                                                                                                color: #d9534f;
                                                                                            }
                                                                                            
                                                                                            #googleplay {
                                                                                                height: 300px;
                                                                                                position: relative;
                                                                                                top: 200px;
                                                                                            }
                                                                                            
                                                                                            .container {
                                                                                                max-width: 1100px;
                                                                                                margin: auto;
                                                                                                padding: 0 20px
                                                                                            }
                                                                                            
                                                                                            .site-footer {
                                                                                                padding: 26px 0;
                                                                                                border-top: 1px solid #334155;
                                                                                                text-align: center
                                                                                            }
                                                                                            
                                                                                            .form-side {
                                                                                                flex: 1;
                                                                                                padding: 40px;
                                                                                            }
                                                                                            
                                                                                            #logo {
                                                                                                width: 50px;
                                                                                            }
                                                                                            
                                                                                            #tester {
                                                                                                color: var(--brand-2);
                                                                                            }
                                                                                            
                                                                                            .how-to-use {
                                                                                                max-width: 900px;
                                                                                                margin: 40px auto;
                                                                                                font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                                                                                                color: #333;
                                                                                                padding: 0 20px;
                                                                                            }
                                                                                            
                                                                                            .how-to-use h2 {
                                                                                                text-align: center;
                                                                                                font-size: 2.2rem;
                                                                                                margin-bottom: 30px;
                                                                                                color: #fff;
                                                                                            }
                                                                                            
                                                                                            .steps-container {
                                                                                                display: flex;
                                                                                                flex-wrap: wrap;
                                                                                                gap: 20px;
                                                                                                justify-content: center;
                                                                                            }
                                                                                            
                                                                                            .step-box {
                                                                                                background: #1e293b;
                                                                                                border: 2px solid #2563eb;
                                                                                                border-radius: 10px;
                                                                                                flex: 1 1 200px;
                                                                                                max-width: 220px;
                                                                                                padding: 20px;
                                                                                                box-shadow: 0 4px 10px rgb(0 115 230 / 0.1);
                                                                                                transition: box-shadow 0.3s ease;
                                                                                            }
                                                                                            
                                                                                            .step-box:hover {
                                                                                                box-shadow: 0 8px 20px rgb(0 115 230 / 0.3);
                                                                                            }
                                                                                            
                                                                                            .step-number {
                                                                                                font-size: 2.5rem;
                                                                                                font-weight: 700;
                                                                                                color: #2563eb;
                                                                                                ;
                                                                                                margin-bottom: 15px;
                                                                                                text-align: center;
                                                                                            }
                                                                                            
                                                                                            .step-title {
                                                                                                font-size: 1.25rem;
                                                                                                font-weight: 600;
                                                                                                margin-bottom: 10px;
                                                                                                text-align: center;
                                                                                                color: #fff;
                                                                                            }
                                                                                            
                                                                                            .step-desc {
                                                                                                font-size: 1rem;
                                                                                                line-height: 1.4;
                                                                                                text-align: center;
                                                                                                color: #fff;
                                                                                            }
                                                                                            
                                                                                            @media (max-width: 600px) {
                                                                                                .steps-container {
                                                                                                    flex-direction: column;
                                                                                                    align-items: center;
                                                                                                }
                                                                                                .step-box {
                                                                                                    max-width: 90%;
                                                                                                }
                                                                                            }
                                                                                            
                                                                                            .trusted-section {
                                                                                                font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                                                                                                color: #fff;
                                                                                                /* dark gray */
                                                                                                max-width: 900px;
                                                                                                margin: auto;
                                                                                                border-radius: 10px;
                                                                                            }
                                                                                            
                                                                                            .trusted-section h2 {
                                                                                                text-align: center;
                                                                                                /* اللون الأزرق اللي طلبته */
                                                                                                font-weight: 700;
                                                                                                font-size: 2.5rem;
                                                                                                margin-bottom: 10px;
                                                                                            }
                                                                                            
                                                                                            .trusted-section p.subtitle {
                                                                                                text-align: center;
                                                                                                font-size: 1.1rem;
                                                                                                color: #4b5563;
                                                                                                /* رمادي متوسط */
                                                                                                margin-bottom: 40px;
                                                                                            }
                                                                                            
                                                                                            .reviews-container {
                                                                                                display: flex;
                                                                                                flex-wrap: wrap;
                                                                                                gap: 25px;
                                                                                                justify-content: center;
                                                                                            }
                                                                                            
                                                                                            .review-card {
                                                                                                border: 2px solid #2563eb;
                                                                                                border-radius: 12px;
                                                                                                padding: 20px;
                                                                                                width: 280px;
                                                                                                box-shadow: 0 4px 8px rgb(0 0 0 / 0.05);
                                                                                                display: flex;
                                                                                                flex-direction: column;
                                                                                                justify-content: space-between;
                                                                                            }
                                                                                            
                                                                                            .stars {
                                                                                                color: #fbbf24;
                                                                                                /* ذهبي */
                                                                                                font-size: 1.3rem;
                                                                                                margin-bottom: 15px;
                                                                                            }
                                                                                            
                                                                                            .review-text {
                                                                                                font-size: 1rem;
                                                                                                margin-bottom: 15px;
                                                                                                flex-grow: 1;
                                                                                                color: #fff;
                                                                                            }
                                                                                            
                                                                                            .reviewer {
                                                                                                font-weight: 700;
                                                                                                color: #2563eb;
                                                                                                text-align: right;
                                                                                            }
                                                                                            
                                                                                            @media (max-width: 640px) {
                                                                                                .reviews-container {
                                                                                                    flex-direction: column;
                                                                                                    align-items: center;
                                                                                                }
                                                                                                .review-card {
                                                                                                    width: 90%;
                                                                                                }
                                                                                                .cards-3 {
                                                                                                    display: flex;
                                                                                                    flex-wrap: wrap;
                                                                                                }
                                                                                                .feature-card {
                                                                                                    width: 100%;
                                                                                                }
                                                                                                .hero-grid {
                                                                                                    display: flex!important;
                                                                                                    flex-wrap: wrap;
                                                                                                }
                                                                                                #googleplay {
                                                                                                    height: auto;
                                                                                                    top: 0;
                                                                                                    width: 100%;
                                                                                                }
                                                                                                .containerpay {
                                                                                                    display: block!important;
                                                                                                }
                                                                                            }
                                                                                            
                                                                                            .pay {
                                                                                                margin-top: 25px;
                                                                                            }
                                                                                            
                                                                                            .info-side {
                                                                                                flex: 1;
                                                                                                background: #0070ba;
                                                                                                color: #fff;
                                                                                                padding: 40px;
                                                                                                display: flex;
                                                                                                align-items: center;
                                                                                                justify-content: center;
                                                                                                text-align: center;
                                                                                            }
                                                                                            
                                                                                            button:disabled {
                                                                                                opacity: 0.6;
                                                                                                cursor: not-allowed;
                                                                                            }
                                                                                            
                                                                                            .spinner {
                                                                                                width: 18px;
                                                                                                height: 18px;
                                                                                                border: 3px solid #fff;
                                                                                                border-top: 3px solid #333;
                                                                                                border-radius: 50%;
                                                                                                animation: spin 0.8s linear infinite;
                                                                                                display: inline-block;
                                                                                                vertical-align: middle;
                                                                                            }
                                                                                            
                                                                                            @keyframes spin {
                                                                                                to {
                                                                                                    transform: rotate(360deg);
                                                                                                }
                                                                                            }
                                                                                            
                                                                                            #toast {
                                                                                                visibility: hidden;
                                                                                                min-width: 200px;
                                                                                                background-color: #066a29;
                                                                                                color: #fff;
                                                                                                text-align: center;
                                                                                                border-radius: 6px;
                                                                                                padding: 12px 20px;
                                                                                                position: fixed;
                                                                                                z-index: 9999;
                                                                                                top: 20px;
                                                                                                right: 20px;
                                                                                                transform: translateX(-50%);
                                                                                                font-size: 16px;
                                                                                                opacity: 0;
                                                                                                transition: opacity 0.5s ease, visibility 0.5s;
                                                                                            }
                                                                                            
                                                                                            #toast.show {
                                                                                                visibility: visible;
                                                                                                opacity: 1;
                                                                                            }
                                                                                            
                                                                                            .info-side p {
                                                                                                color: #fff;
                                                                                            }
                                                                                            
                                                                                            .phone-group {
                                                                                                display: flex;
                                                                                                margin-bottom: 15px;
                                                                                                background-color: #fff;
                                                                                            }
                                                                                            
                                                                                            .phone-group select {
                                                                                                display: none;
                                                                                                width: 30%;
                                                                                            }
                                                                                            
                                                                                            .iti__country-name {
                                                                                                color: #000!important;
                                                                                            }
                                                                                            
                                                                                            .iti {
                                                                                                width: 100% !important;
                                                                                            }
                                                                                            
                                                                                            .phone-group input {
                                                                                                width: 70%;
                                                                                            }
                                                                                            
                                                                                            .form-side h2 {
                                                                                                margin-bottom: 20px;
                                                                                            }
                                                                                            
                                                                                            .form-side label {
                                                                                                display: block;
                                                                                                margin-bottom: 5px;
                                                                                                font-weight: bold;
                                                                                            }
                                                                                            
                                                                                            .form-side input {
                                                                                                width: 100%;
                                                                                                padding: 10px;
                                                                                                border-radius: 5px;
                                                                                                border: 1px solid #ccc;
                                                                                                box-sizing: border-box;
                                                                                                outline: none;
                                                                                            }
                                                                                            
                                                                                            .form-side button {
                                                                                                padding: 12px;
                                                                                                width: 100%;
                                                                                                background: #0070ba;
                                                                                                color: #fff;
                                                                                                border: none;
                                                                                                border-radius: 5px;
                                                                                                cursor: pointer;
                                                                                                font-size: 16px;
                                                                                            }
                                                                                            
                                                                                            .form-side button:hover {
                                                                                                background: #005c99;
                                                                                            }
                                                                                            
                                                                                            .email-code {
                                                                                                display: flex;
                                                                                                gap: 10px;
                                                                                            }
                                                                                            
                                                                                            .email-code input {
                                                                                                flex: 1;
                                                                                            }
                                                                                            
                                                                                            .containerpay {
                                                                                                display: flex;
                                                                                                background: #1e293b;
                                                                                                border-radius: 10px;
                                                                                                justify-content: center;
                                                                                                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
                                                                                                overflow: hidden;
                                                                                                max-width: 1100px;
                                                                                                margin: auto;
                                                                                            }
                                                                                            
                                                                                            .steps-container h2 {
                                                                                                width: 100%;
                                                                                            }
                                                                                            
                                                                                            a {
                                                                                                color: inherit;
                                                                                                text-decoration: none
                                                                                            }
                                                                                            
                                                                                            p {
                                                                                                color: var(--muted)
                                                                                            }
                                                                                            
                                                                                            .btn {
                                                                                                display: inline-flex;
                                                                                                align-items: center;
                                                                                                justify-content: center;
                                                                                                padding: 14px 22px;
                                                                                                border-radius: 999px;
                                                                                                border: 1px solid transparent;
                                                                                                font-weight: 600;
                                                                                                cursor: pointer
                                                                                            }
                                                                                            
                                                                                            .btn-primary {
                                                                                                background: #2563eb;
                                                                                                color: #fff
                                                                                            }
                                                                                            
                                                                                            .btn-outline {
                                                                                                background: transparent;
                                                                                                border: 1px solid #334155;
                                                                                                color: #e2e8f0
                                                                                            }
                                                                                            
                                                                                            .btn-ghost {
                                                                                                background: transparent
                                                                                            }
                                                                                            
                                                                                            .btn-block {
                                                                                                width: 100%
                                                                                            }
                                                                                            
                                                                                            .small {
                                                                                                font-size: .9rem;
                                                                                                color: var(--muted)
                                                                                            }
                                                                                            
                                                                                            .note {
                                                                                                margin-top: 10px
                                                                                            }
                                                                                            
                                                                                            .site-header {
                                                                                                display: flex;
                                                                                                align-items: center;
                                                                                                justify-content: space-between;
                                                                                                padding: 18px 0;
                                                                                                background: #0b1220;
                                                                                                position: sticky;
                                                                                                top: 0
                                                                                            }
                                                                                            
                                                                                            .brand {
                                                                                                display: flex;
                                                                                                align-items: center;
                                                                                                gap: 10px;
                                                                                                font-weight: 900
                                                                                            }
                                                                                            
                                                                                            .brand-mark {
                                                                                                background: linear-gradient(135deg, #2563eb, #34d399);
                                                                                                padding: 5px;
                                                                                                border-radius: 50%
                                                                                            }
                                                                                            
                                                                                            .nav {
                                                                                                display: flex;
                                                                                                gap: 18px
                                                                                            }
                                                                                            
                                                                                            .burger {
                                                                                                display: none;
                                                                                                background: none;
                                                                                                border: 0;
                                                                                                color: #fff;
                                                                                                font-size: 22px
                                                                                            }
                                                                                            
                                                                                            @media(max-width:860px) {
                                                                                                .nav {
                                                                                                    display: none
                                                                                                }
                                                                                                .nav.open {
                                                                                                    display: flex;
                                                                                                    flex-direction: column
                                                                                                }
                                                                                                .burger {
                                                                                                    display: block
                                                                                                }
                                                                                            }
                                                                                            
                                                                                            .hero {
                                                                                                padding: 72px 0;
                                                                                                text-align: left
                                                                                            }
                                                                                            
                                                                                            .hero-grid {
                                                                                                display: grid;
                                                                                                grid-template-columns: 1.3fr .9fr;
                                                                                                gap: 36px
                                                                                            }
                                                                                            
                                                                                            .hero h1 {
                                                                                                font-size: 42px;
                                                                                                font-weight: 900
                                                                                            }
                                                                                            
                                                                                            .accent {
                                                                                                color: var(--brand-2)
                                                                                            }
                                                                                            
                                                                                            .lead {
                                                                                                font-size: 18px;
                                                                                                margin-bottom: 20px
                                                                                            }
                                                                                            
                                                                                            .hero-points {
                                                                                                list-style: none;
                                                                                                padding: 0;
                                                                                                margin: 20px 0;
                                                                                                display: grid;
                                                                                                gap: 10px
                                                                                            }
                                                                                            
                                                                                            .hero-card .card {
                                                                                                background: #1e293b;
                                                                                                border-radius: 16px;
                                                                                                padding: 18px
                                                                                            }
                                                                                            
                                                                                            .badge {
                                                                                                background: #f59e0b;
                                                                                                color: #fff;
                                                                                                padding: 5px 10px;
                                                                                                border-radius: 12px
                                                                                            }
                                                                                            
                                                                                            .cards-3 {
                                                                                                display: flex;
                                                                                                grid-template-columns: repeat(3, 1fr);
                                                                                                gap: 18px
                                                                                            }
                                                                                            
                                                                                            .feature-card {
                                                                                                background: #1e293b;
                                                                                                padding: 18px;
                                                                                                border-radius: 14px
                                                                                            }
                                                                                            
                                                                                            .steps {
                                                                                                list-style: none;
                                                                                                padding: 0;
                                                                                                display: grid;
                                                                                                gap: 14px
                                                                                            }
                                                                                            
                                                                                            .step-num {
                                                                                                background: #2563eb;
                                                                                                color: #fff;
                                                                                                border-radius: 50%;
                                                                                                padding: 10px 15px
                                                                                            }
                                                                                            
                                                                                            .pricing-grid {
                                                                                                display: grid;
                                                                                                place-items: center;
                                                                                            }
                                                                                            
                                                                                            .price-card {
                                                                                                background: #1e293b;
                                                                                                padding: 36px 79px;
                                                                                                border-radius: 16px
                                                                                            }
                                                                                            
                                                                                            .price {
                                                                                                font-size: 40px;
                                                                                                font-weight: 900
                                                                                            }
                                                                                            
                                                                                            .faq {
                                                                                                background: #1e293b;
                                                                                                padding: 12px;
                                                                                                border-radius: 12px;
                                                                                                margin: 10px 0
                                                                                            }
                                                                                            
                                                                                            .contact-form {
                                                                                                max-width: 760px;
                                                                                                margin: auto
                                                                                            }
                                                                                            
                                                                                            .contact-form input,
                                                                                            .contact-form textarea {
                                                                                                width: 100%;
                                                                                                padding: 12px;
                                                                                                border-radius: 12px;
                                                                                                border: 1px solid #334155;
                                                                                                background: #0f172a;
                                                                                                color: #fff
                                                                                            }