.otp-po{position:absolute;bottom:-18px;left:50%;width:min(64vw,250px);aspect-ratio:466/522;transform:translateX(-50%);pointer-events:none;isolation:isolate;--po-body-top:16.6%;--po-flap-bottom:83%;--po-seal-origin:17%;--po-seal-left:7.3%;--po-seal-right:7.3%;--po-seal-top:6.6%;--po-seal-height:10.8%;--po-mouth-left:8.4%;--po-mouth-right:8.4%;--po-mouth-top:10.8%;--po-mouth-height:7.4%}.otp-po[data-art=real]{--po-body-top:10.4%;--po-flap-bottom:89.6%;--po-seal-origin:10.6%;--po-seal-left:21.8%;--po-seal-right:22.2%;--po-seal-top:6.9%;--po-seal-height:3.7%;--po-mouth-left:22.4%;--po-mouth-right:22.8%;--po-mouth-top:8.8%;--po-mouth-height:4%}.otp-po[data-art=real] .otp-po-flap img,.otp-po[data-art=real] .otp-po-pack-back,.otp-po[data-art=real] .otp-po-pack-front{box-sizing:border-box;padding:7.72% 0 0}.otp-po-glow,.otp-po-rings{position:absolute;left:50%;top:44%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.78);opacity:0;transition:opacity .7s ease,transform .7s ease;z-index:0}.otp-po-glow{width:185%;background:radial-gradient(circle,rgba(96,98,245,.62) 0,rgba(63,64,213,.34) 34%,rgba(47,48,168,.14) 56%,rgba(47,48,168,0) 76%)}.otp-po-rings{width:215%;background:repeating-radial-gradient(circle,rgba(120,122,255,.16) 0,rgba(120,122,255,.16) 2px,transparent 0,transparent 30px);mask-image:radial-gradient(circle,#000 24%,rgba(0,0,0,.35) 52%,transparent 72%);-webkit-mask-image:radial-gradient(circle,#000 24%,rgba(0,0,0,.35) 52%,transparent 72%)}.otp-po[data-phase=peel] .otp-po-glow,.otp-po[data-phase=peel] .otp-po-rings,.otp-po[data-phase=rise] .otp-po-glow,.otp-po[data-phase=rise] .otp-po-rings,.otp-po[data-phase=seal] .otp-po-glow,.otp-po[data-phase=seal] .otp-po-rings{opacity:.45;transform:translate(-50%,-50%) scale(.9)}.otp-po[data-phase=fan] .otp-po-glow,.otp-po[data-phase=fan] .otp-po-rings,.otp-po[data-phase=flip] .otp-po-glow,.otp-po[data-phase=flip] .otp-po-rings,.otp-po[data-phase=hold] .otp-po-glow,.otp-po[data-phase=hold] .otp-po-rings,.otp-po[data-phase=settle] .otp-po-glow,.otp-po[data-phase=settle] .otp-po-rings{opacity:1;transform:translate(-50%,-50%) scale(1)}.otp-po-pack-back,.otp-po-pack-front{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .42s ease,transform .52s ease;clip-path:inset(var(--po-body-top) 0 0 0)}.otp-po-pack-back{z-index:1}.otp-po-pack-front{z-index:4}.otp-po-mouth{position:absolute;left:var(--po-mouth-left);right:var(--po-mouth-right);top:var(--po-mouth-top);height:var(--po-mouth-height);z-index:2;border-radius:4px 4px 0 0;background:linear-gradient(180deg,rgba(6,7,20,.94),rgba(12,14,38,.86) 42%,rgba(28,31,84,.5) 78%,rgba(38,42,104,0));box-shadow:inset 0 1px 0 rgba(158,178,255,.45);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);transform-origin:50% 0;transform:scaleY(.2);opacity:0;transition:opacity .19s ease,transform .27s cubic-bezier(.3,.9,.4,1)}.otp-po-flap{position:absolute;inset:0;z-index:5;clip-path:inset(0 0 var(--po-flap-bottom) 0);transform-origin:50% var(--po-seal-origin);transform:perspective(780px) rotateX(0deg);transition:transform .3s cubic-bezier(.34,.03,.24,1),opacity .42s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden}.otp-po-flap img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.otp-po-seal{position:absolute;left:var(--po-seal-left);right:var(--po-seal-right);top:var(--po-seal-top);height:var(--po-seal-height);overflow:hidden;border-radius:2px;pointer-events:none}.otp-po-seal:after,.otp-po-seal:before{content:"";position:absolute;top:0;bottom:0;mix-blend-mode:screen;opacity:0}.otp-po-seal:before{left:0;right:0;background:linear-gradient(180deg,rgba(146,182,255,.28),rgba(224,237,255,.6) 46%,rgba(136,170,255,.32));filter:drop-shadow(0 0 8px rgba(132,172,255,.7));mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);clip-path:inset(0 100% 0 0);transition:clip-path .5s linear,opacity .11s ease}.otp-po-seal:after{left:0;width:26%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(198,221,255,.5) 38%,rgba(255,255,255,.92) 52%,rgba(198,221,255,.5) 66%,rgba(255,255,255,0));filter:drop-shadow(0 0 12px rgba(162,196,255,.9));transform:translate3d(-105%,0,0);transition:transform .5s linear,opacity 90ms ease}.otp-po[data-phase=seal] .otp-po-seal:before{opacity:1;clip-path:inset(0 0 0 0)}.otp-po[data-phase=seal] .otp-po-seal:after{opacity:1;transform:translate3d(385%,0,0)}.otp-po[data-phase=peel] .otp-po-seal:before,.otp-po[data-phase=rise] .otp-po-seal:before{opacity:.5;clip-path:inset(0 0 0 0);transition:opacity .28s ease}.otp-po[data-phase=peel] .otp-po-seal:after,.otp-po[data-phase=rise] .otp-po-seal:after{opacity:0;transform:translate3d(385%,0,0);transition:opacity .18s ease}.otp-po[data-phase=peel] .otp-po-flap,.otp-po[data-phase=rise] .otp-po-flap{transform:perspective(780px) translate3d(2.5%,-3.5%,0) rotateX(-66deg) rotate(4deg)}.otp-po[data-phase=peel] .otp-po-mouth,.otp-po[data-phase=rise] .otp-po-mouth{opacity:1;transform:scaleY(1)}.otp-po[data-phase=fan] .otp-po-flap,.otp-po[data-phase=fan] .otp-po-mouth,.otp-po[data-phase=fan] .otp-po-pack-back,.otp-po[data-phase=fan] .otp-po-pack-front,.otp-po[data-phase=flip] .otp-po-flap,.otp-po[data-phase=flip] .otp-po-mouth,.otp-po[data-phase=flip] .otp-po-pack-back,.otp-po[data-phase=flip] .otp-po-pack-front,.otp-po[data-phase=hold] .otp-po-flap,.otp-po[data-phase=hold] .otp-po-mouth,.otp-po[data-phase=hold] .otp-po-pack-back,.otp-po[data-phase=hold] .otp-po-pack-front,.otp-po[data-phase=settle] .otp-po-flap,.otp-po[data-phase=settle] .otp-po-mouth,.otp-po[data-phase=settle] .otp-po-pack-back,.otp-po[data-phase=settle] .otp-po-pack-front{opacity:0;transform:translate3d(0,9%,0) scale(.93)}.otp-po-cards{position:absolute;inset:0;z-index:3;perspective:1000px;perspective-origin:50% 58%}.otp-po[data-phase=fan] .otp-po-cards,.otp-po[data-phase=flip] .otp-po-cards,.otp-po[data-phase=hold] .otp-po-cards,.otp-po[data-phase=settle] .otp-po-cards{z-index:6}.otp-po-card{position:absolute;left:50%;bottom:26%;width:50%;aspect-ratio:733/1024;margin-left:-25%;transform-style:preserve-3d;transform:translate3d(0,42%,0) rotate(0deg) rotateY(0deg) scale(.7);opacity:0;transition:transform .56s cubic-bezier(.22,1,.36,1),opacity .24s ease;will-change:transform}.otp-po-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:6%/4.3%;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.58)}.otp-po-face img{width:100%;height:100%;object-fit:cover;display:block}.otp-po-back{transform:rotateY(0deg)}.otp-po-front{transform:rotateY(180deg)}.otp-po[data-phase=idle] .otp-po-card{transition:none}.otp-po[data-phase=rise] .otp-po-card{opacity:1;transform:translate3d(0,-6%,0) rotate(0deg) rotateY(0deg) scale(.88);transition:transform .3s cubic-bezier(.3,.9,.4,1),opacity .16s ease}.otp-po[data-phase=fan] .otp-po-card{opacity:1;transform:translate3d(var(--x),var(--y),0) rotate(var(--rz)) rotateY(0deg) scale(var(--s));transition:transform .28s cubic-bezier(.22,1,.36,1)}.otp-po[data-phase=flip] .otp-po-card{opacity:1;transform:translate3d(var(--x),var(--y),0) rotate(var(--rz)) rotateY(180deg) scale(var(--s));transition:transform .29s cubic-bezier(.45,0,.25,1)}.otp-po[data-phase=settle] .otp-po-card{opacity:1;transform:translate3d(var(--x),calc(var(--y) - 2.5%),0) rotate(var(--rz)) rotateY(180deg) scale(calc(var(--s) * 1.025));transition:transform .38s cubic-bezier(.18,1.5,.44,1)}.otp-po[data-phase=hold] .otp-po-card{opacity:1;transform:translate3d(var(--x),var(--y),0) rotate(var(--rz)) rotateY(180deg) scale(var(--s));transition:transform .32s ease-out}.otp-po-spark{position:absolute;z-index:7;width:5px;height:5px;border-radius:50%;background:#e4e5ff;box-shadow:0 0 9px 2px rgba(150,152,255,.9);opacity:0}.otp-po[data-phase=flip] .otp-po-spark,.otp-po[data-phase=hold] .otp-po-spark,.otp-po[data-phase=settle] .otp-po-spark{animation:otp-po-spark 2.2s ease-out var(--d) infinite}@keyframes otp-po-spark{0%{opacity:0;transform:translate3d(0,10px,0) scale(.4)}18%{opacity:1;transform:translateZ(0) scale(1)}70%{opacity:.45}to{opacity:0;transform:translate3d(0,-34px,0) scale(.5)}}.otp-po[data-reduced=true] .otp-po-flap,.otp-po[data-reduced=true] .otp-po-mouth,.otp-po[data-reduced=true] .otp-po-pack-back,.otp-po[data-reduced=true] .otp-po-pack-front,.otp-po[data-reduced=true] .otp-po-seal,.otp-po[data-reduced=true] .otp-po-spark{display:none}.otp-po[data-reduced=true] .otp-po-glow,.otp-po[data-reduced=true] .otp-po-rings{opacity:1;transform:translate(-50%,-50%) scale(1);transition:none}.otp-po[data-reduced=true] .otp-po-cards{z-index:6}.otp-po[data-reduced=true] .otp-po-card{opacity:1;transition:none;transform:translate3d(var(--x),var(--y),0) rotate(var(--rz)) rotateY(180deg) scale(var(--s))}@media (prefers-reduced-motion:reduce){.otp-po-card,.otp-po-flap,.otp-po-glow,.otp-po-mouth,.otp-po-pack-back,.otp-po-pack-front,.otp-po-rings{transition:none!important}.otp-po-spark{animation:none!important}}@media (min-width:1024px){.otp-home-2026 .otp-po{bottom:0;left:78.75%;width:auto;height:min(95%,64vh)}.otp-home-2026 .otp-po-cards{perspective:1600px}.otp-home-2026 .otp-po-flap{transform:perspective(1250px) rotateX(0deg)}.otp-home-2026 .otp-po[data-phase=peel] .otp-po-flap,.otp-home-2026 .otp-po[data-phase=rise] .otp-po-flap{transform:perspective(1250px) translate3d(2.5%,-3.5%,0) rotateX(-66deg) rotate(4deg)}.otp-home-2026 .otp-po-seal:before{filter:drop-shadow(0 0 13px rgba(132,172,255,.7))}.otp-home-2026 .otp-po-seal:after{filter:drop-shadow(0 0 19px rgba(162,196,255,.9))}.otp-home-2026 .otp-po-face{box-shadow:0 22px 48px rgba(0,0,0,.6)}.otp-home-2026 .otp-po-spark{width:8px;height:8px;box-shadow:0 0 15px 3px rgba(150,152,255,.9)}}