:root {
                --primary: #4f46e5;
                --primary-dark: #4338ca;
                --dark: #0f172a;
                --text-main: #334155;
                --text-muted: #64748b;
                --bg-canvas: #f8fafc;
                --card-bg: #ffffff;
                --border: #e2e8f0;
            }

            body {
                font-family: 'Outfit', sans-serif;
                background-color: var(--bg-canvas);
                color: var(--text-main);
            }

            /* --- PARTNER SECTION WRAPPER --- */
            .partner-section {
                padding: 80px 20px;
                display: flex;
                justify-content: center;
                align-items: center;
                min-height: 80vh;
                /* Centers vertically on desktop */
                background: radial-gradient(circle at 10% 20%, rgba(79, 70, 229, 0.05) 0%, transparent 40%);
            }

            /* --- THE MAIN UNIFIED CARD --- */
            .partner-card {
                background: white;
                border-radius: 24px;
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
                border: 1px solid var(--border);
                max-width: 1100px;
                width: 100%;
                display: grid;
                grid-template-columns: 1.4fr 1fr;
                /* Split layout */
                overflow: hidden;
                /* Keeps child gradients inside */
            }

            /* --- LEFT SIDE: CONTENT --- */
            .partner-content {
                padding: 60px;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

            .badge-pill {
                display: inline-block;
                background: #eff6ff;
                color: var(--primary);
                font-size: 0.8rem;
                font-weight: 700;
                padding: 6px 14px;
                border-radius: 50px;
                text-transform: uppercase;
                letter-spacing: 1px;
                margin-bottom: 20px;
                width: fit-content;
            }

            .partner-title {
                font-size: 2.5rem;
                font-weight: 800;
                color: var(--dark);
                line-height: 1.1;
                margin-bottom: 15px;
            }

            .partner-desc {
                font-size: 1.1rem;
                color: var(--text-muted);
                line-height: 1.6;
                margin-bottom: 40px;
            }

            /* Feature Grid (2x2) */
            .features-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 25px;
            }

            .feature-item {
                display: flex;
                align-items: flex-start;
                gap: 15px;
            }

            .feature-icon {
                width: 40px;
                height: 40px;
                background: var(--bg-canvas);
                border-radius: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--primary);
                flex-shrink: 0;
            }

            .feature-text h4 {
                font-size: 1rem;
                font-weight: 700;
                margin: 0 0 4px;
                color: var(--dark);
            }

            .feature-text p {
                font-size: 0.85rem;
                color: var(--text-muted);
                margin: 0;
                line-height: 1.4;
            }

            /* --- RIGHT SIDE: PRICING (Dark Mode) --- */
            .partner-pricing {
                background: var(--dark);
                padding: 60px;
                color: white;
                display: flex;
                flex-direction: column;
                justify-content: center;
                position: relative;
                overflow: hidden;
            }

            /* Abstract Glow Background */
            .partner-pricing::before {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                width: 300px;
                height: 300px;
                background: radial-gradient(circle, rgba(79, 70, 229, 0.4) 0%, transparent 70%);
                transform: translate(30%, -30%);
                border-radius: 50%;
            }

            .price-tag {
                font-size: 3.5rem;
                font-weight: 800;
                margin-bottom: 5px;
                display: flex;
                align-items: baseline;
                gap: 10px;
                position: relative;
                z-index: 1;
            }

            .price-period {
                font-size: 1.25rem;
                font-weight: 500;
                color: rgba(255, 255, 255, 0.6);
            }

            .price-note {
                color: rgba(255, 255, 255, 0.7);
                font-size: 0.95rem;
                margin-bottom: 30px;
                position: relative;
                z-index: 1;
            }

            .pricing-list {
                list-style: none;
                padding: 0;
                margin: 0 0 40px;
                position: relative;
                z-index: 1;
            }

            .pricing-list li {
                display: flex;
                align-items: center;
                gap: 10px;
                margin-bottom: 12px;
                font-size: 1rem;
                color: rgba(255, 255, 255, 0.9);
            }

            .pricing-list svg {
                color: #4ade80;
                /* Green check */
            }

            .btn-partner {
                background: var(--primary);
                color: white;
                width: 100%;
                padding: 18px;
                border-radius: 12px;
                font-size: 1.1rem;
                font-weight: 700;
                text-align: center;
                text-decoration: none;
                border: 1px solid rgba(255, 255, 255, 0.1);
                transition: all 0.3s ease;
                position: relative;
                z-index: 1;
            }

            .btn-partner:hover {
                background: white;
                color: var(--dark);
                transform: translateY(-2px);
            }

            /* --- RESPONSIVE --- */
            @media (max-width: 992px) {
                .partner-card {
                    grid-template-columns: 1fr;
                    max-width: 600px;
                }

                .partner-content {
                    padding: 40px 30px;
                }

                .partner-pricing {
                    padding: 40px 30px;
                }

                .features-grid {
                    grid-template-columns: 1fr;
                }

                .partner-title {
                    font-size: 2rem;
                }
            }