.demo-login{min-width:0;width:420px;max-width:100%;margin:auto;position:relative;isolation:isolate}.demo-login:before{inset:-60px 0;background:radial-gradient(ellipse,#0b0f19 25%,#0b0f19e0 50%,transparent 75%)}.demo-login .reference-auth{display:block;padding:0;min-height:0}.demo-login .reference-auth:after,.demo-login .reference-auth:before{display:none}.demo-login .reference-auth .auth-panel{border:0;background:transparent;color:#edf2f1;padding:0;max-width:none}.demo-login .reference-auth .auth-panel h1{font-size:32px;font-weight:400}.demo-login .auth-description{color:#f1f5f9}.demo-login .reference-auth .auth-panel label{color:#e2e8f0}.demo-login .reference-auth .auth-panel input{background:#151c2cee;border:1px solid #64748b;color:white}.demo-login .reference-auth .auth-panel button[type=submit]{background:var(--teal-ink);color:var(--surface);border:0;font-weight:600}.demo-login .reference-auth .auth-panel button{color:#9ee8dd}.demo-login .auth-panel [role=status]:not(:empty){background:#182636;color:#fda4af}.demo-login .auth-mfa-note{color:#b5c2d1;border-color:#334155}.demo-login .recognising-door{border-color:#5eead4}.demo-login code{color:#e2e8f0}@media (max-width:900px){.demo-login{order:-1}.demo-login:before{inset:-20px}}.demo-login .reference-auth .auth-panel h1{margin-top:0;line-height:1.2}.demo-login{max-width:440px;width:100%;align-self:stretch;display:flex;flex-direction:column;margin:0 auto}.demo-login .auth-panel h1{font-size:34px}.demo-login .reference-auth .auth-panel button[type=submit]:after{content:" →"/""}@media (max-width:900px){.demo-login{max-width:none}}@media (max-width:600px){.demo-login .reference-auth .auth-panel input{font-size:16px}}.demo-login .password-row.has-toggle{position:relative}.demo-login .reference-auth .auth-panel .password-row.has-toggle input{padding-inline-end:52px}.demo-login .reference-auth .auth-panel .password-toggle{position:absolute;inset-inline-end:4px;bottom:4px;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;transition:color .15s ease}.demo-login .reference-auth .auth-panel .password-toggle:hover,.demo-login .reference-auth .auth-panel .password-toggle[aria-pressed=true]{color:#9ee8dd}.demo-login .reference-auth .auth-panel .password-toggle:focus-visible{outline:2px solid #5eead4;outline-offset:-2px}.demo-login{align-self:start;padding:36px 34px 30px;border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.11),rgba(255,255,255,.035) 55%,rgba(255,255,255,.06));-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);box-shadow:0 40px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.07),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.04);animation:glass-card-in .56s var(--glass-ease-out) backwards}@keyframes glass-card-in{0%{opacity:0;transform:translateY(16px);filter:blur(6px)}}.demo-login:before{padding:1px;background:linear-gradient(140deg,rgba(94,234,212,.7),rgba(255,255,255,.08) 35%,rgba(255,255,255,.02) 60%,rgba(127,150,214,.55));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.demo-login:after,.demo-login:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none}.demo-login:after{background:radial-gradient(420px circle at var(--mx,30%) var(--my,0),rgba(255,255,255,.1),transparent 55%);opacity:.6}.demo-login .auth-step:not(.auth-step-enter) fieldset>button,.demo-login .auth-step:not(.auth-step-enter) fieldset>p{animation:glass-field-in .42s var(--glass-ease-out) backwards}.demo-login .auth-step:not(.auth-step-enter) fieldset>p:nth-of-type(2){animation-delay:60ms}.demo-login .auth-step:not(.auth-step-enter) fieldset>button,.demo-login .auth-step:not(.auth-step-enter) fieldset>p:nth-of-type(3){animation-delay:.12s}@keyframes glass-field-in{0%{opacity:0;transform:translateY(6px)}}.demo-login .auth-step-enter{animation:glass-step-in .22s var(--glass-ease-out)}@keyframes glass-step-in{0%{opacity:0;filter:blur(3px);transform:translateY(8px)}}.demo-login .reference-auth .auth-panel input{height:52px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.46);background:rgba(6,10,20,.55);color:#fff;font-size:16px;outline:none;transition:border-color .16s ease,box-shadow .2s var(--glass-ease-out),background-color .16s ease}.demo-login .reference-auth .auth-panel input:focus{border-color:rgba(94,234,212,.75);box-shadow:0 0 0 4px rgba(34,197,179,.16),0 0 24px -6px rgba(34,197,179,.45);background:rgba(6,10,20,.7)}.demo-login .reference-auth .auth-panel .password-toggle{border-radius:10px}.demo-login .reference-auth .auth-panel .password-toggle:hover{background:transparent}.demo-login .reference-auth .auth-panel button.auth-continue{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;height:52px;margin-top:6px;border:0;border-radius:12px;background:linear-gradient(100deg,#22c5b3,#22c3dc);color:#04121a;font-weight:600;font-size:16px;box-shadow:0 14px 34px -14px rgba(34,197,179,.7);transition:transform .16s var(--glass-ease-out),box-shadow .2s ease}@media (hover:hover) and (pointer:fine){.demo-login .reference-auth .auth-panel button.auth-continue:hover{background:linear-gradient(100deg,#22c5b3,#22c3dc);color:#04121a;box-shadow:0 18px 40px -14px rgba(34,197,179,.85)}}.demo-login .reference-auth .auth-panel button.auth-continue:active{transform:scale(.97)}.demo-login .reference-auth .auth-panel button.auth-continue.is-busy{cursor:progress}.demo-login .reference-auth .auth-panel button.auth-continue.is-busy:after{content:none}.demo-login .reference-auth .auth-panel button.auth-continue.is-busy:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.45) 50%,transparent 80%);transform:translateX(-100%);animation:glass-sweep 1.1s linear infinite}@keyframes glass-sweep{to{transform:translateX(100%)}}.demo-login .auth-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(4,18,26,.3);border-top-color:#04121a;animation:glass-spin .7s linear infinite}@keyframes glass-spin{to{transform:rotate(1turn)}}.demo-login .auth-panel [role=status]:not(:empty){border:1px solid rgba(251,113,133,.4);border-radius:12px;background:rgba(80,18,32,.35)}.demo-login .reference-auth .auth-panel button:not([type=submit]):not(.password-toggle){min-height:44px;padding:0;border:0;background:transparent;color:#9ee8dd;font-size:13px;text-decoration:underline}.demo-login .otp-field{position:relative;display:block;margin-top:8px}.demo-login .reference-auth .auth-panel .otp-field input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;padding:0;border:0;color:transparent;caret-color:transparent;background:transparent;box-shadow:none}.demo-login .otp-field input::selection{background:transparent}.demo-login .otp-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.demo-login .otp-slot{position:relative;height:62px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.46);background:rgba(6,10,20,.55);font:500 26px/1 IBM Plex Mono,monospace;color:#fff;transition:border-color .16s ease,box-shadow .2s var(--glass-ease-out),background-color .2s ease}.demo-login .otp-slot>span{display:inline-block}.demo-login .otp-slot>span:before{content:attr(data-digit)}.demo-login .otp-slot>span{animation:glass-pop .18s var(--glass-ease-out)}@keyframes glass-pop{0%{transform:scale(.82);opacity:0;filter:blur(2px)}}.demo-login .otp-slot.is-active{border-color:rgba(94,234,212,.8);box-shadow:0 0 0 4px rgba(34,197,179,.15)}.demo-login .otp-slot.is-active:after{content:"";width:2px;height:26px;background:#22c5b3;animation:glass-blink 1s steps(2,start) infinite}@keyframes glass-blink{to{visibility:hidden}}.demo-login .otp-field.is-busy .otp-slot{animation:glass-scan 1.2s var(--glass-ease-in-out) infinite}.demo-login .otp-field.is-busy .otp-slot:nth-child(2){animation-delay:70ms}.demo-login .otp-field.is-busy .otp-slot:nth-child(3){animation-delay:.14s}.demo-login .otp-field.is-busy .otp-slot:nth-child(4){animation-delay:.21s}.demo-login .otp-field.is-busy .otp-slot:nth-child(5){animation-delay:.28s}.demo-login .otp-field.is-busy .otp-slot:nth-child(6){animation-delay:.35s}@keyframes glass-scan{40%{border-color:rgba(94,234,212,.85);box-shadow:0 0 22px -4px rgba(34,197,179,.6)}}.demo-login .otp-field.is-error .otp-slot{border-color:rgba(251,113,133,.75);background:rgba(80,18,32,.35)}.demo-login .otp-field.is-error .otp-slots{animation:glass-shake .32s var(--glass-ease-out)}@keyframes glass-shake{20%{transform:translateX(-7px)}45%{transform:translateX(6px)}70%{transform:translateX(-3px)}}@media (max-width:600px){.demo-login{padding:28px 20px 24px;border-radius:18px}.demo-login .otp-slots{gap:7px}.demo-login .otp-slot{height:54px;font-size:22px}}@media (prefers-reduced-motion:reduce){.demo-login,.demo-login *,.demo-login :after,.demo-login :before{animation:none!important}.demo-login .otp-field.is-busy .otp-slot{border-color:rgba(94,234,212,.6)}}.demo-login .auth-ways-out{display:flex;flex-wrap:wrap;align-items:center;gap:0 24px;margin:8px 0 0}.demo-login .auth-ways-out a{display:inline-flex;align-items:center;min-height:44px;color:#9ee8dd;font-size:13px;text-underline-offset:3px}.demo-login .auth-recovery ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px 16px;margin:0 0 4px;padding:0;list-style:none;font-size:15px}.demo-login .auth-recovery-tools{display:flex;flex-wrap:wrap;gap:0 20px;margin:0}.demo-login .auth-recovery-status{margin:0;color:#b5c2d1;font-size:13px}.demo-login .reference-auth .auth-panel label.auth-recovery-saved{display:flex;align-items:center;gap:12px;min-height:44px;margin:8px 0 16px}.demo-login .reference-auth .auth-panel .auth-recovery-saved input{width:20px;height:20px;margin:0;accent-color:#22c5b3}.demo-login .auth-who{margin:0 0 14px;padding:6px 12px;border:1px solid rgba(94,234,212,.35);border-radius:999px;display:inline-block;color:#9ee8dd;font-size:13px;text-transform:capitalize}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/_next/static/media/ibm-plex-sans-cyrillic-ext-300-normal.eb278c9c.woff2) format("woff2"),url(/_next/static/media/ibm-plex-sans-cyrillic-ext-300-normal.949dc0c1.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/_next/static/media/ibm-plex-sans-cyrillic-300-normal.2697e1bb.woff2) format("woff2"),url(/_next/static/media/ibm-plex-sans-cyrillic-300-normal.d772a787.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/_next/static/media/ibm-plex-sans-greek-300-normal.59f9421c.woff2) format("woff2"),url(/_next/static/media/ibm-plex-sans-greek-300-normal.84a79373.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/_next/static/media/ibm-plex-sans-vietnamese-300-normal.6bad10c1.woff2) format("woff2"),url(/_next/static/media/ibm-plex-sans-vietnamese-300-normal.8ed6ab07.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/_next/static/media/ibm-plex-sans-latin-ext-300-normal.cb67f57b.woff2) format("woff2"),url(/_next/static/media/ibm-plex-sans-latin-ext-300-normal.71604702.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/_next/static/media/ibm-plex-sans-latin-300-normal.5d8f97bc.woff2) format("woff2"),url(/_next/static/media/ibm-plex-sans-latin-300-normal.5d9f75ee.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(/_next/static/media/source-serif-4-cyrillic-ext-400-italic.dc61279a.woff2) format("woff2"),url(/_next/static/media/source-serif-4-cyrillic-ext-400-italic.9da72a70.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(/_next/static/media/source-serif-4-cyrillic-400-italic.73f8b10d.woff2) format("woff2"),url(/_next/static/media/source-serif-4-cyrillic-400-italic.fbddd4d8.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(/_next/static/media/source-serif-4-greek-400-italic.820f9b6e.woff2) format("woff2"),url(/_next/static/media/source-serif-4-greek-400-italic.93002ca9.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(/_next/static/media/source-serif-4-vietnamese-400-italic.d5370a10.woff2) format("woff2"),url(/_next/static/media/source-serif-4-vietnamese-400-italic.0b04c2c3.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(/_next/static/media/source-serif-4-latin-ext-400-italic.2b9339a1.woff2) format("woff2"),url(/_next/static/media/source-serif-4-latin-ext-400-italic.a4bf57ad.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(/_next/static/media/source-serif-4-latin-400-italic.81f4f0a6.woff2) format("woff2"),url(/_next/static/media/source-serif-4-latin-400-italic.2dbc098b.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}