.otp{--card:var(--surface-raised);--card-2:var(--surface);--sunk:var(--surface-sunken);--cream:var(--text);--muted:var(--text-muted);--dim:var(--text-muted);--line:var(--border-line);--line-2:var(--border-strong);--ice:var(--accent);--ice-lift:var(--accent-hover);--ice-glow:var(--accent-soft);--ok:var(--success);--ok-lift:var(--success);--ok-glow:var(--success-soft);--bad:var(--danger);--bad-lift:var(--danger);--bad-glow:var(--danger-soft);--font:inherit;--r-slot:16px;--r-card:30px;--ease:cubic-bezier(0.22,1,0.36,1);--spring:cubic-bezier(0.2,1.4,0.35,1);--slot-w:clamp(38px,11.5vw,52px);--gyre-over:calc(var(--slot-w) * 1.34);--gyre-clear:calc(var(--gyre-over) + 34px);--err-reserve:36px;--err-gap:14px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.sheet{width:100%;padding:26px 24px;border-radius:var(--r-card);background:linear-gradient(170deg,var(--card),var(--card-2));border:1px solid var(--border);box-shadow:var(--shadow-lg);backdrop-filter:blur(var(--blur-card));-webkit-backdrop-filter:blur(var(--blur-card));overflow:hidden;text-align:center}.sheet,.verify{position:relative}.verify{z-index:1;margin:0}.verify__sub,.verify__title{position:relative;display:grid}.verify__sub-in,.verify__title-in{grid-area:1/1;transition:opacity .5s var(--ease),transform .5s var(--ease)}.verify__title{margin:0 0 10px;font-size:clamp(19px,5.4vw,22px);font-weight:700;letter-spacing:-.015em;color:var(--cream)}.verify__sub{margin:0 0 var(--gyre-clear);font-size:13.5px;font-weight:400;line-height:1.6;color:var(--muted)}[data-sub-ok],[data-title-ok]{opacity:0;transform:translateY(6px);pointer-events:none}.sheet[data-state=ok] [data-sub-idle],.sheet[data-state=ok] [data-title-idle]{opacity:0;transform:translateY(-6px);transition-duration:.26s}.sheet[data-state=ok] [data-title-ok]{opacity:1;transform:none;color:var(--ok);transition-delay:.24s}.sheet[data-state=ok] [data-sub-ok]{opacity:1;transform:none;transition-delay:.3s}.code-wrap{isolation:isolate}.code,.code-wrap{position:relative}.code{z-index:2;display:flex;justify-content:center;gap:14px}.slot{position:relative;width:var(--slot-w);aspect-ratio:1;border-radius:var(--r-slot);background:var(--sunk);box-shadow:inset 0 0 0 1px var(--line-2);cursor:text;transition:box-shadow .26s var(--ease),background-color .26s var(--ease)}.slot:focus-within{background:var(--sunk);box-shadow:inset 0 0 0 1.6px var(--ice),0 0 0 5px var(--ice-glow)}.slot__input{position:absolute;inset:0;z-index:3;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;font-family:inherit;font-size:clamp(20px,6vw,25px);font-weight:700;color:var(--cream);caret-color:var(--ice-lift);text-align:center;outline:none;-webkit-tap-highlight-color:transparent}.gyre-live .slot__input{color:transparent;caret-color:transparent}.slot__input::selection{background:transparent}.slot__input::-webkit-contacts-auto-fill-button{opacity:0}.slot__win{z-index:2;overflow:hidden;border-radius:inherit;contain:paint}.slot__digit,.slot__win{position:absolute;inset:0}.slot__digit{display:grid;place-items:center;font-size:clamp(20px,6vw,25px);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--cream);line-height:1}.gyre-live .slot:focus-within:not(.is-filled) .slot__win:after{content:"";position:absolute;left:50%;top:30%;width:2px;height:40%;margin-left:-1px;border-radius:2px;background:var(--ice-lift);animation:blink 1.1s step-end infinite}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:0}}.slot__glow{inset:-10%;z-index:1;border-radius:calc(var(--r-slot) + 5px);background:radial-gradient(56% 56% at 50% 50%,var(--ice-glow),transparent 72%)}.slot__glow,.slot__spark{position:absolute;pointer-events:none;opacity:0}.slot__spark{inset:0;z-index:4;width:100%;height:100%;overflow:visible}.slot__arc{fill:none;stroke:var(--ice);stroke-width:2;stroke-dasharray:.32 .68;stroke-dashoffset:1;filter:drop-shadow(0 0 5px var(--ice-glow))}.orbit{position:absolute;inset:0;z-index:1;pointer-events:none}.orbit__ring{position:absolute;overflow:visible;opacity:0}.orbit__path{fill:none;stroke:var(--ice);stroke-width:1.5;stroke-dasharray:2 8;stroke-linecap:round}.orbit__hub{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--ice-lift);box-shadow:0 0 8px var(--ice-glow),0 0 20px rgba(150,200,255,.34);opacity:0;transform:scale(.4)}.seal{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none}.seal__ring,.seal__tile{grid-area:1/1;border-radius:var(--r-slot)}.seal__tile{position:relative;display:grid;place-items:center;width:var(--slot-w);height:var(--slot-w);overflow:hidden;background:var(--ok-glow);box-shadow:inset 0 0 0 2px var(--ok),0 12px 34px -8px var(--ok-glow);opacity:0;transform:rotate(-38deg) scale(.32);transition:opacity .18s linear,transform .66s var(--spring)}.sheet[data-state=ok] .seal__tile{opacity:1;transform:rotate(0deg) scale(1);transition-delay:.04s}.seal__sheen{position:absolute;inset:-40%;pointer-events:none;background:linear-gradient(74deg,transparent 38%,rgba(255,255,255,.42) 50%,transparent 62%);opacity:0;transform:translateX(-120%)}.sheet[data-state=ok] .seal__sheen{animation:sheen .75s cubic-bezier(.3,0,.2,1) .46s both}@keyframes sheen{0%{opacity:.9;transform:translateX(-120%)}to{opacity:0;transform:translateX(120%)}}.seal__tile svg{width:26px;height:26px}.seal__check{stroke:var(--ok-lift);stroke-width:3.6;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .4s var(--ease)}.sheet[data-state=ok] .seal__check{stroke-dashoffset:0;transition-delay:.3s}.seal__ring{width:var(--slot-w);height:var(--slot-w);box-shadow:0 0 0 2px var(--ok);opacity:0;transform:scale(.8)}.sheet[data-state=ok] .seal__ring{animation:shock .85s cubic-bezier(.2,.7,.3,1) .08s both}.seal__ring--wide{box-shadow:0 0 0 1px var(--ok)}.sheet[data-state=ok] .seal__ring--wide{animation:shock-wide 1.15s cubic-bezier(.16,.8,.24,1) .2s both}@keyframes shock{0%{opacity:.85;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}@keyframes shock-wide{0%{opacity:.45;transform:scale(.9)}to{opacity:0;transform:scale(3.6)}}.burst{position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none}.mote{grid-area:1/1;width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 7px var(--ok-glow),0 0 16px rgba(46,230,168,.28);opacity:0}.mote--sm{width:3.5px;height:3.5px}.mote--lg{width:8px;height:8px}.mote--pale{background:var(--ok-lift)}.sheet[data-state=checking] .slot{background:var(--sunk);box-shadow:inset 0 0 0 1.6px var(--ice);animation:slot-waiting 1.1s ease-in-out infinite;animation-delay:calc(var(--i, 0) * 90ms)}@keyframes slot-waiting{0%,70%,to{box-shadow:inset 0 0 0 1.6px var(--ice)}35%{box-shadow:inset 0 0 0 2px var(--ice-lift),0 0 0 4px var(--ice-glow)}}.sheet[data-state=checking] .slot__input{caret-color:transparent}.sheet[data-state=checking] .slot,.sheet[data-state=ok] .slot{cursor:default}.sheet[data-locked] .slot{background:var(--ok-glow);box-shadow:inset 0 0 0 1.8px var(--ok)}.sheet[data-locked] .slot__digit{color:var(--ok-lift)}.sheet[data-locked] .slot__glow{background:radial-gradient(56% 56% at 50% 50%,var(--ok-glow),transparent 72%)}.sheet[data-locked] .orbit__path{stroke:var(--ok)}.sheet[data-locked] .orbit__hub{background:var(--ok-lift);box-shadow:0 0 10px var(--ok-glow),0 0 26px rgba(46,230,168,.34)}.sheet[data-state=error] .slot,.sheet[data-state=error] .slot:focus-within{background:var(--bad-glow);box-shadow:inset 0 0 0 1.6px var(--bad)}.sheet[data-state=error] .slot__digit{color:var(--bad-lift)}.sheet[data-state=error] .code{animation:shake .44s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{0%,to{transform:translateZ(0)}16%{transform:translate3d(-7px,0,0)}33%{transform:translate3d(6px,0,0)}50%{transform:translate3d(-4px,0,0)}68%{transform:translate3d(3px,0,0)}84%{transform:translate3d(-1.5px,0,0)}}.verify__err{margin:var(--err-gap) 0 0;min-height:var(--err-reserve);font-size:12.5px;font-weight:500;line-height:18px;color:var(--bad-lift);opacity:0;transform:translateY(-4px);transition:opacity .3s var(--ease),transform .3s var(--ease)}.sheet[data-state=error] .verify__err{opacity:1;transform:none}.verify__actions{display:grid;margin-top:calc(var(--gyre-clear) - var(--err-gap) - var(--err-reserve));min-height:40px}.verify__done,.verify__foot{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .4s var(--ease),transform .4s var(--ease)}.verify__foot{font-size:13px;color:var(--muted)}.verify__done{flex-direction:column;gap:14px;opacity:0;transform:translateY(8px);pointer-events:none}.sheet[data-state=ok] .verify__foot{opacity:0;transform:translateY(-8px);pointer-events:none}.sheet[data-state=ok] .verify__done{opacity:1;transform:none;pointer-events:auto;transition-delay:.44s}.resend{padding:4px 2px;border:0;background:none;color:var(--cream);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:color .2s var(--ease),opacity .2s}.resend:hover:not(:disabled){color:var(--ice-lift)}.resend:focus-visible{outline:2px solid var(--ice-lift);outline-offset:3px;border-radius:6px}.resend:disabled{cursor:default;color:var(--dim);font-weight:500}.cta{padding:11px 34px;border:0;border-radius:99px;background:var(--ok);color:var(--on-accent);font:inherit;font-weight:700;font-size:13.5px;cursor:pointer;transition:transform .24s var(--spring),filter .2s}.cta:hover{filter:brightness(1.07)}.cta:active{transform:scale(.96)}.cta:focus-visible{outline:2px solid var(--ok);outline-offset:3px}@media (max-height:760px){.sheet{padding:14px 20px 20px}.sheet__grabber{margin-bottom:18px}}@media (prefers-reduced-motion:reduce){.seal__sheen{display:none}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.seal__tile,.verify__done,.verify__err,.verify__foot,.verify__sub-in,.verify__title-in{transition-duration:.2s!important}.seal__tile{transform:rotate(0deg) scale(1)}.orbit,.seal__ring{display:none}.gyre-live .slot:focus-within:not(.is-filled) .slot__win:after{animation:none}}.otp__phone{display:block;margin-top:5px;font-size:15px;font-weight:700;color:var(--cream);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap}.otp__phone--app{font-size:13px;font-weight:600;letter-spacing:0;color:var(--muted,#96a5bf)}.verify__foot[hidden]{display:none}