/*--------------------------------------------------------------
# CTA Section
--------------------------------------------------------------*/
        /* ── CTA Banner ──────────────────────────────────────── */
        .cta-banner {
            background: linear-gradient(135deg, var(--accent-color-dark) 0%, var(--accent-color) 60%, var(--accent-color-light) 100%);
            border-radius: var(--nb-radius-lg);
            position: relative;
            overflow: hidden;
        }

        .cta-banner::before {
            content: '';
            position: absolute;
            right: -60px;
            top: -60px;
            width: 320px;
            height: 320px;
            border-radius: 50%;
            background: rgba(255, 255, 255, .05);
        }

        .cta-banner::after {
            content: '';
            position: absolute;
            right: 80px;
            bottom: -80px;
            width: 220px;
            height: 220px;
            border-radius: 50%;
            background: rgba(0, 194, 255, .08);
        }

        .cta-banner .cta-icon {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            background: rgba(255, 255, 255, .15);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
            color: var(--nb-white);
            flex-shrink: 0;
        }

        .cta-banner .btn-cta {
            background: var(--nb-white);
            color: var(--accent-color);
            font-weight: 700;
            padding: 12px 28px;
            border-radius: 50px;
            border: none;
            transition: transform .2s, box-shadow .2s;
            text-decoration: none;
            display: inline-block;
            font-size: .95rem;
        }

        .cta-banner .btn-cta:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
            color: var(--accent-color-dark);
        }