*{box-sizing:border-box}body{margin:0;background:#05040b;color:#fff;font-family:Inter,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 80% 10%,rgba(161,31,255,.28),transparent 35%),radial-gradient(circle at 20% 60%,rgba(255,48,99,.16),transparent 35%);pointer-events:none}.page{position:relative;max-width:1180px;margin:auto;min-height:100vh;padding:30px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.brand{display:flex;gap:14px;align-items:center}.logo{width:54px;height:54px;border-radius:15px;background:linear-gradient(135deg,#ff184e,#7b2cff);display:grid;place-items:center;font-weight:900}.brand b{font-size:30px}.brand span{display:block;color:#cfc7d8;margin-top:4px}.apk,.claim{color:white;text-decoration:none;border:1px solid #b342ff;border-radius:18px;padding:16px 22px;font-weight:900;background:rgba(255,255,255,.06)}.grid{display:grid;grid-template-columns:1fr .9fr;gap:40px}.left h1{font-size:54px;line-height:1.05;margin:20px 0}.left h1:after{content:"";color:#b342ff}.checks{display:flex;gap:22px;color:#ddd;font-weight:700;margin-bottom:35px}.checks span{white-space:nowrap}.carousel{height:360px;position:relative;margin:10px 0 40px}.poster{position:absolute;width:250px;height:340px;object-fit:cover;border-radius:20px;border:1px solid rgba(255,255,255,.18);box-shadow:0 22px 60px rgba(0,0,0,.5)}.p0{left:110px;z-index:5;transform:scale(1.08)}.p1{left:0;top:35px;opacity:.55}.p2{left:285px;top:35px;opacity:.55}.p3,.p4,.p5,.p6{display:none}.formcard,.why,.gift,.result{background:rgba(12,10,24,.82);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:28px;box-shadow:0 18px 55px rgba(0,0,0,.35);backdrop-filter:blur(10px)}.formcard h2{margin:0;text-align:center;font-size:30px}.formcard em{color:#b342ff;font-style:normal}.formcard p{text-align:center;color:#ddd}.phonebox{display:flex;align-items:center;border:1px solid rgba(255,255,255,.2);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.06)}.phonebox span{padding:18px 22px;border-right:1px solid rgba(255,255,255,.15);font-weight:900}.phonebox input{flex:1;background:transparent;border:0;color:white;font-size:17px;padding:18px;outline:0}.hint{font-size:13px!important;text-align:left!important;color:#bbb!important}.bad{color:#ff6b7e!important}.primary{width:100%;border:0;border-radius:17px;padding:20px;background:linear-gradient(135deg,#ff3bd5,#7438ff);color:white;font-size:20px;font-weight:900;cursor:pointer}.primary b{float:right}.mini{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;gap:18px;color:#fff}.mini small{color:#bbb}.why{display:flex;gap:18px;margin-top:24px}.why b{width:34px;height:34px;border:1px solid #b342ff;border-radius:50%;display:grid;place-items:center;color:#ffd21f}.why p{color:#ccc;margin-bottom:0}.right{display:flex;flex-direction:column;gap:28px}.gift{text-align:center;border-color:rgba(180,66,255,.45)}.giftbox{font-size:80px}.gift h2{font-size:32px;margin:0 0 18px}.gift h2 span{color:#ffd238}.giftitem{display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.33);border-radius:16px;padding:18px;margin:12px 0;text-align:left}.giftitem small{display:block;color:#ccc;margin-top:4px}.giftitem strong{color:#ffd238;background:rgba(255,170,0,.12);padding:9px 12px;border-radius:10px}.total span{display:block;color:#ddd}.total b{font-size:56px;color:#ffd238}.result h3{color:#3df56e;font-size:28px;margin-top:0}.secondary{width:100%;border:1px solid #b342ff;background:rgba(138,61,255,.15);color:#dca7ff;border-radius:16px;padding:18px;font-size:18px;font-weight:900;margin:12px 0;cursor:pointer}.claim{display:block;text-align:center;background:linear-gradient(135deg,#27e365,#8a2fff);border:0}.result small{display:block;color:#ccc;margin-top:15px}footer{display:flex;justify-content:space-around;gap:15px;color:#ddd;margin-top:32px;border-top:1px solid rgba(255,255,255,.08);padding-top:22px}.hidden{display:none!important}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:20px}.modalbox{width:min(460px,94vw);background:#121020;border:1px solid #8a2fff;border-radius:26px;padding:26px;position:relative}.modalbox button{position:absolute;right:16px;top:12px;background:none;border:0;color:#fff;font-size:30px}.modalbox p{background:rgba(255,255,255,.06);padding:12px;border-radius:12px}.modalbox span{color:#ccc}.modalbox a{display:block;text-align:center;background:linear-gradient(135deg,#27e365,#8a2fff);padding:16px;border-radius:14px;color:#fff;text-decoration:none;font-weight:900}@media(max-width:860px){.page{padding:18px}.grid{grid-template-columns:1fr}.left h1{font-size:38px}.brand b{font-size:22px}.apk{padding:12px 14px}.checks{flex-wrap:wrap;font-size:14px}.carousel{height:300px}.poster{width:200px;height:280px}.p0{left:calc(50% - 100px)}.p1{left:0}.p2{right:0;left:auto}footer{font-size:12px;flex-wrap:wrap}.right{flex-direction:column-reverse}.giftbox{font-size:55px}.total b{font-size:42px}}
.noscroll{overflow:hidden}.resultbox{text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.65),0 0 60px rgba(138,47,255,.35)}.bigcheck{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:linear-gradient(135deg,#22e45c,#8a2fff);font-size:42px;font-weight:900}.resultbox h2{font-size:30px;margin:6px 0 10px;color:#3df56e}.resultbox>p{background:transparent;color:#ddd;line-height:1.5}.modalActions{display:grid;gap:12px;margin-top:14px}.modal{z-index:99}.modalbox{animation:popIn .18s ease-out}.modalbox .claim{margin-top:0}@keyframes popIn{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}

/* modal overlap fix */
.modal{z-index:9999;}
.modalbox{max-height:92vh;overflow:auto;}
.resultbox{padding-top:38px;}
.resultbox .bigcheck{position:static;margin:0 auto 16px;}
.resultbox h2{clear:both;line-height:1.18;word-break:normal;}
.modalActions .secondary{position:static;width:100%;}
.modalbox .modalClose{position:absolute;right:16px;top:12px;z-index:3;}
#giftModal .modalbox h2{padding-right:32px;line-height:1.2;margin-top:8px;}
#giftModal .modalbox p{line-height:1.35;}


/* v4 fixes: hide bottom text footer and replace with floating gift button */
footer{display:none!important;}
.floatGift{position:fixed;right:18px;bottom:22px;width:62px;height:62px;border-radius:50%;border:1px solid rgba(255,210,56,.9);background:radial-gradient(circle at 35% 25%,#fff4a8 0,#ffd238 18%,#ff8a00 48%,#8a2fff 100%);box-shadow:0 12px 34px rgba(255,180,0,.38),0 0 0 6px rgba(255,210,56,.08);font-size:31px;display:grid;place-items:center;z-index:60;cursor:pointer;animation:giftPulse 1.8s infinite;}
@keyframes giftPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* modal layout fix: prevent success check icon/title overlap */
.resultbox{text-align:center;padding-top:32px!important;}
.bigcheck{position:static!important;margin:0 auto 16px!important;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#27e365,#8a2fff);color:#fff;font-size:42px;font-weight:900;line-height:1;z-index:auto!important;}
.resultbox h2{clear:both;margin:0 0 16px!important;line-height:1.22!important;padding:0 28px!important;color:#3df56e;font-size:28px;}
.resultbox p{margin:0 0 18px!important;line-height:1.45!important;}
.modalActions{display:flex;flex-direction:column;gap:10px;margin-top:10px;}
#successModal .secondary,#successModal .claim{position:static!important;margin:0!important;}
#giftModal .modalbox h2{padding-right:36px;line-height:1.2;margin-top:8px;text-align:center;}

@media(max-width:860px){.floatGift{right:16px;bottom:18px;width:58px;height:58px;font-size:29px}.resultbox h2{font-size:24px!important}}

/* v5 single-screen layout: no page scroll, hide lower content block */
html,body{width:100%;height:100%;overflow:hidden!important;}
.page{height:100dvh!important;min-height:0!important;overflow:hidden!important;display:flex;flex-direction:column;padding:18px!important;}
header{flex:0 0 auto;margin-bottom:12px!important;}
.grid{flex:1 1 auto;min-height:0;display:block!important;max-width:520px;width:100%;margin:0 auto;overflow:hidden!important;}
.left{height:100%;display:flex;flex-direction:column;min-height:0;}
.right,.why{display:none!important;}
.left h1{font-size:clamp(26px,6vw,42px)!important;line-height:1.08!important;margin:8px 0 10px!important;text-align:center;}
.checks{justify-content:center;gap:10px!important;flex-wrap:wrap;margin-bottom:10px!important;font-size:13px;}
.carousel{height:clamp(160px,32dvh,280px)!important;margin:0 0 12px!important;flex:0 0 auto;}
.poster{width:clamp(118px,34vw,190px)!important;height:clamp(158px,32dvh,260px)!important;border-radius:18px!important;}
.p0{left:50%!important;transform:translateX(-50%) scale(1.05)!important;}
.p1{left:calc(50% - clamp(118px,34vw,190px) - 38px)!important;top:22px!important;}
.p2{left:calc(50% + 38px)!important;right:auto!important;top:22px!important;}
.formcard{padding:18px!important;border-radius:22px!important;flex:0 0 auto;}
.formcard h2{font-size:24px!important;line-height:1.15!important;}
.formcard p{font-size:13px!important;line-height:1.25!important;margin:8px 0!important;}
.phonebox span{padding:14px 17px!important;}
.phonebox input{padding:14px!important;font-size:16px!important;}
.primary{padding:15px!important;font-size:18px!important;}
.mini{margin-top:14px!important;gap:10px!important;font-size:13px!important;}
.floatGift{right:16px!important;bottom:16px!important;}

@media(max-height:720px){
  .brand span,.checks{display:none!important;}
  .brand b{font-size:20px!important;}
  .logo{width:44px!important;height:44px!important;border-radius:12px!important;}
  .apk{padding:10px 12px!important;font-size:13px!important;border-radius:14px!important;}
  .left h1{font-size:28px!important;margin:4px 0 8px!important;}
  .carousel{height:180px!important;margin-bottom:8px!important;}
  .poster{width:130px!important;height:178px!important;}
  .p1{left:calc(50% - 168px)!important;top:18px!important;}
  .p2{left:calc(50% + 38px)!important;top:18px!important;}
  .formcard{padding:14px!important;}
  .formcard h2{font-size:22px!important;}
  .mini{display:none!important;}
}

@media(max-height:610px){
  .carousel{height:135px!important;}
  .poster{width:100px!important;height:135px!important;}
  .p1{left:calc(50% - 132px)!important;top:12px!important;}
  .p2{left:calc(50% + 32px)!important;top:12px!important;}
  .formcard p{display:none!important;}
}

/* v6 fuller single-screen design */
body{background:#030208!important;}
body:after{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.68)),url('assets/hero.jpg') center/cover no-repeat;opacity:.24;filter:blur(1px);z-index:-2;}
.page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 8%,rgba(255,37,89,.2),transparent 26%),radial-gradient(circle at 50% 74%,rgba(132,47,255,.25),transparent 32%);pointer-events:none;z-index:-1;}
.topPromo{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto 10px;}
.topPromo span{border:1px solid rgba(255,210,56,.28);background:rgba(255,210,56,.08);color:#ffd238;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:900;box-shadow:0 0 18px rgba(255,210,56,.08)}
.offerbar{margin:0 0 10px;border:1px solid rgba(255,210,56,.35);background:linear-gradient(135deg,rgba(255,210,56,.18),rgba(134,47,255,.14));border-radius:18px;padding:12px 15px;text-align:center;box-shadow:0 12px 34px rgba(0,0,0,.22)}
.offerbar b{display:block;color:#ffd238;font-size:17px;line-height:1.1}.offerbar span{display:block;color:#eee;font-size:12px;margin-top:4px}.formcard{background:linear-gradient(180deg,rgba(20,16,36,.92),rgba(10,8,20,.92))!important;border-color:rgba(179,66,255,.42)!important;box-shadow:0 16px 50px rgba(123,44,255,.18), inset 0 1px 0 rgba(255,255,255,.06)!important}.carousel:after{content:"▶ Watch Trailer";position:absolute;left:50%;bottom:6px;transform:translateX(-50%);background:linear-gradient(135deg,#ff173f,#8a2fff);color:#fff;border-radius:999px;padding:10px 18px;font-weight:900;box-shadow:0 12px 28px rgba(255,23,63,.28);z-index:8;white-space:nowrap}.checks span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 10px}.left h1{text-shadow:0 10px 28px rgba(0,0,0,.5)}
@media(max-height:720px){.topPromo span{font-size:12px;padding:6px 8px}.offerbar{padding:9px 12px}.offerbar b{font-size:15px}.offerbar span{display:none}.carousel:after{padding:8px 14px;font-size:13px}.checks{display:flex!important;font-size:12px!important}.checks span{padding:5px 8px}.topPromo{margin-bottom:6px}.formcard{padding:12px!important}.phonebox span{padding:11px 14px!important}.phonebox input{padding:11px!important}.primary{padding:12px!important}}
@media(max-height:610px){.topPromo span:nth-child(2),.topPromo span:nth-child(3),.offerbar{display:none}.checks{display:none!important}.carousel:after{display:none}.formcard p{display:none!important}.formcard h2{font-size:20px!important}.phonebox span{padding:10px 12px!important}.phonebox input{padding:10px!important}.primary{padding:10px!important;font-size:16px!important}}


/* floating gift: centered, draggable, snaps to nearest side */
.floatGift{
  left:18px!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%);
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
  cursor:grab;
}
.floatGift.dragging{animation:none!important;cursor:grabbing;transform:none!important;}
.floatGift.snapped{transition:left .22s ease, top .22s ease, right .22s ease, transform .22s ease;}
@media(max-width:860px){.floatGift{left:14px!important;right:auto!important;top:50%!important;bottom:auto!important}}


/* v9 button + gift modal fixes */
.primary{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:20!important;min-height:48px!important;}
.formcard{position:relative!important;z-index:10!important;}
.modal{z-index:9999!important;}
.modalbox .modalClose{position:absolute!important;right:16px!important;top:12px!important;background:none!important;border:0!important;color:#fff!important;font-size:30px!important;width:auto!important;height:auto!important;padding:0!important;z-index:5!important;}
.modalbox button:not(.modalClose){position:static!important;right:auto!important;top:auto!important;width:100%;border-radius:16px;padding:16px;border:1px solid #b342ff;background:rgba(138,61,255,.15);color:#fff;font-size:17px;font-weight:900;cursor:pointer;}
.modalbox .claim,.modalbox a.claim{display:block;text-align:center;background:linear-gradient(135deg,#27e365,#8a2fff)!important;border:0!important;border-radius:16px!important;padding:16px!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;}
.giftStatus{background:rgba(61,245,110,.10)!important;border:1px solid rgba(61,245,110,.28)!important;color:#dfffe8!important;line-height:1.45;margin-top:8px!important;}
.giftModalTitle{text-align:center;margin:4px 0 12px!important;font-size:26px!important;color:#ffd238!important;}
.floatGift{display:grid!important;visibility:visible!important;opacity:1!important;z-index:8888!important;}