.promo-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100000;padding:20px;animation:fadeIn .3s ease-out}.promo-modal{position:relative;width:100%;max-width:420px;aspect-ratio:896 / 1200;background:#000;border-radius:28px;border:1px solid transparent;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;animation:scaleIn .4s cubic-bezier(.16,1,.3,1)}.promo-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .2s}.promo-close:hover{background:#fff3;transform:rotate(90deg)}.promo-content{width:100%;height:100%;position:relative;cursor:pointer}.promo-image{width:100%;height:100%;object-fit:cover;display:block}.promo-footer{position:absolute;bottom:0;left:0;width:100%;padding:24px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);display:flex;flex-direction:column;align-items:center;gap:10px}.promo-action-btn{width:100%;background:#fff;color:#000;padding:16px;border-radius:16px;font-weight:800;font-size:16px;border:none;transition:transform .2s;box-shadow:0 4px 15px #0000004d}.promo-content:hover .promo-action-btn{transform:scale(1.02)}.promo-hint{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.promo-hint.normal-case{text-transform:none;font-size:9px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 480px){.promo-modal{max-width:100%;border-radius:20px}.promo-footer{padding:24px 20px}.promo-action-btn{padding:14px;font-size:14px}}