.tf-promo{margin:28px 0;padding:25px;border:1px solid var(--line,#343c56);border-radius:16px;background:var(--surface,#1b2238);overflow:hidden}
.tf-promo-layout{display:flex;gap:28px;align-items:center}.tf-promo-copy{min-width:0;flex:1}.tf-promo-copy h2{font-size:clamp(25px,3vw,34px);line-height:1.15;margin:0 0 12px}.tf-promo-copy>p{font-size:14px;line-height:1.65}.tf-promo-copy .tf-promo-label{margin:0 0 10px;color:var(--lime,#d9ff64);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:bold}.tf-promo-image{display:block;width:32%;max-width:300px;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.tf-promo-copy .tf-promo-disclosure{font-size:11px;margin:13px 0 0;color:var(--muted,#babdd1)}.tf-promo-test{display:block;padding:8px 12px;margin:0 0 16px;background:#352d4d;border:1px solid #78679e;border-radius:6px;color:#e4d6ff;font-size:11px;font-weight:bold;letter-spacing:.02em}.tf-promo-destination{font-size:11px!important;margin:12px 0 0;overflow-wrap:anywhere}.tf-promo-preview-cta{opacity:.75}.tf-promo-dialog{color:var(--white,#f8f6ef);background:var(--surface,#1b2238);border:1px solid #606985;border-radius:18px;width:min(550px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:65px 28px 28px;overflow:auto;overscroll-behavior:contain}.tf-promo-dialog::backdrop{background:#080c18c9;backdrop-filter:blur(3px)}.tf-promo-dialog .tf-promo-layout{display:block}.tf-promo-dialog .tf-promo-image{width:100%;max-width:none;max-height:220px;margin-bottom:22px}.tf-promo-close{position:absolute;right:16px;top:13px;display:inline-flex;gap:12px;align-items:center;min-height:44px;min-width:90px;justify-content:center;background:#101425;color:#f8f6ef;border:1px solid #606985;border-radius:8px;font-size:13px;cursor:pointer}.tf-promo-close span{font-size:23px;line-height:1}.tf-popup-preview{padding:18px 0;border-top:1px dashed #78679e}.tf-popup-preview>p{font-size:12px;margin-bottom:10px}.tf-popup-status:empty{display:none}.tf-popup-preview .tf-popup-status{margin:10px 0 0;color:#e4d6ff}.tf-promo-dialog:not([open]){display:none}
@media(max-width:640px){.tf-promo{padding:20px;margin:24px 0}.tf-promo-layout{display:block}.tf-promo-image{width:100%;max-width:none;max-height:190px;margin-bottom:20px}.tf-promo-dialog{padding:65px 22px 24px}.tf-promo-copy h2{font-size:28px}.tf-promo-copy .button{min-height:48px}.tf-promo-dialog .tf-promo-image{max-height:160px}}
@media(prefers-reduced-motion:reduce){.tf-promo-dialog{scroll-behavior:auto}}