.sx-page{--sx-bg:#0b080d;--sx-main:#120f14;--sx-side:#100d12;--sx-line:#1f1b24;--sx-field:#0c0a0f;--sx-field-line:#221e28;--sx-text:#f4f3f7;--sx-muted:#8d8a95;--sx-faint:#57535e;--sx-accent:#5859e9;--sx-accent-hi:#6d6ef2;--sx-ok:#34d399;--sx-bad:#f43f5e;--text:var(--sx-text);--text-muted:var(--sx-muted);--text-faint:var(--sx-faint);--surface:var(--sx-main);--surface-sunken:var(--sx-field);--border:var(--sx-field-line);--accent:var(--sx-accent);--surface-raised:#1a1b22;--border-line:var(--sx-field-line);--border-strong:rgba(255,255,255,0.14);--accent-hover:var(--sx-accent-hi);--accent-soft:rgba(99,102,241,0.22);--success:var(--sx-ok);--success-soft:rgba(34,197,94,0.18);--danger:var(--sx-bad);--danger-soft:rgba(244,63,94,0.18);color-scheme:dark;display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:28px 16px;background:radial-gradient(55% 45% at 85% 100%,rgba(88,89,233,.09),transparent 70%),radial-gradient(45% 40% at 0 100%,rgba(52,211,153,.04),transparent 70%),var(--sx-bg);color:var(--sx-text)}.sx-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:880px}.sx-brand{display:inline-flex;align-items:center;gap:8px;color:var(--sx-muted);font-size:14px;font-weight:700;text-decoration:none}.sx-brand:hover{color:var(--sx-text);text-decoration:none}.sx-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);width:100%;min-height:500px;border:1px solid var(--sx-line);border-radius:18px;background:var(--sx-main);box-shadow:0 40px 90px -30px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.015)}.sx-card[data-state=error]{animation:sx-shake .42s ease-in-out}.sx-main{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:46px 48px 38px}.sx-main__form{transition:opacity .3s ease,transform .3s ease,filter .3s ease}.sx-main.is-done .sx-main__form{opacity:0;transform:scale(.98);pointer-events:none}@media (hover:hover) and (pointer:fine){.sx-main.is-done .sx-main__form{filter:blur(8px)}}.sx-title{margin:0;font-size:28px;font-weight:900;letter-spacing:-.01em}.sx-sub{margin:6px 0 30px;color:var(--sx-muted);font-size:14px;line-height:1.8}.sx-form .sm-field{margin-bottom:18px}.sx-form .sm-label{color:#9a97a3;font-size:13px;font-weight:600;transition:color .2s ease}.sx-form .sm-field:focus-within .sm-label{color:var(--sx-accent-hi)}.sx-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:30px 24px;-webkit-border-start:1px solid var(--sx-line);border-inline-start:1px solid var(--sx-line);border-start-end-radius:17px;border-end-end-radius:17px;background:radial-gradient(60% 42% at 50% 34%,rgba(88,89,233,.06),transparent 72%),radial-gradient(90% 80% at 50% 50%,rgba(255,255,255,.012),transparent 80%),var(--sx-side)}.sx-ring{position:relative;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:#09060b;color:var(--sx-accent-hi);transition:box-shadow .4s ease}.sx-ring__orbit{position:absolute;inset:-12px;border:1.5px dotted #2f2a36;border-radius:50%;animation:sx-turn 24s linear infinite}.sx-ring.is-ready .sx-ring__orbit{border-color:rgba(88,89,233,.3)}.sx-ring__svg{position:absolute;inset:0;transform:rotate(-90deg)}.sx-ring__track{fill:none;stroke:#1c1820;stroke-width:2}.sx-ring__fill{fill:none;stroke:var(--sx-accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .5s cubic-bezier(.3,.8,.3,1),stroke .3s ease}.sx-ring.is-ready{border-radius:50%;box-shadow:0 0 30px -2px rgba(88,89,233,.55)}.sx-ring__dot{position:relative;display:grid;place-items:center;width:24px;height:24px;border:1.5px solid #3a3541;border-radius:50%;transition:opacity .25s ease,transform .25s ease,border-color .25s ease}.sx-ring__dot:after{content:"";width:5px;height:5px;border-radius:50%;background:#6d6876;transition:background .25s ease,box-shadow .25s ease}.sx-ring.is-filling .sx-ring__dot{border-color:rgba(109,110,242,.55)}.sx-ring.is-filling .sx-ring__dot:after{background:var(--sx-accent-hi);box-shadow:0 0 8px var(--sx-accent)}.sx-ring .sx-lockicon,.sx-ring__check{position:absolute;opacity:0;transform:scale(.6);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.9,.3,1.4)}.sx-ring__check{width:30px;height:30px;fill:none;stroke:var(--sx-ok);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.sx-ring.is-ready .sx-ring__dot{opacity:0;transform:scale(.3)}.sx-ring.is-ready .sx-lockicon{opacity:1;transform:scale(1)}.sx-side[data-state=busy] .sx-ring__fill{stroke-dasharray:.22 .78;transition:none;animation:sx-orbit .9s linear infinite}.sx-side[data-state=ok] .sx-ring{color:var(--sx-ok);box-shadow:0 0 30px -2px rgba(88,89,233,.5);border-radius:50%}.sx-side[data-state=ok] .sx-ring__fill{stroke-dashoffset:0}.sx-side[data-state=ok] .sx-lockicon{opacity:0}.sx-side[data-state=ok] .sx-ring__check{opacity:1;transform:scale(1)}.sx-side[data-state=error] .sx-ring__fill{stroke:var(--sx-bad)}.sx-steps{display:flex;flex-direction:column;gap:16px;margin:8px 0 0;padding:0;list-style:none;font-size:13.5px;font-weight:600}.sx-steps li{display:flex;align-items:center;gap:10px;color:var(--sx-faint);transition:color .3s ease}.sx-steps__mark{display:grid;place-items:center;flex:none;width:18px;height:18px;border:1.5px solid #34303b;border-radius:50%;transition:border-color .3s ease,background .3s ease}.sx-steps__mark svg{width:12px;height:12px;fill:none;stroke:var(--sx-ok);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;animation:sx-pop .3s cubic-bezier(.2,.9,.3,1.4)}.sx-steps li.is-active{color:var(--sx-text)}.sx-steps li.is-active .sx-steps__mark{border-color:rgba(99,102,241,.35);border-top-color:var(--sx-accent-hi);animation:sx-turn .8s linear infinite}.sx-steps li.is-done{color:var(--sx-text)}.sx-steps li.is-done .sx-steps__mark{border-color:rgba(52,211,153,.45)}.sx-input{position:relative;display:block}.sx-input .sm-input{width:100%;max-width:none;min-height:50px;padding-right:42px;padding-left:40px;border:1px solid var(--sx-field-line);border-radius:10px;background:var(--sx-field);color:var(--sx-text);transition:border-color .2s ease,box-shadow .2s ease}.sx-input .sm-input:focus{border-color:var(--sx-accent);box-shadow:0 0 0 3px rgba(88,89,233,.18);outline:none}.sx-input__icon{position:absolute;top:50%;right:13px;z-index:1;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:var(--sx-faint);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke .2s ease}.sx-input:focus-within .sx-input__icon{stroke:var(--sx-accent-hi)}.sx-input__ok{position:absolute;top:50%;left:13px;width:18px;height:18px;transform:translateY(-50%) scale(.4);fill:none;stroke:var(--sx-ok);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.2,.9,.3,1.4)}.sx-input[data-state=ok] .sx-input__ok{opacity:1;transform:translateY(-50%) scale(1)}.sx-input[data-state=bad] .sm-input{border-color:rgba(244,63,94,.7)}.sx-input[data-state=bad] .sx-input__icon{stroke:var(--sx-bad)}.sx-input .sm-password .sm-input{padding-left:46px}.sx-input .sm-password__eye{right:auto;left:0;min-width:44px}.sx-input:has(.sm-password) .sx-input__ok{display:none}.sx-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:-4px 0 24px;font-size:13px}.sx-row a{color:var(--sx-accent-hi);font-weight:700}.sx-links{display:flex;flex-direction:column;align-items:center;gap:8px;margin:18px 0 0;color:var(--sx-muted);font-size:13.5px}.sx-foot a,.sx-links a{color:#c9c6d1;font-weight:700;text-decoration:none}.sx-foot a:hover,.sx-links a:hover{color:#fff;text-decoration:none}.sx-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;padding:0 18px;border:0;border-radius:10px;background:var(--sx-accent);color:#fff;font:inherit;font-size:15.5px;font-weight:800;cursor:pointer;box-shadow:0 10px 26px -8px rgba(88,89,233,.7),0 0 22px -4px rgba(88,89,233,.45);transition:background .2s ease,box-shadow .2s ease,opacity .2s ease}.sx-submit:hover:not(:disabled){background:var(--sx-accent-hi);box-shadow:0 12px 30px -8px rgba(88,89,233,.85),0 0 26px -4px rgba(88,89,233,.55)}.sx-submit:active:not(:disabled){filter:brightness(.94)}.sx-submit:focus-visible{outline:2px solid #fff;outline-offset:3px}.sx-submit:disabled{cursor:default}.sx-submit:disabled:not([data-state=busy]):not([data-state=ok]){opacity:.55}.sx-submit[data-state=busy]{background:#4a4ab9;color:rgba(255,255,255,.82);box-shadow:0 10px 26px -10px rgba(88,89,233,.6)}.sx-submit__shine{background:linear-gradient(90deg,rgba(255,255,255,.55),#fff 45%,rgba(255,255,255,.55) 90%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sx-shine 1.4s linear infinite}@keyframes sx-shine{0%{background-position:120% 0}to{background-position:-100% 0}}.sx-lockicon{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sx-lockicon__shackle{transform-box:fill-box;transform-origin:100% 100%;transition:transform .45s cubic-bezier(.2,.9,.3,1.3)}.sx-lockicon[data-open=true] .sx-lockicon__shackle{transform:translateY(-3px) rotate(30deg)}.sx-foot{margin:16px 0 0;color:var(--sx-muted);font-size:13px;text-align:center}.sx-note{margin:0 0 16px;padding:10px 12px;border-radius:10px;background:rgba(34,197,94,.07);box-shadow:inset 0 0 0 1px rgba(34,197,94,.25);font-size:13px;line-height:1.9}.sx-safe{display:inline-flex;margin:0;color:var(--sx-faint);font-size:12px}.sx-done,.sx-safe{align-items:center;gap:6px;text-align:center}.sx-done{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:32px;animation:sx-rise .45s cubic-bezier(.2,.8,.3,1) .15s both}.sx-done__icon{position:relative;display:grid;place-items:center;width:58px;height:58px;margin-bottom:12px;border-radius:50%;background:rgba(52,211,153,.08);box-shadow:0 0 34px -8px rgba(52,211,153,.55)}.sx-done__icon svg{position:absolute;width:30px;height:30px;fill:none;stroke:var(--sx-ok);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.sx-done__spin{stroke-dasharray:44 13;animation:sx-turn .7s linear infinite,sx-fade-out .2s ease .55s forwards}.sx-done__tick{opacity:0;animation:sx-pop .35s cubic-bezier(.2,.9,.3,1.4) .6s forwards}.sx-done__tick circle{stroke-width:1.8}@keyframes sx-fade-out{to{opacity:0}}.sx-done h2{margin:0;font-size:22px;font-weight:900}.sx-done p{margin:0 0 18px;color:var(--sx-muted);font-size:13.5px}.sx-done .sx-submit{max-width:300px}.sx-page .otp{width:100%}@keyframes sx-orbit{to{stroke-dashoffset:-1}}@keyframes sx-turn{to{transform:rotate(1turn)}}@keyframes sx-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes sx-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes sx-shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}@media (max-width:720px){.sx-card{grid-template-columns:1fr;min-height:0}.sx-side{order:-1;flex-direction:row;justify-content:center;gap:30px;padding:24px 16px 20px;-webkit-border-start:0;border-inline-start:0;border-bottom:1px solid var(--sx-line);border-radius:17px 17px 0 0}.sx-ring{width:64px;height:64px}.sx-ring__orbit{inset:-8px}.sx-title{font-size:24px}.sx-sub{margin-bottom:22px}.sx-steps{gap:8px;font-size:12.5px}.sx-main{padding:26px 20px 24px}.sx-input .sm-input{font-size:16px}}@media (prefers-reduced-motion:reduce){.sx-card[data-state=error],.sx-done,.sx-ring__orbit,.sx-side[data-state=busy] .sx-ring__fill,.sx-steps li.is-active .sx-steps__mark,.sx-steps__mark svg,.sx-submit__shine{animation:none}.sx-done__spin{display:none}.sx-done__tick{opacity:1;animation:none}.sx-input__ok,.sx-lockicon__shackle,.sx-main__form,.sx-ring,.sx-ring__fill,.sx-submit{transition:none}}html:has(.sx-page),html:has(.sx-page) body{background:#0b0b10}.sx-slot{position:relative}.sx-slot .sx-submit{position:relative;z-index:3;will-change:transform}.sx-slot.is-away .sx-submit{box-shadow:0 14px 34px -8px rgba(88,89,233,.85),0 0 26px -2px rgba(88,89,233,.5)}.sx-slot__ghost{position:absolute;inset:0;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.012);opacity:0;transition:opacity .25s ease}.sx-slot.is-away .sx-slot__ghost{opacity:1}.sx-slot__wire{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;opacity:0;pointer-events:none}.sx-slot__glow,.sx-slot__line{fill:none;stroke-linecap:round;stroke-dasharray:0 1}.sx-slot__line{stroke:#6f6cf6;stroke-width:3}.sx-slot__glow{stroke:rgba(88,89,233,.28);stroke-width:10}