.pp-scene{--pp-blue: #3f9fee;--pp-blue-deep: #2f84d6;--pp-ink: #163a5c;--tx: 0;--ty: 0;--px: 0;--py: 0;--lean: 0;--dx: 0;--dy: 0;--dlean: 0;--pp-size: clamp(80px, 21vw, 130px);position:fixed;inset:0;overflow:hidden;background:var(--pp-blue);color:#fff;font-family:Nunito,Inter,system-ui,sans-serif;perspective:900px;overscroll-behavior:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.pp-layer{position:absolute;inset:0;will-change:transform;transform:translate3d(calc(var(--tx) * var(--d) * 1px),calc(var(--ty) * var(--d) * 1px),0);pointer-events:none}.pp-water{inset:-12%;background-color:var(--pp-blue);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'><g fill='none' stroke='%23ffffff' stroke-opacity='.38' stroke-width='2.6' stroke-linecap='round'><path d='M0 40 C 30 20, 60 60, 100 40 S 170 20, 200 40'/><path d='M0 120 C 40 100, 70 140, 110 120 S 170 100, 200 120'/><path d='M40 0 C 20 30, 60 60, 40 100 S 20 170, 40 200'/><path d='M130 0 C 110 40, 150 60, 130 100 S 110 170, 130 200'/><path d='M0 180 C 30 160, 70 200, 100 180 S 170 160, 200 180' stroke-opacity='.22'/></g></svg>");background-size:118px 118px;animation:pp-water-in .6s ease-out both,pp-drift 16s linear infinite}.pp-water--2{background-color:transparent;background-size:190px 190px;opacity:.55;animation:pp-water-in .6s ease-out both,pp-drift-2 26s linear infinite}.pp-glow{inset:-20%;background:radial-gradient(60% 50% at 30% 22%,rgba(255,255,255,.28),transparent 70%),radial-gradient(70% 60% at 70% 90%,rgba(20,70,140,.35),transparent 70%);mix-blend-mode:soft-light}@keyframes pp-water-in{0%{opacity:0}to{opacity:1}}@keyframes pp-drift{to{background-position:118px 70px}}@keyframes pp-drift-2{to{background-position:-190px 110px}}.pp-flecks span{position:absolute;width:10px;height:10px;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;transform:scale(.4);animation:pp-twinkle 3.4s ease-in-out infinite;animation-delay:calc(var(--i) * -.55s)}@keyframes pp-twinkle{0%,to{opacity:0;transform:scale(.4) rotate(0)}45%{opacity:.9;transform:scale(1) rotate(25deg)}}.pp-float{inset:44% auto auto 50%;width:var(--pp-size);height:var(--pp-size);margin:calc(var(--pp-size) / -2 - 20px) 0 0 calc(var(--pp-size) / -2);pointer-events:none;transform:translate3d(calc(var(--px) * 1px),calc(var(--py) * 1px),0) rotate(calc(var(--lean) * 1deg))}.pp-enter{position:absolute;inset:0;opacity:0;transform:translateY(70px) scale(.88);animation:pp-float-in .68s cubic-bezier(.34,1.45,.64,1) .14s both}@keyframes pp-float-in{0%{opacity:0;transform:translateY(70px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}.pp-bob{position:absolute;inset:0;animation:pp-bob 4.2s ease-in-out infinite}@keyframes pp-bob{0%,to{transform:translateY(0) rotate(-2.2deg)}50%{transform:translateY(-9px) rotate(2.2deg)}}.pp-shadow{position:absolute;inset:46% 2% -6%;border-radius:50%;background:radial-gradient(closest-side,#0e3c787a,#0e3c7800);transform:translate(calc(var(--tx) * -5px),calc(var(--ty) * -5px + 4%)) scale(1.08);animation:pp-shadow 4.2s ease-in-out infinite}@keyframes pp-shadow{0%,to{opacity:.9}50%{opacity:.65}}.pp-pi{position:absolute;z-index:2;left:0;top:0;width:100%;height:auto;transform-origin:50% 85%;animation:pp-breathe 2.6s ease-in-out infinite;pointer-events:none}@keyframes pp-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.pp-duck{inset:29% auto auto 74%;width:calc(var(--pp-size) * .32);transform:translate3d(calc(var(--dx) * 1px),calc(var(--dy) * 1px),0) rotate(calc(var(--dlean) * 1deg))}.pp-ripples span{--size: 80px;position:absolute;left:0;top:0;width:var(--size);height:calc(var(--size) * .62);margin:calc(var(--size) * -.31) 0 0 calc(var(--size) * -.5);border:2px solid rgba(255,255,255,.85);border-radius:50%;box-shadow:0 0 0 5px #ffffff24,inset 0 0 0 4px #ffffff1f;opacity:0;transform:scale(.3);pointer-events:none;will-change:transform,opacity}.pp-ripples span.is-on{animation:pp-ripple 1.3s cubic-bezier(.16,1,.3,1) forwards}@keyframes pp-ripple{0%{opacity:.85;transform:scale(.3);border-width:3px}to{opacity:0;transform:scale(1.6);border-width:1px}}.pp-duck-bob{opacity:0;animation:pp-float-in .62s cubic-bezier(.34,1.45,.64,1) .32s both,pp-duck-bob 3.3s ease-in-out .94s infinite}.pp-duck-bob img{display:block;width:100%;height:auto}@keyframes pp-duck-bob{0%,to{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-6px) rotate(-4deg)}}.pp-copy{position:absolute;left:0;right:0;bottom:calc(148px + env(safe-area-inset-bottom,0px));padding:0 24px;text-align:center;pointer-events:none}.pp-title{margin:0;outline:none;font-family:Fraunces,Playfair Display,serif;font-weight:600;font-size:clamp(26px,7vw,34px);letter-spacing:-.01em;text-shadow:0 2px 12px rgba(10,50,110,.28);opacity:0;animation:pp-up .42s cubic-bezier(.16,1,.3,1) .38s both}.pp-sub{margin:8px 0 0;font-size:15px;font-weight:600;opacity:0;color:#ffffffe0;animation:pp-up .42s cubic-bezier(.16,1,.3,1) .47s both}@keyframes pp-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.pp-actions{position:absolute;left:20px;right:20px;bottom:calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:12px}.pp-cta{width:100%;max-width:420px;min-height:56px;border:0;border-radius:999px;background:#fff;color:var(--pp-ink);font:700 17px/1 Nunito,Inter,system-ui,sans-serif;box-shadow:0 10px 24px #0a326e47,0 1px #fff9 inset;cursor:pointer;opacity:0;transform:scale(.82);transition:transform .26s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;animation:pp-pop .52s cubic-bezier(.34,1.56,.64,1) .6s both}.pp-cta:active{transform:scale(.96);transition-duration:.11s;box-shadow:0 5px 14px #0a326e3d}.pp-cta:focus-visible{outline:3px solid rgba(255,255,255,.8);outline-offset:3px}@keyframes pp-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.pp-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:8px 14px;background:#ffffff29;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font:600 13px/1 Nunito,Inter,system-ui,sans-serif;cursor:pointer;opacity:0;animation:pp-up .38s cubic-bezier(.16,1,.3,1) .72s both;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.pp-chip:active{transform:scale(.95)}.pp-chip .material-symbols-outlined{font-size:16px}@media (max-height: 640px){.pp-float{top:36%}.pp-copy{bottom:calc(132px + env(safe-area-inset-bottom,0px))}}@media (min-width: 720px){.pp-scene{--pp-size: clamp(110px, 11vw, 160px)}.pp-float{top:42%}}@media (prefers-reduced-motion: reduce){.pp-layer,.pp-float{transform:none}.pp-water,.pp-water--2,.pp-bob,.pp-pi,.pp-shadow,.pp-flecks span,.pp-duck-bob{animation:none}.pp-duck,.pp-duck-bob{opacity:1;transform:none}.pp-ripples span{display:none}.pp-flecks span{opacity:.6;transform:none}.pp-enter,.pp-title,.pp-sub,.pp-cta,.pp-chip{animation:pp-fade .18s ease-out both;transform:none}@keyframes pp-fade{0%{opacity:0}to{opacity:1}}}