.sa-page{color:#fff;width:100%;min-height:100vh;font-family:var(--font-sa-sans), Inter, system-ui, -apple-system, "Segoe UI", sans-serif;background:radial-gradient(70% 55% at 50% 8%,#386ebe42,#0000 62%),radial-gradient(45% 40% at 50% 46%,#3078ff1a,#0000 70%),linear-gradient(#0f1724 0%,#070c14 100%);justify-content:center;align-items:center;padding:48px 20px 40px;display:flex;position:relative;overflow-x:hidden}.sa-glow{filter:blur(100px);pointer-events:none;background:#3078ff1f;border-radius:50%;width:520px;height:520px;position:absolute;top:8%}.sa-wrap{z-index:2;width:min(100%,560px);padding-top:96px;position:relative}.sa-mascot{z-index:5;width:182px;height:182px;animation:5.5s ease-in-out infinite saFloat;position:absolute;top:-46px;left:50%;transform:translate(-50%)}.sa-mascot svg{display:block;overflow:visible}.sa-m-paw,.sa-m-head,.sa-m-eye,.sa-m-pupil,.sa-m-brow,.sa-m-ear,.sa-m-mouth{transform-box:fill-box;transform-origin:50%;transition:transform .42s cubic-bezier(.34,1.3,.5,1),opacity .3s}.sa-m-eye--left{transform-origin:78px 90px}.sa-m-eye--right{transform-origin:122px 90px}.sa-m-paw--left{transform-origin:64px 150px}.sa-m-paw--right{transform-origin:136px 150px}.sa-m-brow--left{transform-origin:77px 74px}.sa-m-brow--right{transform-origin:123px 74px}.sa-m-cheek{fill:#7aa0d673;filter:blur(2px);transition:opacity .3s}.sa-m-cheek--left,.sa-m-cheek--right{transform-box:fill-box;transform-origin:50%}.sa-mascot[data-state=neutral] .sa-m-eye{transform:scaleY(.5)}.sa-mascot[data-state=neutral] .sa-m-mouth--happy{opacity:0}.sa-mascot[data-state=emailFocus] .sa-m-eye{transform:scaleY(1.08)}.sa-mascot[data-state=emailFocus] .sa-m-pupil{transform:translateY(3px)}.sa-mascot[data-state=emailFocus] .sa-m-paw--left{transform:translate(-4px,-10px)}.sa-mascot[data-state=emailFocus] .sa-m-paw--right{transform:translate(4px,-10px)}.sa-mascot[data-state=emailFocus] .sa-m-head{transform:rotate(-2.2deg)translateY(2px)}.sa-mascot[data-state=emailFocus] .sa-m-ear--left{transform:rotate(-6deg)}.sa-mascot[data-state=emailFocus] .sa-m-ear--right{transform:rotate(6deg)}.sa-mascot[data-state=passwordHidden] .sa-m-paw--left{transform:translate(14px,-60px)rotate(-8deg)}.sa-mascot[data-state=passwordHidden] .sa-m-paw--right{transform:translate(-14px,-60px)rotate(8deg)}.sa-mascot[data-state=passwordHidden] .sa-m-eye{opacity:0;transform:scaleY(.06)}.sa-mascot[data-state=passwordHidden] .sa-m-cheek{opacity:.9}.sa-mascot[data-state=passwordHidden] .sa-m-head{transform:translateY(3px)rotate(0)}.sa-mascot[data-state=passwordVisible] .sa-m-paw--left{transform:translate(-24px,-26px)rotate(-20deg)}.sa-mascot[data-state=passwordVisible] .sa-m-paw--right{transform:translate(24px,-26px)rotate(20deg)}.sa-mascot[data-state=passwordVisible] .sa-m-eye{transform:scaleY(1.12)}.sa-mascot[data-state=passwordVisible] .sa-m-pupil{transform:translateY(2px)}.sa-mascot[data-state=passwordVisible] .sa-m-head{transform:translateY(4px)rotate(1.5deg)}.sa-mascot[data-state=success]{animation:.7s saBounce}.sa-mascot[data-state=success] .sa-m-paw--left{transform:translate(-8px,4px)rotate(-6deg)}.sa-mascot[data-state=success] .sa-m-paw--right{transform:translate(8px,4px)rotate(6deg)}.sa-mascot[data-state=success] .sa-m-eye{transform:scaleY(1.05)}.sa-mascot[data-state=success] .sa-m-mouth--rest{opacity:0}.sa-mascot[data-state=success] .sa-m-mouth--happy,.sa-mascot[data-state=success] .sa-m-cheek{opacity:1}.sa-mascot[data-state=error]{animation:.5s saShake}.sa-mascot[data-state=error] .sa-m-eye{transform:scaleY(.72)}.sa-mascot[data-state=error] .sa-m-brow--left{transform:rotate(-14deg)translateY(1px)}.sa-mascot[data-state=error] .sa-m-brow--right{transform:rotate(14deg)translateY(1px)}.sa-mascot[data-state=error] .sa-m-mouth--rest{transform:translateY(2px)rotate(180deg)}.sa-mascot[data-state=error] .sa-m-mouth--happy{opacity:0}@keyframes saFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-3px)}}@keyframes saBounce{0%{transform:translate(-50%)translateY(0)rotate(0)}22%{transform:translate(-50%)translateY(-12px)rotate(-2deg)}45%{transform:translate(-50%)translateY(0)rotate(2deg)}68%{transform:translate(-50%)translateY(-6px)rotate(-1.2deg)}to{transform:translate(-50%)translateY(0)rotate(0)}}@keyframes saShake{0%,to{transform:translate(-50%)rotate(0)}20%{transform:translate(-50%)translate(-6px)rotate(-3.5deg)}45%{transform:translate(-50%)translate(5px)rotate(3deg)}70%{transform:translate(-50%)translate(-3px)rotate(-1.6deg)}}.sa-card{-webkit-backdrop-filter:blur(28px);background:#141c2cc2;border:1px solid #8ca0be4d;border-radius:34px;padding:46px 44px 34px;position:relative;box-shadow:0 34px 78px #00000080,inset 0 1px #ffffff0d}.sa-title{text-align:center;letter-spacing:-.02em;background:linear-gradient(90deg,#6fb0ff,#b991ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:40px;font-weight:800}.sa-sub{text-align:center;color:#9aa6ba;margin-bottom:26px;font-size:15.5px}.sa-sub strong{color:#c7d3e6;font-weight:600}.sa-error{text-align:center;color:#ff9d9d;margin-bottom:14px;font-size:13.5px;font-weight:600}.sa-error:empty{margin-bottom:0}.sa-notice{text-align:center;color:#8fb6ea;margin-bottom:18px;font-size:13px}.sa-hint{text-align:center;color:#9aa6ba;margin-bottom:18px;font-size:13.5px}.sa-field{margin-bottom:16px;position:relative}.sa-field label{color:#8fa9cf;z-index:1;pointer-events:none;font-size:12.5px;font-weight:600;transition:top .18s,font-size .18s,color .18s;position:absolute;top:11px;left:20px}.sa-page input.sa-input{appearance:none;border-radius:17px;outline:none;width:100%;height:66px;padding:26px 20px 8px;font-family:inherit;font-size:16.5px;transition:border-color .22s,box-shadow .22s,background .22s;color:#f2f6fc!important;background:#ffffff0b!important;border:1px solid #91a5c33d!important}.sa-page input.sa-input.is-password{padding-top:22px}.sa-page input.sa-input::placeholder{color:#8a93a4!important}.sa-page input.sa-input:focus{box-shadow:0 0 0 3px #4691ff2e,0 0 26px #4691ff24;background:#ffffff13!important;border-color:#67aaffd9!important}.sa-page input:focus~.sa-eye{color:#cfe0f5}.sa-eye{color:#7d8ba3;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:color .18s,background .18s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.sa-eye:hover{color:#b9cbe4;background:#ffffff0f}.sa-eye:focus-visible{outline-offset:1px;outline:2px solid #67aaffb3}.sa-eye svg{width:21px;height:21px}.sa-rules{color:#8a93a4;flex-direction:column;gap:3px;margin-top:10px;font-size:11.5px;display:flex}.sa-options{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 24px;display:flex}.sa-link{color:#a9c8ff;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13.5px;font-weight:600;text-decoration:none}.sa-link:hover{color:#cfe0f5}.sa-link.muted{color:#8b98ad}.sa-link.muted:hover{color:#c7d3e6}.sa-channels{flex-direction:column;gap:10px;display:flex}.sa-channel{color:#fff;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #8ca0be38;border-radius:16px;padding:14px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:border-color .2s,background .2s}.sa-channel:hover:not(:disabled){background:#ffffff14;border-color:#67aaff99}.sa-channel:disabled{cursor:default;opacity:.7}.sa-channel span{color:#9aa6ba;font-weight:400}.sa-btn{color:#fff;cursor:pointer;background:linear-gradient(115deg,#2f86ef 0%,#2266c7 100%);border:0;border-radius:19px;width:100%;height:72px;font-family:inherit;transition:box-shadow .2s,transform .12s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 32px #246fe347}.sa-btn:hover:not(:disabled){box-shadow:0 14px 40px #246fe366}.sa-btn:active:not(:disabled){transform:translateY(1px)}.sa-btn:disabled{cursor:default}.sa-btn__label{letter-spacing:-.01em;font-size:18.5px;font-weight:700;position:absolute;top:50%;left:30px;transform:translateY(-50%)}.sa-door{perspective:170px;perspective-origin:62%;width:64px;height:56px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.sa-door__frame{background:linear-gradient(#060c18b8,#0a122280);border:2px solid #ffffffb8;border-radius:8px;position:absolute;inset:0;box-shadow:inset 0 0 14px #0000008c}.sa-door__frame:after{content:"";background:#ffffff38;border-radius:2px;height:2px;position:absolute;bottom:2px;left:3px;right:3px}.sa-door__panel{transform-origin:100%;z-index:2;background:linear-gradient(100deg,#cfe6ff 0%,#6ba6e8 60%,#3f7cc9 100%);border-radius:6px;width:56px;height:48px;position:absolute;top:3px;right:3px;transform:rotateY(0);box-shadow:inset 0 0 10px #ffffff73}.sa-door__panel:before{content:"";background:#ffffff8c;border-radius:3px;width:15px;height:15px;position:absolute;top:6px;left:6px;box-shadow:inset 0 0 0 1px #ffffffb3}.sa-door__panel:after{content:"";background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:24px;left:6px;box-shadow:0 0 4px #00000059}.sa-person{opacity:0;z-index:3;width:22px;height:40px;position:absolute;bottom:6px;left:-15px;transform:translate(0)}.sa-person__head{background:#fff;border-radius:50%;width:9px;height:9px;margin:0 auto;display:block}.sa-person__body{background:#fff;border-radius:2px;width:4px;height:18px;margin:1px auto;display:block}.sa-person__legs{width:14px;margin:0 auto;display:block;position:relative}.sa-person__legs:before,.sa-person__legs:after{content:"";transform-origin:top;background:#fff;border-radius:2px;width:3px;height:12px;position:absolute;top:0}.sa-person__legs:before{left:3px;transform:rotate(20deg)}.sa-person__legs:after{right:3px;transform:rotate(-20deg)}.sa-btn.dooropen .sa-door__panel{transform:rotateY(72deg)}.sa-btn.dooropen .sa-person{opacity:1}.sa-btn.walking .sa-person{animation:.68s linear forwards saWalkThrough}@keyframes saWalkThrough{0%{opacity:1;transform:translate(0)}72%{opacity:1}to{opacity:0;transform:translate(46px)}}.sa-btn.walking .sa-person__legs:before{animation:.21s linear infinite alternate saLeg1}.sa-btn.walking .sa-person__legs:after{animation:.21s linear infinite alternate saLeg2}@keyframes saLeg1{0%{transform:rotate(30deg)}to{transform:rotate(-30deg)}}@keyframes saLeg2{0%{transform:rotate(-30deg)}to{transform:rotate(30deg)}}.sa-otp{justify-content:center;margin-bottom:24px;display:flex}.sa-page input.sa-otp-box input,.sa-page .sa-otp input{border-radius:14px;color:#f2f6fc!important;background:#ffffff0d!important;border:1px solid #91a5c347!important}.sa-wait{color:#5f6c82;font-size:12.5px;font-weight:700}.sa-foot{text-align:center;color:#6b7688;justify-content:center;align-items:center;gap:7px;margin-top:22px;font-size:12.5px;display:flex}.sa-foot svg{flex-shrink:0;width:13px;height:13px}.sa-foot-alt{margin-top:12px}.sa-test{color:#9fb3d0;cursor:pointer;background:#ffffff0f;border:1px dashed #8ca0be73;border-radius:10px;margin:14px auto 0;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:700;display:block}.sa-test:hover{color:#cfe0f5;background:#ffffff1a}.sa-debug{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.sa-debug__btn{color:#9fb3d0;cursor:pointer;background:#ffffff0d;border:1px solid #8ca0be4d;border-radius:8px;padding:5px 9px;font-family:inherit;font-size:11px;font-weight:700}.sa-debug__btn[data-active=true]{color:#fff;background:#2f86ef59;border-color:#67aaffcc}@media (max-width:620px){.sa-page{padding:32px 16px 28px}.sa-wrap{padding-top:82px}.sa-card{border-radius:26px;padding:40px 22px 28px}.sa-title{font-size:33px}.sa-sub{margin-bottom:22px;font-size:14px}.sa-mascot{transform-origin:top;transform:translate(-50%)scale(.84)}.sa-mascot[data-state=success]{animation:.7s saBounceMobile}@keyframes saBounceMobile{0%{transform:translate(-50%)scale(.84)translateY(0)rotate(0)}22%{transform:translate(-50%)scale(.84)translateY(-12px)rotate(-2deg)}45%{transform:translate(-50%)scale(.84)translateY(0)rotate(2deg)}68%{transform:translate(-50%)scale(.84)translateY(-6px)rotate(-1.2deg)}to{transform:translate(-50%)scale(.84)translateY(0)rotate(0)}}.sa-btn{height:66px}.sa-btn__label{font-size:17px;left:22px}.sa-door{right:14px;transform:translateY(-50%)scale(.9)}}@media (prefers-reduced-motion:reduce){.sa-mascot,.sa-mascot[data-state=success],.sa-mascot[data-state=error]{animation:none}.sa-m-paw,.sa-m-head,.sa-m-eye,.sa-m-pupil,.sa-m-brow,.sa-m-ear,.sa-m-mouth{transition-duration:.01ms}.sa-btn.walking .sa-person,.sa-btn.walking .sa-person__legs:before,.sa-btn.walking .sa-person__legs:after{animation:none}.sa-btn.walking .sa-person{opacity:0}.sa-door__panel,.sa-btn,.sa-eye,.sa-field label,.sa-page input.sa-input{transition:none}}
