.promo-box{position:relative;width:100%;max-width:680px;margin:40px auto 30px;background-size:cover;background-position:50%;border:2px solid var(--promo-main-color);border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.12);padding:35px 25px 25px;box-sizing:border-box;text-align:center}.promo-box .badge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background-color:var(--promo-main-color);color:#fff;padding:6px 20px;border-radius:20px;font-family:inter,sans-serif;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 8px rgba(0,0,0,.1)}.promo-box .badge i{color:var(--promo-icon-color);font-size:16px;margin:0 4px}.promo-box .title{font-family:inter,sans-serif;font-size:20px;color:var(--promo-main-color);font-weight:700;margin:0 0 12px}.promo-box .body{font-family:inter,sans-serif;font-size:15px;line-height:1.5;color:#2c3e50;margin:0 0 15px}.promo-box .body a{color:var(--promo-main-color);font-weight:700;text-decoration:underline}.promo-box .highlight-text{font-family:inter,sans-serif;font-size:15px;font-weight:700;color:#2c3e50;margin:0 0 20px}.promo-box .btn-promo{display:inline-block;background-color:var(--promo-main-color);color:#fff;padding:10px 24px;border-radius:6px;font-family:inter,sans-serif;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 4px 10px rgba(0,0,0,.15);transition:all .2s ease}.promo-box .btn-promo:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.2)}@media only screen and (max-width:580px){.promo-box{padding:30px 15px 20px}.promo-box .title{font-size:18px}.promo-box .body,.promo-box .highlight-text{font-size:14px}}