:root{--ink:#0d0d0d;--ok:#3d6a52;--hold:#a8611c;--canvas:#f4f4f2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{font-size:clamp(16px,.55vw + 9px,19px)}html,body{height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background:#121b25;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.lock-root{--mx:50vw;--my:42vh;--px:0;--py:0;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));place-items:center;display:grid;position:fixed;inset:0}.bg{filter:saturate(1.45)contrast(1.06);background:radial-gradient(110% 85% at 50% 30%,#2c3d4f 0%,#172331 55%,#0b121a 100%);position:absolute;inset:0;overflow:hidden}.bg-img{filter:blur(48px)saturate(2.1)contrast(1.15)brightness(.95);opacity:.5;background:url(/lock/bg.jpg) 50% 40%/cover no-repeat;transition:filter 1.1s cubic-bezier(.2,.7,.2,1),inset 1.1s cubic-bezier(.2,.7,.2,1);animation:34s ease-in-out infinite alternate drift;position:absolute;inset:-14%;transform:scale(1.12)}.bg-sharp{opacity:0;background:50% 40%/cover no-repeat;transition:opacity 1s,transform 1.6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scale(1.06)}.blob{filter:blur(64px);mix-blend-mode:screen;opacity:.9;will-change:transform;border-radius:50%;width:64vmax;height:64vmax;transition:opacity .9s;position:absolute}.b1{background:radial-gradient(circle,#ffc53d 0%,#ffaa338c 36%,#0000 68%);animation:23s ease-in-out infinite alternate orbit-a;top:-30vmax;left:-6vmax}.b2{background:radial-gradient(circle,#4a86ff 0%,#3460e6a6 38%,#0000 70%);animation:29s ease-in-out infinite alternate orbit-b;top:-14vmax;right:-26vmax}.b3{opacity:.8;background:radial-gradient(circle,#ff6f4f 0%,#f0604880 40%,#0000 70%);animation:31s ease-in-out infinite alternate orbit-c;bottom:-34vmax;left:-20vmax}.b4{opacity:.75;background:radial-gradient(circle,#22d3b0 0%,#14a08c99 38%,#0000 70%);animation:26s ease-in-out infinite alternate orbit-d;bottom:-38vmax;right:-18vmax}.sweep{mix-blend-mode:overlay;background:conic-gradient(#0000 0deg,#ffecbe38 40deg,#0000 90deg 180deg,#96beff2e 220deg,#0000 270deg);transition:opacity .9s;animation:48s linear infinite spin;position:absolute;inset:-40%}.spot{background:radial-gradient(520px circle at var(--mx) var(--my), #fff8e26b, #fff8e21f 38%, transparent 64%);mix-blend-mode:soft-light;transition:opacity .6s;position:absolute;inset:0}.grain{opacity:.13;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:1.2s steps(6,end) infinite grain;position:absolute;inset:-50%}.vignette{background:radial-gradient(75% 65% at 50% 46%,#0000 36%,#080d149e 100%),linear-gradient(#080d141f 0%,#080d1400 30% 62%,#080d1466 100%);transition:opacity .9s;position:absolute;inset:0}.card{text-align:center;-webkit-backdrop-filter:blur(34px)saturate(1.5)brightness(1.1);backdrop-filter:blur(34px)saturate(1.5)brightness(1.1);opacity:0;width:min(27.5rem,100%);transform:translate3d(calc(var(--px) * -10px), calc(16px + var(--py) * -8px), 0) scale(.985);background:linear-gradient(#ffffffbd,#f6f6f38f);border:1px solid #ffffffb3;border-radius:30px;justify-items:center;margin:0;padding:2.35rem 2.2rem 1.9rem;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),filter .6s;display:grid;position:relative;box-shadow:inset 0 1px #fffffff2,inset 0 -1px #0d0d0d0a,0 60px 140px -30px #040a12bf,0 22px 48px -18px #040a1280}.ready .card{opacity:1;transform:translate3d(calc(var(--px) * -10px), calc(var(--py) * -8px), 0)}.card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(140deg,#fffffff2,#ffffff1a 40%,#ffffff0d 60%,#fff9);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.brand{letter-spacing:-.01em;font-size:.95rem;font-weight:500}.brand .x{color:#0d0d0d66;margin:0 .1em}h1{letter-spacing:-.025em;margin:1.5rem 0 0;font-size:1.6rem;font-weight:500;line-height:1.15}.sub{color:#0d0d0d8f;margin:.5rem 0 0;font-size:.92rem}.otp{margin-top:1.7rem;position:relative}.otp input{opacity:0;color:#0000;caret-color:#0000;z-index:2;cursor:text;background:0 0;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.otp input:disabled{cursor:default}.slots{align-items:center;gap:.5rem;display:flex}.slot{font-variant-numeric:tabular-nums;letter-spacing:-.02em;width:3.15rem;height:3.8rem;transition:border-color .16s,box-shadow .2s,background .26s,color .26s,transform .26s cubic-bezier(.2,.9,.3,1.3);transition-delay:calc(var(--i,0) * 0s);background:#ffffffdb;border:1px solid #0d0d0d1a;border-radius:15px;place-items:center;font-size:1.7rem;font-weight:500;display:grid;position:relative;box-shadow:inset 0 1px #fff,0 1px 2px #0d0d0d0d,0 6px 16px -10px #0d0d0d40}.slot.active{border-color:#0d0d0dd9;transform:translateY(-1px);box-shadow:inset 0 1px #fff,0 0 0 4px #0d0d0d14,0 10px 24px -12px #0d0d0d59}.slot.active:not(.filled):after{content:"";background:var(--ink);border-radius:1px;width:2px;height:1.55rem;animation:1.1s step-end infinite caret}.slot .d{animation:.24s cubic-bezier(.2,.9,.3,1.35) both pop;display:block}.sep{background:#0d0d0d38;border-radius:1px;width:.7rem;height:2px;margin:0 .15rem}.otp.busy .slot{animation:1s linear infinite sweep;animation-delay:calc(var(--i,0) * 60ms);background:linear-gradient(100deg,#fff0 30%,#fffffff2 50%,#fff0 70%) 0 0/300% 100%,#ffffffc7}.otp.error .slot{border-color:var(--hold);color:var(--hold);box-shadow:inset 0 1px #fff,0 0 0 4px #a8611c24}.otp.ok .slot{color:var(--ok);transition-delay:calc(var(--i,0) * 45ms);background:#eef4ef;border-color:#3d6a528c;transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 0 0 4px #3d6a521f}.card.shake{animation:.42s cubic-bezier(.36,.07,.19,.97) both shake}.msg{color:#0d0d0d99;min-height:1.3em;margin:1.1rem 0 0;font-size:.86rem}.msg.err{color:var(--hold)}.foot{left:0;right:0;bottom:max(18px, env(safe-area-inset-bottom));text-align:center;letter-spacing:.02em;color:#ffffffc7;text-shadow:0 1px 12px #0a142066;font-size:.78rem;transition:opacity .5s;position:absolute}.curtain{background:var(--canvas);opacity:0;pointer-events:none;transition:opacity .42s;position:fixed;inset:0}.reveal .bg-img{filter:blur()saturate()contrast()brightness();opacity:1;inset:0}.reveal.has-sharp .bg-sharp{opacity:1;transform:scale(1)}.reveal .blob,.reveal .sweep,.reveal .spot,.reveal .foot{opacity:0}.reveal .vignette{opacity:.35}.reveal .card{opacity:0;filter:blur(8px);transform:translateY(-14px)scale(.97)}.out .curtain{opacity:1}@keyframes drift{0%{transform:scale(1.12)translate(-2%,-1%)rotate(-1deg)}to{transform:scale(1.22)translate(2.5%,1.5%)rotate(1.5deg)}}@keyframes orbit-a{0%{transform:translate3d(calc(var(--px) * 40px), calc(var(--py) * 30px), 0) scale(1)}to{transform:translate3d(calc(18vmax + var(--px) * 40px), calc(14vmax + var(--py) * 30px), 0) scale(1.18)}}@keyframes orbit-b{0%{transform:translate(0,0)scale(1.1)}to{transform:translate(-16vmax,20vmax)scale(.9)}}@keyframes orbit-c{0%{transform:translate(0,0)scale(.95)}to{transform:translate(20vmax,-12vmax)scale(1.2)}}@keyframes orbit-d{0%{transform:translate(0,0)scale(1)}to{transform:translate(-22vmax,-10vmax)scale(1.15)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-6%,4%)}40%{transform:translate(5%,-7%)}60%{transform:translate(-3%,8%)}80%{transform:translate(7%,2%)}to{transform:translate(-4%,-5%)}}@keyframes caret{0%,to{opacity:1}50%{opacity:0}}@keyframes pop{0%{opacity:0;filter:blur(4px);transform:translateY(7px)scale(.6)}to{opacity:1;filter:none;transform:none}}@keyframes sweep{0%{background-position:100% 0,0 0}to{background-position:-50% 0,0 0}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}@media (width<=420px){.card{border-radius:26px;padding:2rem 1.25rem 1.6rem}.slots{gap:.38rem}.slot{border-radius:13px;width:2.6rem;height:3.25rem;font-size:1.45rem}.sep{width:.45rem;margin:0 .05rem}h1{font-size:1.4rem}}@media (prefers-reduced-motion:reduce){.bg-img,.blob,.sweep,.grain,.slot .d,.card.shake,.otp.busy .slot{animation:none}.card{transition:opacity .2s;transform:none}}