.promo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(var(--xd-color-black-rgb),.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:promo-fade .2s ease}.promo-card{position:relative;width:100%;max-width:460px;max-height:calc(100dvh - 40px);overflow-y:auto;padding:14px;border-radius:22px;background:var(--xd-color-white);box-shadow:0 24px 60px rgba(var(--xd-color-black-rgb),.28);animation:promo-rise .26s cubic-bezier(.22,.61,.36,1)}.dark .promo-card{background:var(--xd-color-grey-825)}.promo-close{position:absolute;top:18px;right:18px;z-index:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:rgba(var(--xd-color-white-rgb),.9);color:var(--xd-color-grey-900);cursor:pointer}.promo-close:hover{background:var(--xd-color-white)}.promo-image{height:220px;border-radius:14px;background-color:var(--xd-color-grey-300);background-size:cover;background-position:center}.dark .promo-image{background-color:var(--xd-color-grey-750)}.promo-body{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 20px 10px;text-align:center}.promo-badge{padding:5px 14px;border-radius:999px;background:var(--xd-color-grey-200);font-size:12px;font-weight:600;color:var(--xd-color-grey-800)}.dark .promo-badge{background:var(--xd-color-grey-750);color:var(--xd-color-grey-300)}.promo-title{margin:0;font-size:26px;font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--xd-color-grey-900)}.dark .promo-title{color:var(--xd-color-grey-300)}.promo-text{margin:0;font-size:14px;line-height:1.6;color:var(--xd-color-grey-600)}.dark .promo-text{color:var(--xd-color-grey-400)}.promo-cta{width:100%;margin-top:4px;padding:14px 24px;border:none;border-radius:999px;background:var(--xd-color-grey-900);font-size:15px;font-weight:600;white-space:nowrap;color:var(--xd-color-white);cursor:pointer;transition:background-color .18s ease}.promo-cta:hover{background:var(--xd-color-grey-750)}.dark .promo-cta{background:var(--xd-color-grey-300);color:var(--xd-color-grey-900)}.dark .promo-cta:hover{background:var(--xd-color-white)}@keyframes promo-fade{0%{opacity:0}to{opacity:1}}@keyframes promo-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:520px){.promo-image{height:180px}.promo-title{font-size:22px}}