.cta-section {
    background: var(--primary);
    position: relative;
    overflow: hidden;
}

.cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}

.cta-content {
    position: relative;
    z-index: 2;
    padding: 4rem 2rem;
    text-align: center;
}

.cta-title {
    color: white;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
    line-height: 1.3;
}

.cta-description {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.1rem;
    margin-bottom: 2rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.cta-button {
    display: inline-block;
    padding: 1rem 2rem;
    font-size: 1.1rem;
    font-weight: 600;
    color: white;
    background-color: var(--secondary);
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.cta-button:hover {
    background-color: transparent;
    border-color: white;
    transform: translateY(-2px);
}

.cta-pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0L7.372 3.657 8.787 5.07 13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM16.686 0L10.2 6.485 11.616 7.9l7.9-7.9h-2.83zM37.656 0l8.485 8.485-1.414 1.414L36.242 0h1.414zM22.344 0l-8.485 8.485 1.415 1.414L23.758 0h-1.414zM32.4 0l10.142 10.142-1.414 1.414L30.986 0H32.4zm-4.8 0L17.458 10.142l1.414 1.414L29.014 0h-1.414zM27.172 0l11.799 11.799-1.414 1.414L25.758 0h1.414zM38.828 0L27.03 11.799l1.414 1.414L40.242 0h-1.414zM24 0l12.485 12.485-1.414 1.415L22.586 0H24zm2.828 0L14.343 12.485l1.415 1.415L26.414 0h.414zm-7.656 0l13.17 13.17-1.414 1.415L16.757 0h2.415zm8.485 0L14.343 17.657l1.414 1.415L28.243 0h-.586zM16.343 0L4.543 11.8l1.415 1.414L17.757 0h-1.414zM6.343 0L0 6.343l1.414 1.414L7.757 0H6.343zm3.657 0L0 10l1.414 1.414L11.757 0H10zM2.828 0L0 2.828l1.414 1.415L4.242 0H2.828zM0 1.414L1.414 0h.414L0 1.828v-.414zM0 17.657l1.414 1.414-.707.707-1.414-1.414.707-.707zm0-2.829l2.121 2.122-1.414 1.414L0 18.364v-3.536zm0-2.828l3.536 3.535-1.414 1.415L0 15.536v-3.536zm0-2.828l4.95 4.95-1.414 1.414L0 12.707V9.879zm0-2.829l6.364 6.364-1.414 1.415L0 9.879V7.05zm0-2.828l7.778 7.778-1.414 1.414L0 7.05V4.222zM0 1.414L9.192 10.606l-1.414 1.415L0 4.222V1.414zm0 11.314L4.222 17.95l-1.414 1.414L0 15.536v-2.808zm0-2.829l5.636 5.636-1.414 1.415L0 12.707V9.879zm0-2.828l7.05 7.05-1.414 1.414L0 9.879V7.05zm0-2.829l8.465 8.464-1.415 1.414L0 7.05V4.222zm0-2.828l9.879 9.879-1.414 1.414L0 4.222V1.394zm.707 19.393l10.586-10.586 1.414 1.414-10.586 10.586-1.414-1.414zm2.121 2.121l10.586-10.586 1.414 1.415-10.586 10.585-1.414-1.414zm2.122 2.122l10.585-10.586 1.414 1.414-10.585 10.586-1.414-1.414zm2.121 2.121l10.586-10.586 1.414 1.414-10.586 10.586-1.414-1.414zm2.121 2.121l10.586-10.586 1.414 1.415-10.586 10.585-1.414-1.414zM0 0h60v60H0V0z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
    opacity: 0.1;
}

@media (max-width: 768px) {
    .cta-title {
        font-size: 1.75rem;
    }
    
    .cta-description {
        font-size: 1rem;
    }
    
    .cta-button {
        padding: 0.875rem 1.75rem;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .cta-content {
        padding: 3rem 1rem;
    }
    
    .cta-title {
        font-size: 1.5rem;
    }
    
    .cta-button {
        width: 100%;
        text-align: center;
    }
}