.banner-config { position: relative; border-radius: 24px; overflow: hidden; height: 300px; display: flex; align-items: center; box-shadow: var(--shadow-lg); padding: 40px 20px; max-width: 1400px; margin: 0 auto; }
.banner-overlay-gradient { background: linear-gradient(to right, rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.4)); }
.banner-content { position: relative; z-index: 2; padding: 40px; max-width: 600px; color: white; }
.banner-subtitle { color: var(--accent); font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; }
.banner-title { font-size: 2.5rem; margin: 10px 0 20px; }
.promo-banner-dark { background: linear-gradient(90deg, #0f172a 0%, #1e293b 100%); border-radius: 24px; padding: 40px; margin-bottom: 60px; position: relative; overflow: hidden; box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.3); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 30px; }
.promo-banner-dark h2, .promo-banner-dark h3 { color: #ffffff !important; }
.promo-banner-dark p, .promo-banner-dark .text-muted { color: #cbd5e1 !important; }
.promo-deco-right { position: absolute; top: 0; right: 0; width: 300px; height: 100%; background: radial-gradient(circle, rgba(212,175,55,0.15) 0%, transparent 70%); pointer-events: none; }
.marketing-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.marketing-img-wrapper { position: relative; }
.marketing-img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 24px; box-shadow: var(--shadow-epic); transform: rotate(2deg); }
.deco-circle { position: absolute; top: -50px; right: -50px; width: 300px; height: 300px; background: rgba(212, 175, 55, 0.05); border-radius: 50%; z-index: 0; }
.deco-square { position: absolute; bottom: 50px; left: -50px; width: 200px; height: 200px; border: 2px solid rgba(15, 23, 42, 0.03); transform: rotate(45deg); z-index: 0; }
.marketing-badge { position: absolute; bottom: -30px; left: -30px; background: white; padding: 20px; border-radius: 16px; box-shadow: var(--shadow-lg); max-width: 200px; }
.marketing-badge-title { color: var(--accent); font-size: 2rem; font-weight: 800; }
.marketing-badge-text { font-size: 0.9rem; font-weight: 600; color: var(--primary); }