.promo-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .6s ease}.promo-overlay.active{opacity:1;pointer-events:all}.promo-overlay.closing{opacity:0;pointer-events:none}.promo-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.promo-image-wrap{position:absolute;inset:0;overflow:hidden}.promo-image{position:absolute;inset:-40px;background-size:cover;background-position:center;background-repeat:no-repeat;animation:promoZoom 8s ease-in-out forwards}@keyframes promoZoom{0%{transform:scale(1)}100%{transform:scale(1.08)}}.promo-gradient-top{position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(to bottom,rgba(0,0,0,0.7) 0%,transparent 100%);z-index:2}.promo-gradient-bottom{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 100%);z-index:2}.promo-gradient-sides{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,0.4) 100%);z-index:2}.promo-particles{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.promo-particle{position:absolute;width:4px;height:4px;background:rgba(255,255,255,0.3);border-radius:50%;animation:promoFloat linear infinite}@keyframes promoFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-10vh) scale(1);opacity:0}}.promo-content{position:relative;z-index:3;text-align:center;color:#fff;padding:1.5rem;max-width:600px;animation:promoFadeUp 1.2s ease .3s both}.promo-logo{width:70px;height:70px;border-radius:50%;object-fit:contain;background:rgba(255,255,255,0.12);padding:10px;margin:0 auto 1rem;display:block;border:2px solid rgba(255,255,255,0.2);backdrop-filter:blur(8px)}.promo-title{font-size:clamp(1.3rem,5vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin:0 0 .35rem;text-shadow:0 2px 20px rgba(0,0,0,0.5)}.promo-subtitle{font-size:clamp(.82rem,2.5vw,1.1rem);font-weight:400;opacity:.85;margin:0;line-height:1.6;text-shadow:0 1px 10px rgba(0,0,0,0.4)}.promo-tagline{font-size:clamp(.7rem,1.8vw,.9rem);font-weight:300;opacity:.55;letter-spacing:.06em;text-transform:uppercase;margin-top:.5rem}.promo-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,0.12);z-index:5}.promo-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--primary-500,#1e3a5f),var(--primary-300,#4a7db5));transition:width .1s linear}.promo-skip{position:absolute;top:.75rem;right:.75rem;z-index:10;background:rgba(0,0,0,0.35);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.15);color:#fff;padding:.4rem 1rem;border-radius:100px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:.3rem;letter-spacing:.02em;-webkit-tap-highlight-color:transparent}.promo-skip:hover{background:rgba(255,255,255,0.2);transform:scale(1.04)}.promo-skip:active{transform:scale(.96)}[dir="rtl"] .promo-skip{right:auto;left:.75rem}.promo-sound{position:absolute;bottom:.75rem;right:.75rem;z-index:10;background:rgba(0,0,0,0.3);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.12);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .25s ease;-webkit-tap-highlight-color:transparent}.promo-sound:hover{background:rgba(255,255,255,0.18)}[dir="rtl"] .promo-sound{right:auto;left:.75rem}@keyframes promoFadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.promo-logo{width:56px;height:56px;padding:8px;margin-bottom:.75rem}.promo-title{font-size:clamp(1.1rem,6vw,1.6rem)}.promo-subtitle{font-size:clamp(.75rem,3vw,.9rem);line-height:1.5}.promo-tagline{font-size:.65rem}.promo-content{padding:1rem 1.25rem}.promo-skip{top:.5rem;right:.5rem;padding:.3rem .75rem;font-size:.72rem}[dir="rtl"] .promo-skip{right:auto;left:.5rem}.promo-sound{bottom:.5rem;right:.5rem;width:32px;height:32px;font-size:.85rem}[dir="rtl"] .promo-sound{right:auto;left:.5rem}.promo-gradient-bottom{height:60%}}@media(min-width:481px) and (max-width:768px){.promo-logo{width:64px;height:64px}.promo-title{font-size:clamp(1.3rem,4.5vw,2rem)}}@media(max-height:500px) and (orientation:landscape){.promo-logo{width:42px;height:42px;padding:6px;margin-bottom:.4rem}.promo-title{font-size:clamp(.9rem,3.5vw,1.3rem);margin-bottom:.15rem}.promo-subtitle{font-size:clamp(.65rem,2vw,.8rem)}.promo-tagline{display:none}.promo-content{padding:.5rem 1rem}.promo-gradient-bottom{height:65%}}@media(min-width:769px){.promo-logo{width:80px;height:80px;padding:12px;margin-bottom:1.25rem}.promo-skip{top:1rem;right:1.5rem;padding:.5rem 1.25rem}[dir="rtl"] .promo-skip{right:auto;left:1.5rem}.promo-sound{bottom:1.25rem;right:1.5rem}[dir="rtl"] .promo-sound{right:auto;left:1.5rem}}@media(orientation:portrait){.promo-video{object-fit:cover}}@media(orientation:landscape){.promo-video{object-fit:cover}}