:root {
            --primary: #351C59;
            --primary-rgb: 53, 28, 89;
            --primary-light: #8B5CF6;
            --primary-soft: #C4B5FD;
            --bg-main: #0F0814;
            --bg-deep: #0A0510;
            --text-main: #F8F8FA;
            --accent: #FB923C;
            --border: rgba(167, 139, 250, 0.15);
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--bg-main);
            color: var(--text-main);
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Plus Jakarta Sans', sans-serif;
            letter-spacing: -0.04em;
        }


        .nav-scrolled {
            background-color: rgba(21, 13, 29, 0.85) !important;
            backdrop-filter: blur(24px);
            border-bottom: 1px solid rgba(167, 139, 250, 0.2);
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }

        .mobile-menu-open {
            display: flex !important;
            animation: slideDown 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }
.nav-menu.space-x-10 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 2.3rem !important;
}
/* Fluent Form Submit Button – match Consultation CTA */
.ff-btn-submit {
    padding: 0.875rem 2rem; /* py-3.5 px-8 */
    border-radius: 9999px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #ffffff;
    background: linear-gradient(135deg, #351C59, #8B5CF6);
    box-shadow: 0 10px 40px rgba(139, 92, 246, 0.3);
    transition: all 0.5s ease;
    border: none;
}

/* Hover / Active effects */
.ff-btn-submit:hover {
    transform: scale(1.05);
    box-shadow: 0 20px 100px rgba(139, 92, 246, 0.5);
}

.ff-btn-submit:active {
    transform: scale(0.95);
}