@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");.gyre-otp{--ink:#07080a;--ink-2:#101215;--card:#14161a;--card-2:#0f1114;--sunk:#1c1f24;--cream:#eef2f7;--muted:rgba(238,242,247,0.62);--dim:rgba(238,242,247,0.62);--line:rgba(238,242,247,0.10);--line-2:rgba(238,242,247,0.17);--ice:#dceaff;--ice-lift:#ffffff;--ice-glow:rgba(150,200,255,0.42);--ok:#2ee6a8;--ok-lift:#c6ffe9;--ok-glow:rgba(46,230,168,0.30);--bad:#ff4d6a;--bad-lift:#ffa3b2;--bad-glow:rgba(255,77,106,0.30);--font:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,sans-serif;--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(50px,15.5vw,62px);--gyre-over:calc(var(--slot-w) * 1.12);--gyre-clear:calc(var(--gyre-over) + 34px);--err-reserve:36px;--err-gap:14px;overflow:visible;position:relative}.gyre-otp,.gyre-otp *{box-sizing:border-box}.gyre-otp .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.gyre-otp .masthead__eyebrow{margin:0 0 8px;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}.gyre-otp .masthead__title{margin:0;font-size:clamp(25px,7vw,34px);font-weight:700;letter-spacing:-.03em;line-height:1.06;text-wrap:balance;background:linear-gradient(112deg,#8ea3ba 4%,var(--cream) 54%,#ffffff 98%);-webkit-background-clip:text;background-clip:text;color:transparent}.gyre-otp .masthead__ver{font-size:.62em;font-weight:800;letter-spacing:.01em;background:none;-webkit-text-fill-color:var(--ice-lift);color:var(--ice-lift);text-shadow:0 0 14px var(--ice-glow)}.gyre-otp .sheet{position:relative;width:100%;padding:16px 24px 26px;border-radius:var(--r-card);background:linear-gradient(170deg,var(--card),var(--card-2));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 40px 80px -34px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.04);overflow:hidden;text-align:center}.gyre-otp .sheet[data-locked],.gyre-otp .sheet[data-state=checking],.gyre-otp .sheet[data-state=ok]{overflow:visible}.gyre-otp .sheet[data-state=checking] .slot,.gyre-otp .sheet[data-state=checking] .slot__win,.gyre-otp .sheet[data-state=ok] .slot{transition:none!important}.gyre-otp .sheet__grabber{display:block;width:40px;height:4px;margin:0 auto 26px;border-radius:99px;background:rgba(238,242,247,.14)}.gyre-otp .verify{position:relative;z-index:1;margin:0}.gyre-otp .verify__sub,.gyre-otp .verify__title{position:relative;display:grid}.gyre-otp .verify__sub-in,.gyre-otp .verify__title-in{grid-area:1/1;transition:opacity .5s var(--ease),transform .5s var(--ease)}.gyre-otp .verify__title{margin:0 0 10px;font-size:clamp(19px,5.4vw,22px);font-weight:700;letter-spacing:-.015em;color:var(--cream)}.gyre-otp .verify__sub{margin:0 0 var(--gyre-clear);font-size:13.5px;font-weight:400;line-height:1.6;color:var(--muted)}.gyre-otp [data-sub-ok],.gyre-otp [data-title-ok]{opacity:0;transform:translateY(6px);pointer-events:none}.gyre-otp .sheet[data-state=ok] [data-sub-idle],.gyre-otp .sheet[data-state=ok] [data-title-idle]{opacity:0;transform:translateY(-6px);transition-duration:.26s}.gyre-otp .sheet[data-state=ok] [data-title-ok]{opacity:1;transform:none;color:var(--ok);transition-delay:.24s}.gyre-otp .sheet[data-state=ok] [data-sub-ok]{opacity:1;transform:none;transition-delay:.3s}.gyre-otp .code-wrap{position:relative;isolation:isolate;overflow:visible}.gyre-otp .code{position:relative;z-index:2;display:flex;justify-content:center;gap:14px;flex-wrap:nowrap}.gyre-otp .slot{position:relative;display:block;flex:0 0 var(--slot-w);width:var(--slot-w);min-width:var(--slot-w);min-height:var(--slot-w);aspect-ratio:1;border:0!important;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)}.gyre-otp .slot:focus-within{background:#232830;box-shadow:inset 0 0 0 1.6px var(--ice),0 0 0 5px rgba(150,200,255,.16)}.gyre-otp .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-otp.gyre-live .slot__input{color:transparent;caret-color:transparent}.gyre-otp .slot__input::selection{background:transparent}.gyre-otp .slot__input::-webkit-contacts-auto-fill-button{opacity:0}.gyre-otp .slot__win{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:inherit;contain:paint}.gyre-otp .slot__digit{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(20px,6vw,25px);font-weight:700;font-variant-numeric:tabular-nums;color:var(--cream);line-height:1}.gyre-otp.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}}.gyre-otp .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%)}.gyre-otp .slot__glow,.gyre-otp .slot__spark{position:absolute;pointer-events:none;opacity:0}.gyre-otp .slot__spark{inset:0;z-index:4;width:100%;height:100%;overflow:visible}.gyre-otp .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))}.gyre-otp .orbit{position:absolute;inset:0;z-index:1;pointer-events:none}.gyre-otp .orbit__ring{position:absolute;overflow:visible;opacity:0}.gyre-otp .orbit__path{fill:none;stroke:rgba(220,234,255,.42);stroke-width:1.5;stroke-dasharray:2 8;stroke-linecap:round}.gyre-otp .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)}.gyre-otp .seal{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none}.gyre-otp .seal__ring,.gyre-otp .seal__tile{grid-area:1/1;border-radius:var(--r-slot)}.gyre-otp .seal__tile{position:relative;display:grid;place-items:center;width:var(--slot-w);height:var(--slot-w);overflow:hidden;background:#0c2b21;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)}.gyre-otp .sheet[data-state=ok] .seal__tile{opacity:1;transform:rotate(0deg) scale(1);transition-delay:.04s}.gyre-otp .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%)}.gyre-otp .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%)}}.gyre-otp .seal__tile svg{width:26px;height:26px}.gyre-otp .seal__check{stroke:var(--ok-lift);stroke-width:3.6;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .4s var(--ease)}.gyre-otp .sheet[data-state=ok] .seal__check{stroke-dashoffset:0;transition-delay:.3s}.gyre-otp .seal__ring{width:var(--slot-w);height:var(--slot-w);box-shadow:0 0 0 2px var(--ok);opacity:0;transform:scale(.8)}.gyre-otp .sheet[data-state=ok] .seal__ring{animation:shock .85s cubic-bezier(.2,.7,.3,1) .08s both}.gyre-otp .seal__ring--wide{box-shadow:0 0 0 1px var(--ok)}.gyre-otp .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)}}.gyre-otp .burst{position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none}.gyre-otp .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}.gyre-otp .mote--sm{width:3.5px;height:3.5px}.gyre-otp .mote--lg{width:8px;height:8px}.gyre-otp .mote--pale{background:var(--ok-lift)}.gyre-otp .sheet[data-state=checking] .slot{background:#232830;box-shadow:inset 0 0 0 1.6px rgba(220,234,255,.72)}.gyre-otp .sheet[data-state=checking] .slot__input{caret-color:transparent}.gyre-otp .sheet[data-state=checking] .slot,.gyre-otp .sheet[data-state=ok] .slot{cursor:default}.gyre-otp .sheet[data-locked] .slot{background:#0d2a20;box-shadow:inset 0 0 0 1.8px var(--ok)}.gyre-otp .sheet[data-locked] .slot__digit{color:var(--ok-lift)}.gyre-otp .sheet[data-locked] .slot__glow{background:radial-gradient(56% 56% at 50% 50%,var(--ok-glow),transparent 72%)}.gyre-otp .sheet[data-locked] .orbit__path{stroke:rgba(198,255,233,.6)}.gyre-otp .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)}.gyre-otp .sheet[data-state=error] .slot,.gyre-otp .sheet[data-state=error] .slot:focus-within{background:rgba(255,77,106,.13);box-shadow:inset 0 0 0 1.6px rgba(255,77,106,.78)}.gyre-otp .sheet[data-state=error] .slot__digit{color:var(--bad-lift)}.gyre-otp .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)}}.gyre-otp .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)}.gyre-otp .sheet[data-state=error] .verify__err{opacity:1;transform:none}.gyre-otp .verify__actions{display:grid;margin-top:calc(var(--gyre-clear) - var(--err-gap) - var(--err-reserve));min-height:40px}.gyre-otp .verify__done,.gyre-otp .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)}.gyre-otp .verify__foot{font-size:13px;color:var(--muted)}.gyre-otp .verify__done{flex-direction:column;gap:14px;opacity:0;transform:translateY(8px);pointer-events:none}.gyre-otp .sheet[data-msg] .verify__foot{opacity:0;transform:translateY(4px);pointer-events:none}.gyre-otp .sheet[data-state=ok] .verify__foot{opacity:0;transform:translateY(-8px);pointer-events:none}.gyre-otp .sheet[data-state=ok] .verify__done{opacity:1;transform:none;pointer-events:auto;transition-delay:.44s}.gyre-otp .secure{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--ok)}.gyre-otp .secure__icon{width:17px;height:17px}.gyre-otp .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}.gyre-otp .resend:hover:not(:disabled){color:var(--ice-lift)}.gyre-otp .resend:focus-visible{outline:2px solid var(--ice-lift);outline-offset:3px;border-radius:6px}.gyre-otp .resend:disabled{cursor:default;color:var(--dim);font-weight:500}.gyre-otp .cta{padding:11px 34px;border:0;border-radius:99px;background:var(--ok);color:#04291d;font:inherit;font-weight:700;font-size:13.5px;cursor:pointer;transition:transform .24s var(--spring),filter .2s}.gyre-otp .cta:hover{filter:brightness(1.07)}.gyre-otp .cta:active{transform:scale(.96)}.gyre-otp .cta:focus-visible{outline:2px solid var(--ok);outline-offset:3px}.gyre-otp .sms{position:absolute;z-index:6;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:11px;padding:11px 11px 11px 13px;border-radius:18px;background:linear-gradient(170deg,#1e222a,#121419);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 18px 40px -14px rgba(0,0,0,.85);text-align:left;opacity:0;transform:translate3d(0,130%,0);transition:opacity .42s var(--ease),transform .52s var(--spring)}.gyre-otp .sms.is-in{opacity:1;transform:translateZ(0)}.gyre-otp .sms__icon{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(150deg,var(--ice-lift),#7fa8d8);color:#0b1420}.gyre-otp .sms__icon svg{width:17px;height:17px}.gyre-otp .sms__body{flex:1 1 auto;min-width:0;display:block;line-height:1.35}.gyre-otp .sms__from{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.gyre-otp .sms__text{display:block;font-size:12.5px;color:rgba(238,242,247,.84);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gyre-otp .sms__text b{font-weight:700;letter-spacing:.06em;color:var(--cream)}.gyre-otp .sms__fill{flex:none;padding:7px 15px;border:0;border-radius:99px;background:var(--cream);color:#14161a;font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;transition:transform .24s var(--spring),background-color .2s}.gyre-otp .sms__fill:hover{background:#fff}.gyre-otp .sms__fill:active{transform:scale(.94)}.gyre-otp .sms__fill:focus-visible{outline:2px solid var(--ice-lift);outline-offset:3px}.gyre-otp .hint__b{font-weight:700;letter-spacing:.05em;color:rgba(238,242,247,.8)}@media (max-height:760px){.gyre-otp .masthead__title{font-size:clamp(24px,7vw,30px)}.gyre-otp .sheet{padding:14px 20px 20px}.gyre-otp .sheet__grabber{margin-bottom:18px}}@media (prefers-reduced-motion:reduce){.gyre-otp .seal__sheen{display:none}.gyre-otp,.gyre-otp *,.gyre-otp :after,.gyre-otp :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.gyre-otp .seal__tile,.gyre-otp .sms,.gyre-otp .verify__done,.gyre-otp .verify__err,.gyre-otp .verify__foot,.gyre-otp .verify__sub-in,.gyre-otp .verify__title-in{transition-duration:.2s!important}.gyre-otp .sms{transform:none}.gyre-otp .seal__tile{transform:rotate(0deg) scale(1)}.gyre-otp .orbit,.gyre-otp .seal__ring{display:none}.gyre-otp.gyre-live .slot:focus-within:not(.is-filled) .slot__win:after{animation:none}}.gyre-otp{width:100%;font-family:var(--font);color:var(--cream);-webkit-font-smoothing:antialiased;color-scheme:dark}.gyre-otp .gyre-otp__back{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.gyre-otp .gyre-otp__back:hover{color:var(--cream)}.gyre-otp .slot__input{box-shadow:none!important;outline:none!important;-webkit-appearance:none;appearance:none}