.promo-banner { background: linear-gradient(45deg, var(--accent), #7e22ce); padding: var(--spacing-xl) 0; text-align: center; }
.promo-banner__title { font-size: 3rem; color: #fff; margin-bottom: var(--spacing-sm); }
.promo-banner__text { font-size: 1.5rem; color: #fff; margin-bottom: var(--spacing-md); opacity: 0.9; }

@media (max-width: 768px) {
    .promo-banner__title {
        font-size: 2rem;
    }
    .promo-banner__text {
        font-size: 1.1rem;
    }
}