.purple-cta {
    margin: var(--section-margin) 0;
}

.purple-cta__inner {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI5OSIgaGVpZ2h0PSIyNTQiIHZpZXdCb3g9IjAgMCAxMjk5IDI1NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC4zNiI+CjxsaW5lIHgxPSIxMDEuMzE2IiB5MT0iMjI2LjY2MSIgeDI9IjExOTcuODEiIHkyPSIyMjYuNjYyIiBzdHJva2U9IiNGRjY4MDkiIHN0cm9rZS13aWR0aD0iMC44NTg2NTEiLz4KPGxpbmUgeDE9IjMxLjc3MzQiIHkxPSIxNDQuMjMxIiB4Mj0iMTI2OC4yMyIgeTI9IjE0NC4yMzEiIHN0cm9rZT0iI0ZGNjgwOSIgc3Ryb2tlLXdpZHRoPSIwLjg1ODY1MSIvPgo8bGluZSB4MT0iMzEuNzczNCIgeTE9Ii0wLjAyMjA5OSIgeDI9IjEyNjguMjMiIHkyPSItMC4wMjE5OTA5IiBzdHJva2U9IiNGRjY4MDkiIHN0cm9rZS13aWR0aD0iMC44NTg2NTEiLz4KPGxpbmUgeDE9IjEwMS43NDYiIHkxPSI3OTguOTUzIiB4Mj0iMTAxLjc0NyIgeTI9Ii0wLjQ1MTQ3NyIgc3Ryb2tlPSIjRkY2ODA5IiBzdHJva2Utd2lkdGg9IjAuODU4NjUxIi8+CjxsaW5lIHgxPSIxMTk3LjM5IiB5MT0iNzk4Ljk1MyIgeDI9IjExOTcuMzkiIHkyPSItMC40NTE0NzciIHN0cm9rZT0iI0ZGNjgwOSIgc3Ryb2tlLXdpZHRoPSIwLjg1ODY1MSIvPgo8bGluZSB4MT0iMTA5Ny43OSIgeTE9Ijc5OC45NTMiIHgyPSIxMDk3Ljc5IiB5Mj0iMTQzLjgwMiIgc3Ryb2tlPSIjRkY2ODA5IiBzdHJva2Utd2lkdGg9IjAuODU4NjUxIi8+CjxsaW5lIHgxPSIyMDEuMzUyIiB5MT0iNzk4Ljk1MyIgeDI9IjIwMS4zNTIiIHkyPSIxNDMuODAyIiBzdHJva2U9IiNGRjY4MDkiIHN0cm9rZS13aWR0aD0iMC44NTg2NTEiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE3ODlfMjMzMTYpIj4KPG1hc2sgaWQ9InBhdGgtOC1pbnNpZGUtMV8xNzg5XzIzMzE2IiBmaWxsPSJ3aGl0ZSI+CjxwYXRoIGQ9Ik0xMTk2Ljk2IDIyNi4yMzNIMTI5OS4xNFY1NTYuODE0SDExOTYuOTZWMjI2LjIzM1oiLz4KPC9tYXNrPgo8bGluZSB4MT0iMTE0NS4xMyIgeTE9IjI2NC45NzkiIHgyPSIxMzEyLjk4IiB5Mj0iMTg2LjcxIiBzdHJva2U9IiNGRjY4MDkiIHN0cm9rZS13aWR0aD0iMC44NTg2NTEiLz4KPGxpbmUgeDE9IjExNDUuMTMiIHkxPSIyNzkuMTY5IiB4Mj0iMTMxMi45OCIgeTI9IjIwMC45IiBzdHJva2U9IiNGRjY4MDkiIHN0cm9rZS13aWR0aD0iMC44NTg2NTEiLz4KPGxpbmUgeDE9IjExNDUuMTMiIHkxPSIyOTMuMzYxIiB4Mj0iMTMxMi45OCIgeTI9IjIxNS4wOTIiIHN0cm9rZT0iI0ZGNjgwOSIgc3Ryb2tlLXdpZHRoPSIwLjg1ODY1MSIvPgo8bGluZSB4MT0iMTE0NS4xMyIgeTE9IjMwNy41NTMiIHgyPSIxMzEyLjk4IiB5Mj0iMjI5LjI4NCIgc3Ryb2tlPSIjRkY2ODA5IiBzdHJva2Utd2lkdGg9IjAuODU4NjUxIi8+CjxsaW5lIHgxPSIxMTQ1LjEzIiB5MT0iMzIxLjc0NCIgeDI9IjEzMTIuOTgiIHkyPSIyNDMuNDc1IiBzdHJva2U9IiNGRjY4MDkiIHN0cm9rZS13aWR0aD0iMC44NTg2NTEiLz4KPC9nPgo8cGF0aCBkPSJNMTE5Ni45NiAyMjYuMjMzVjIyNy4wOTJIMTI5OS4xNFYyMjYuMjMzVjIyNS4zNzRIMTE5Ni45NlYyMjYuMjMzWk0xMjk5LjE0IDU1Ni44MTRWNTU1Ljk1NUgxMTk2Ljk2VjU1Ni44MTRWNTU3LjY3MkgxMjk5LjE0VjU1Ni44MTRaIiBmaWxsPSIjRkY2ODA5IiBtYXNrPSJ1cmwoI3BhdGgtOC1pbnNpZGUtMV8xNzg5XzIzMzE2KSIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfMTc4OV8yMzMxNikiPgo8bWFzayBpZD0icGF0aC0xNS1pbnNpZGUtMl8xNzg5XzIzMzE2IiBmaWxsPSJ3aGl0ZSI+CjxwYXRoIGQ9Ik0wIDIyNi4yMzNIMTAyLjE3OVY1NTYuODE0SDBWMjI2LjIzM1oiLz4KPC9tYXNrPgo8bGluZSB4MT0iLTUxLjgyMjEiIHkxPSIyNjQuOTc5IiB4Mj0iMTE2LjAyNiIgeTI9IjE4Ni43MSIgc3Ryb2tlPSIjRkY2ODA5IiBzdHJva2Utd2lkdGg9IjAuODU4NjUxIi8+CjxsaW5lIHgxPSItNTEuODIyMSIgeTE9IjI3OS4xNjkiIHgyPSIxMTYuMDI2IiB5Mj0iMjAwLjkiIHN0cm9rZT0iI0ZGNjgwOSIgc3Ryb2tlLXdpZHRoPSIwLjg1ODY1MSIvPgo8bGluZSB4MT0iLTUxLjgyMjEiIHkxPSIyOTMuMzYxIiB4Mj0iMTE2LjAyNiIgeTI9IjIxNS4wOTIiIHN0cm9rZT0iI0ZGNjgwOSIgc3Ryb2tlLXdpZHRoPSIwLjg1ODY1MSIvPgo8bGluZSB4MT0iLTUxLjgyMjEiIHkxPSIzMDcuNTUzIiB4Mj0iMTE2LjAyNiIgeTI9IjIyOS4yODQiIHN0cm9rZT0iI0ZGNjgwOSIgc3Ryb2tlLXdpZHRoPSIwLjg1ODY1MSIvPgo8bGluZSB4MT0iLTUxLjgyMjEiIHkxPSIzMjEuNzQ0IiB4Mj0iMTE2LjAyNiIgeTI9IjI0My40NzUiIHN0cm9rZT0iI0ZGNjgwOSIgc3Ryb2tlLXdpZHRoPSIwLjg1ODY1MSIvPgo8L2c+CjxwYXRoIGQ9Ik0wIDIyNi4yMzNWMjI3LjA5MkgxMDIuMTc5VjIyNi4yMzNWMjI1LjM3NEgwVjIyNi4yMzNaTTEwMi4xNzkgNTU2LjgxNFY1NTUuOTU1SDBWNTU2LjgxNFY1NTcuNjcySDEwMi4xNzlWNTU2LjgxNFoiIGZpbGw9IiNGRjY4MDkiIG1hc2s9InVybCgjcGF0aC0xNS1pbnNpZGUtMl8xNzg5XzIzMzE2KSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE3ODlfMjMzMTYiPgo8cGF0aCBkPSJNMTE5Ni45NiAyMjYuMjMzSDEyOTkuMTRWNTU2LjgxNEgxMTk2Ljk2VjIyNi4yMzNaIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAxXzE3ODlfMjMzMTYiPgo8cGF0aCBkPSJNMCAyMjYuMjMzSDEwMi4xNzlWNTU2LjgxNEgwVjIyNi4yMzNaIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPg==') no-repeat top left/cover;
    background-color: var(--color-bg-light-accent);
    border-radius: 24px;
    padding: var(--card-padding);
    text-align: center;
    overflow: hidden;
}

.purple-cta__content {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.purple-cta__title {
    margin-bottom: 20px;
    font-size: clamp(32px, 4.5vw, 52px);
    line-height: 1.18;
}

.purple-cta__title span {
    color: var(--color-accent);
}

.purple-cta__text {
    max-width: 680px;
}

.purple-cta__actions {
    margin-top: clamp(20px, 3.5vw, 40px);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

@media (max-width: 768px) {
    .purple-cta__actions {
        flex-direction: column;
        margin-top: 0;
    }
    
    .purple-cta .btn {
        width: 100%;
    }
}