.section-promo{margin: 40px auto}
.promo-banner {display: flex;background: linear-gradient(135deg, #cb11ab 0%, #481173 100%); border-radius: 20px;overflow: hidden;min-height: 400px;box-shadow: 0 10px 40px rgba(72, 17, 115, 0.2);color: white;}
.promo-image{flex: 1; position: relative; min-height: 300px; mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0));-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0))}
.promo-image img{width:100%; height:100%; object-fit:cover; object-position:center}
.promo-content{flex: 1;padding: 60px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;z-index: 2}
.promo-subtitle{font-size: 14px;color: white;margin-bottom: 16px;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;background: rgba(255, 255, 255, 0.2);padding: 6px 12px;border-radius: 6px;backdrop-filter: blur(4px)}
.promo-title{font-size: 36px;font-weight: 800;color: white;line-height: 1.2;margin-bottom: 20px;text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)}
.promo-text {font-size: 16px;color: rgba(255, 255, 255, 0.9);line-height: 1.6;margin-bottom: 32px;max-width: 420px}
.btn-promo {display: inline-flex;align-items: center;gap: 8px;background: white; color: #cb11ab; padding: 16px 36px;border-radius: 12px;text-decoration: none;font-weight: 700;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1)}
.btn-promo:hover{background: #f0f0f0;transform: translateY(-2px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);color: #a60e8c}
@media (max-width: 900px) {
    .promo-banner {flex-direction: column;}
	.promo-image{mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0));-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0))}
	.promo-image {max-height: 540px;}
    .promo-content {padding: 30px;align-items: center;text-align: center;}
}
@media (max-width: 600px) {
    .promo-title {font-size: 22px}
    .promo-text {font-size: 14px}
    .promo-content{padding: 24px}
}
@media (max-width: 375px) {
    .promo-title {font-size: 20px;}
    .promo-text {font-size: 13px;}
    .promo-content {padding: 20px;}
    .btn-promo {padding: 12px 24px;font-size: 14px;}
}