.cta-section {
    padding: 6rem 0;
    text-align: center;
    background: linear-gradient(180deg, var(--bg-primary) 0%, #1a1a2e 100%);
}

.cta-container {
    max-width: 700px;
}

.cta-title {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.cta-text {
    font-size: 1.25rem;
    color: var(--text-muted);
    margin-bottom: 2.5rem;
}

.btn-lg {
    padding: 1rem 2.5rem;
    font-size: 1.125rem;
}

@media (min-width: 768px) {
    .cta-title {
        font-size: 3.5rem;
    }
}