.lock-lamp{isolation:isolate;position:relative}.lock-lamp:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#c9a8672e,#0000 68%);height:min(48vh,26rem);animation:8s ease-in-out infinite lock-breathe;position:absolute;inset:-10% 6% auto}.lock-stage{z-index:1;max-width:36rem;margin:0 auto;padding:.5rem 4vw 3.2rem;position:relative}.lock-stage[data-wide=true]{max-width:min(64rem,100%)}.lock-preview{margin-top:1.8rem;position:relative}.lock-preview[data-kind=single]{max-width:13.5rem;margin-inline:auto}.lock-preview[data-kind=three]{max-width:32rem;margin-inline:auto}.lock-preview[data-kind=five]{max-width:44rem;margin-inline:auto}.lock-hit{z-index:4;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute;inset:-6% -2% -10%}.lock-veil{opacity:0;background:radial-gradient(at 50% 46%,#16130e1f,#16130e9e 78%);transition:opacity .52s cubic-bezier(.2,.78,.2,1);position:absolute;inset:0}.lock-preview>:not(.lock-hit){transition:filter .7s cubic-bezier(.2,.78,.2,1)}.lock-stage[data-sealed=true] .lock-preview>:not(.lock-hit){filter:saturate(.45)brightness(.62)}.lock-stage[data-sealed=true] .lock-preview:has(.lock-seal[data-broken=true])>:not(.lock-hit){filter:none}.lock-cord{opacity:0;height:4px;margin-top:-2px;transition:opacity .48s cubic-bezier(.2,.78,.2,1);position:absolute;top:50%;left:2%;right:2%}.lock-cord i{background:repeating-linear-gradient(115deg,#785826e6 0 3px,#ecce94f2 3px 5px,#a88040f2 5px 8px);border-radius:2px;width:50%;transition:transform .56s cubic-bezier(.3,.7,.2,1),opacity .42s .14s;position:absolute;top:0;bottom:0;box-shadow:0 2px 6px #0806038c}.lock-cord i[data-side=left]{transform-origin:0;left:0}.lock-cord i[data-side=right]{transform-origin:100%;right:0}.lock-cord i:after{content:"";background:linear-gradient(90deg,#0000,#fff4d6bf,#0000) 0 0/40% 100% no-repeat;animation:2.8s ease-in-out infinite lock-cord-shine;position:absolute;inset:0}.lock-cord[data-broken=true] i[data-side=left]{opacity:0;transform:translate(-8%,26px)rotate(-7deg)scaleX(.55)}.lock-cord[data-broken=true] i[data-side=right]{opacity:0;transform:translate(8%,30px)rotate(8deg)scaleX(.55)}@keyframes lock-cord-shine{0%{background-position:-60% 0}60%,to{background-position:160% 0}}.lock-seal{z-index:1;aspect-ratio:1;opacity:0;width:clamp(6.4rem,22vw,8.4rem);transition:opacity .48s cubic-bezier(.2,.78,.2,1),transform .62s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.7)rotate(-8deg)}.lock-seal:before{content:"";border-radius:50%;animation:2.6s ease-in-out infinite lock-seal-glow;position:absolute;inset:8%;box-shadow:0 0 34px 6px #c9785a59}.lock-seal__shard{filter:drop-shadow(0 10px 14px #08040299);transition:transform .64s cubic-bezier(.2,.7,.2,1) .13s,opacity .42s .33s;position:absolute;inset:0}.lock-seal__svg{width:100%;height:100%;display:block}.lock-seal__shard[data-shard=ne]{clip-path:polygon(52% 47%,57% 30%,58% 0,100% 0,100% 44%,70% 49%)}.lock-seal__shard[data-shard=se]{clip-path:polygon(52% 47%,70% 49%,100% 44%,100% 100%,46% 100%,48% 70%)}.lock-seal__shard[data-shard=sw]{clip-path:polygon(52% 47%,48% 70%,46% 100%,0 100%,0 58%,30% 52%)}.lock-seal__shard[data-shard=nw]{clip-path:polygon(52% 47%,30% 52%,0 58%,0 0,58% 0,57% 30%)}.lock-seal__cracks{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lock-seal__cracks path{fill:none;stroke:#ffd6aae6;stroke-width:1.1px;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:60px;filter:drop-shadow(0 0 2px #ffbe8ce6);transition:stroke-dashoffset .15s ease-out}.lock-seal__tap{letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:var(--gold-400);background:#16130eb8;border:1px solid #e0c59173;border-radius:999px;padding:.42rem .9rem;font-size:10.5px;font-weight:700;transition:opacity .18s linear;position:absolute;top:calc(100% + .35rem);left:50%;transform:translate(-50%)rotate(4deg)}.lock-stage[data-sealed=true] .lock-veil,.lock-stage[data-sealed=true] .lock-cord,.lock-stage[data-sealed=true] .lock-seal{opacity:1}.lock-stage[data-sealed=true] .lock-seal{transform:translate(-50%,-50%)scale(1)rotate(-4deg)}.lock-stage[data-sealed=true] .lock-hit:hover .lock-seal[data-broken=false]{transform:translate(-50%,-54%)scale(1.05)rotate(-2deg)}.lock-stage[data-sealed=true] .lock-hit:active .lock-seal[data-broken=false]{transition-duration:90ms;transform:translate(-50%,-50%)scale(.95)rotate(-4deg)}.lock-seal[data-broken=true]:before,.lock-seal[data-broken=true] .lock-seal__tap{opacity:0}.lock-seal[data-broken=true] .lock-seal__cracks path{stroke-dashoffset:0}.lock-seal[data-broken=true] .lock-seal__cracks{opacity:0;transition:opacity .2s .2s}.lock-seal[data-broken=true] .lock-seal__shard{opacity:0}.lock-seal[data-broken=true] .lock-seal__shard[data-shard=ne]{transform:translate(34%,-38%)rotate(22deg)}.lock-seal[data-broken=true] .lock-seal__shard[data-shard=se]{transform:translate(30%,46%)rotate(-16deg)}.lock-seal[data-broken=true] .lock-seal__shard[data-shard=sw]{transform:translate(-40%,34%)rotate(-26deg)}.lock-seal[data-broken=true] .lock-seal__shard[data-shard=nw]{transform:translate(-32%,-40%)rotate(16deg)}.lock-sweep{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lock-sweep:after{content:"";opacity:0;background:linear-gradient(100deg,#0000,#ffe8b452,#0000);width:36%;position:absolute;top:-10%;bottom:-10%;left:-40%;transform:translate(0)skew(-12deg)}.lock-sweep[data-on=true]:after{animation:.76s cubic-bezier(.3,.6,.3,1) .22s both lock-sweep}@keyframes lock-sweep{0%{opacity:0;transform:translate(0)skew(-12deg)}20%{opacity:1}to{opacity:0;transform:translate(420%)skew(-12deg)}}@keyframes lock-seal-glow{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.lock-seal,.lock-seal__shard,.lock-cord i,.lock-preview>:not(.lock-hit){transition-duration:1ms}.lock-seal:before,.lock-cord i:after,.lock-sweep[data-on=true]:after{animation:none}}.lock-emails{flex-wrap:wrap;gap:.45rem;margin:.85rem 0 0;padding:0;list-style:none;display:flex}.lock-emails__chip{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;max-width:100%;color:var(--paper-100);background:0 0;border:1px solid #e0c59147;border-radius:999px;padding:.38rem .85rem;font-size:13px;overflow:hidden}.lock-emails__chip:hover,.lock-emails__chip[data-on=true]{color:var(--gold-400);border-color:#c9a867b8}.lock-pay{margin-top:2.2rem}.lock-pay__stack{flex-direction:column;align-items:stretch;gap:1.85rem;max-width:28rem;margin-inline:auto;display:flex}.lock-pay__qr{text-align:center;flex-direction:column;align-items:center;display:flex}.lock-pay__qr-frame{background:var(--paper-100);border-radius:.75rem;place-items:center;width:min(100%,240px);padding:.75rem;display:grid}.lock-pay__qr-img{width:100%;height:auto;display:block}.lock-pay__check{background:var(--paper-100);letter-spacing:.04em;border:0;border-radius:999px;place-items:center;min-width:10.5rem;height:3rem;margin-top:1.15rem;padding:0 1.85rem;font-size:13px;font-weight:600;display:grid}.lock-pay__check:disabled{opacity:.45}.lock-pay__apps{z-index:2;text-align:center;position:relative}.lock-pay__bank{border:1px solid var(--ink-600);min-height:3.5rem;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:#f0e5cd2e;background:#2c282080;align-items:center;gap:.75rem;padding:0 .75rem;text-decoration:none;display:flex}.lock-pay__bank:active{background:#f0e5cd1a}@keyframes lock-card-in{to{opacity:1;transform:translateY(0)}}@keyframes lock-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.lock-lamp:before{opacity:1;animation:none;transform:none}.lock-veil{transition:none}}
