*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Arial,"Tahoma",sans-serif;background:#071c14;color:#111;direction:rtl}
body{min-height:100vh;background:radial-gradient(circle at top,#123c2b 0,#06150f 55%,#020705 100%)}
.page-shell{width:100%;max-width:500px;margin:0 auto;min-height:100vh;padding:12px}
.video-section{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 55px);padding-top:8px}
.video-card{position:relative;width:100%;max-width:480px;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.45);border:2px solid rgba(255,190,70,.75)}
.vsl-video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#000;cursor:pointer}
.vsl-video::-webkit-media-controls{display:none!important}
.vsl-video::-webkit-media-controls-enclosure{display:none!important}
.big-play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;width:96px;height:74px;border:0;border-radius:14px;background:linear-gradient(135deg,#ffb629,#ffcf60);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(0,0,0,.35);cursor:pointer;transition:.18s ease}
.big-play-btn:hover{transform:translate(-50%,-50%) scale(1.04)}
.big-play-btn.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.85)}
.play-icon{width:0;height:0;border-top:19px solid transparent;border-bottom:19px solid transparent;border-left:30px solid #fff;margin-right:5px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))}
.form-popup{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:14px;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.62));backdrop-filter:blur(2px);animation:popupIn .45s ease both;overflow-y:auto}
.hidden{display:none!important}
@keyframes popupIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.order-form{width:100%;max-width:420px;background:#fff;border-radius:20px;padding:20px 18px;box-shadow:0 16px 44px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.7)}
.form-kicker{text-align:center;font-weight:900;font-size:17px;margin-bottom:8px;color:#0b7a38}
.delivery-note{text-align:center;color:#df1212;font-weight:900;font-size:19px;line-height:1.4;margin-bottom:6px}
.price-big{text-align:center;font-size:28px;font-weight:900;margin-bottom:16px;color:#111}
.field-label{display:block;text-align:right;font-size:15px;font-weight:900;color:#111;margin:0 4px 6px}
.input-row{display:flex;flex-direction:row-reverse;align-items:center;background:#f3f3f3;border:1px solid #eee;border-radius:9px;margin-bottom:13px;min-height:48px;overflow:hidden}
.input-icon{width:48px;min-height:48px;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:20px;border-right:1px solid #d4d4d4}
.input-row input{width:100%;border:0;outline:0;background:transparent;font-size:16px;font-weight:700;color:#111;direction:rtl;text-align:right;padding:0 14px}
.input-row input::placeholder{color:#7f7f7f}
.phone-error{display:none;color:#b00020;background:#fff1f3;border:1px solid #ffc7d0;border-radius:10px;padding:8px 10px;margin:-6px 0 12px;font-size:13px;font-weight:800}.phone-error.show{display:block}
.submit-btn{width:100%;border:0;border-radius:9px;padding:15px;background:linear-gradient(135deg,#078f37,#26c75a);color:#fff;font-size:23px;font-weight:900;box-shadow:0 10px 22px rgba(0,140,60,.28);margin-top:2px;cursor:pointer}.submit-btn:disabled{opacity:.7}
.policy-footer{max-width:480px;margin:4px auto 12px;padding:4px 8px;text-align:center;color:rgba(255,255,255,.55);font-size:10px;line-height:1.5;opacity:.6}
.policy-footer a{color:rgba(255,255,255,.8);text-decoration:none;margin:0 2px;font-size:10px}
.policy-footer span{color:rgba(255,255,255,.25)}
.thanks-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px}
.done-card{width:100%;max-width:420px;background:#fff;border-radius:28px;text-align:center;padding:30px 18px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.done-icon{width:90px;height:90px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,#00a651,#25d366);color:#fff;font-size:62px;line-height:90px;font-weight:900}
.done-card h1{font-size:26px;margin:0 0 10px;color:#093d26}.done-card p{font-size:16px;line-height:1.7}.thanks-note{background:#effaf3;border-radius:14px;padding:12px;margin-top:14px;font-weight:800;color:#0b7a38}
.policy-page{width:92%;max-width:760px;margin:28px auto;background:#fff;border-radius:18px;padding:22px;line-height:1.9;color:#111;box-shadow:0 14px 40px rgba(0,0,0,.18)}
.policy-page h1{margin-top:0;color:#093d26}.policy-page a{color:#078f37;font-weight:900}
@media(max-width:380px){.order-form{padding:16px 14px}.price-big{font-size:25px}.delivery-note{font-size:17px}.submit-btn{font-size:21px}}

.video-card{border:3px solid #e9b74d!important;box-shadow:0 0 0 2px rgba(233,183,77,.25),0 20px 60px rgba(0,0,0,.5)!important}
.progress-strip{position:absolute;left:0;right:0;bottom:0;height:6px;background:rgba(255,255,255,.15);z-index:4}
#progressFill{height:100%;width:0;background:linear-gradient(90deg,#ff2323,#ff5b5b)}


55%{background-position:-120% 0}
  100%{background-position:-120% 0}
}
.video-card.form-active .vsl-video{
  filter:blur(2px) brightness(.72);
  transform:scale(1.012);
  transition:filter .35s ease, transform .35s ease;
}
.form-popup{
  animation:popupFade .35s ease both!important;
}
.order-form{
  animation:formZoomIn .55s cubic-bezier(.2,1.1,.25,1) both!important;
}
@keyframes popupFade{
  from{opacity:0}
  to{opacity:1}
}
@keyframes formZoomIn{
  0%{opacity:0;transform:scale(.82) translateY(18px)}
  70%{opacity:1;transform:scale(1.035) translateY(0)}
  100%{opacity:1;transform:scale(1) translateY(0)}
}
.submit-btn{
  animation:ctaPulse 1.8s ease-in-out infinite;
}
@keyframes ctaPulse{
  0%,100%{transform:scale(1);box-shadow:0 10px 22px rgba(0,140,60,.28)}
  50%{transform:scale(1.025);box-shadow:0 14px 28px rgba(0,180,80,.38)}
}


/* Attractive animated play button */
.big-play-btn{
  animation: playPulse 1.45s ease-in-out infinite, playFloat 2.8s ease-in-out infinite;
  position:absolute;
}
.big-play-btn::before{
  content:"";
  position:absolute;
  inset:-12px;
  border-radius:18px;
  border:2px solid rgba(255,207,96,.65);
  animation: playRing 1.45s ease-out infinite;
}
.big-play-btn::after{
  content:"";
  position:absolute;
  inset:-22px;
  border-radius:24px;
  background:radial-gradient(circle,rgba(255,207,96,.28),rgba(255,207,96,0) 65%);
  z-index:-1;
  animation: playGlow 1.8s ease-in-out infinite;
}
@keyframes playPulse{
  0%,100%{box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 0 rgba(255,190,70,0);transform:translate(-50%,-50%) scale(1)}
  50%{box-shadow:0 18px 42px rgba(0,0,0,.45),0 0 32px rgba(255,190,70,.45);transform:translate(-50%,-50%) scale(1.06)}
}
@keyframes playRing{
  0%{opacity:.8;transform:scale(.82)}
  100%{opacity:0;transform:scale(1.45)}
}
@keyframes playGlow{
  0%,100%{opacity:.45}
  50%{opacity:1}
}
@keyframes playFloat{
  0%,100%{margin-top:0}
  50%{margin-top:-4px}
}