:root{--background-gradient:radial-gradient(122.23% 100% at 0 100%,#5bc5e8 0,#3780bd 24.76%,#103a8b 55.66%,#021847 100%)}html{background-image:var(--background-gradient)}#app{flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex}main{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.login-container{background-color:var(--background-secondary);border-radius:13px;max-width:460px;padding:60px 65px 100px}@media (max-width:64em){main{justify-content:start;padding:30px 10px}.login-container{padding:40px}}.login{flex-direction:column;align-items:center;display:flex}.login .login-logo{margin-bottom:30px}.login .login-logo img{height:32px}.login .login-progress{width:100%;margin-bottom:30px}.login .login-progress .login-progress-text{color:var(--text-hint);justify-content:space-between;margin-bottom:5px;font-size:13px;font-weight:500;transition:color .33s;display:flex}.login .login-progress .login-progress-text .login-progress-text-active{color:var(--text-primary)}.login .login-progress .login-progress-bar{background-image:linear-gradient(90deg,#3893f6,#2ddeb9);border-radius:15px;justify-content:flex-start;padding:4px;display:flex}.login .login-progress .login-progress-bar .login-progress-bar-thumb{background-color:#fff;border-radius:12px;width:12px;height:12px}.login .login-progress .login-progress-bar-offset{flex-grow:0;transition:flex-grow .33s ease-out}.login .login-progress .login-progress-bar-offset.active{flex-grow:1}.login .login-store-logo{margin-bottom:30px}.login .login-store-logo img{height:128px}.login .login-form h1{color:var(--text-primary);text-align:center;font-size:20px;font-weight:700}.login .login-form h2{color:var(--text-hint);text-align:center;margin:10px 0 30px;font-size:16px;font-weight:400}.login .login-form .login-form-input{background-color:var(--background-primary);border-radius:8px;width:100%;margin-bottom:12px;display:flex;position:relative;box-shadow:inset 0 .0625rem .1875rem #00000040}.login .login-form .login-form-input input{width:100%;color:var(--text-primary);border-radius:8px;padding:15px;font-size:16px}.login .login-form .login-form-input input::placeholder{color:#666a}.login .login-form .login-form-input.login-form-input-center input{text-align:center;font-size:20px;font-weight:400}.login .login-form .login-form-input-icon{pointer-events:none;opacity:0;justify-content:flex-end;align-items:center;padding-right:15px;transition:opacity .15s linear;display:flex;position:absolute;inset:0}.login .login-form .login-form-input-icon.active{opacity:1}.login .login-form .login-form-terms{color:var(--text-hint);font-size:13px}.login .login-form .login-form-buttons{flex-direction:column;row-gap:14px;width:100%;margin-top:12px;display:flex}.login .login-form .login-form-buttons button{cursor:pointer;color:var(--text-hint);border:2px solid var(--border-primary);text-transform:uppercase;border-radius:30px;padding:15px;font-size:16px;font-weight:700}.login .login-form .login-form-buttons button[type=submit]{color:#fff;background-image:linear-gradient(#5793f3,#4281f2);border:none}.login .login-form .login-form-buttons button:hover{color:var(--text-primary)}.login .login-form .login-form-buttons button[type=submit]:hover{color:#fff;opacity:.8}.login .login-form .login-form-buttons button[type=submit]:disabled{opacity:.4}.login .login-form .login-form-divider{color:var(--text-hint);text-transform:uppercase;align-items:center;column-gap:12px;margin:14px 0 2px;font-size:13px;display:flex}.login .login-form .login-form-divider:before,.login .login-form .login-form-divider:after{content:"";background-color:var(--border-primary);flex:1;height:1px}.login .login-form .login-form-buttons button.login-form-telegram{color:#fff;background-image:linear-gradient(#2aabee,#229ed9);border:none;justify-content:center;align-items:center;column-gap:10px;display:flex}.login .login-form .login-form-buttons button.login-form-telegram:hover{color:#fff;opacity:.8}.login .login-form .login-form-buttons button.login-form-telegram:disabled{opacity:.4}.login .login-form .login-form-buttons button.login-form-telegram svg{flex-shrink:0}.login .login-form .login-form-buttons.login-tg-open{margin-top:0;margin-bottom:22px}.login .login-tg-status{color:var(--text-hint);text-align:center;justify-content:center;align-items:center;column-gap:8px;margin-bottom:4px;font-size:13px;display:flex}.login .login-form.login-tg-back{width:100%}.login .login-tg-fallback{color:var(--text-hint);text-align:center;overflow-wrap:anywhere;margin-top:12px;font-size:13px;animation:.35s ease-out login-tg-reveal}@keyframes login-tg-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.login .login-tg-fallback{animation:none}}.login .login-tg-fallback b{color:var(--text-primary);font-weight:600}footer{max-width:480px;padding:20px 10px 50px}.footer-links{align-items:center;column-gap:25px;display:flex}.footer-links a{color:#fff;font-size:13px;font-weight:500;display:flex}.footer-links a:hover{text-decoration:underline}
