html:has(.auth-page){--background-gradient:radial-gradient(122.23% 100% at 0 100%,#5bc5e8 0,#3780bd 24.76%,#103a8b 55.66%,#021847 100%)}html:has(.auth-page){background-image:var(--background-gradient)}#app.auth-page{flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex}.auth-page main{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.auth-page .login-container{background-color:var(--background-secondary);border-radius:13px;max-width:460px;padding:60px 65px 100px}@media (max-width:64em){.auth-page main{justify-content:start;padding:30px 10px}.auth-page .login-container{padding:40px}}.auth-page .login{flex-direction:column;align-items:center;display:flex}.auth-page .login .login-logo{margin-bottom:30px}.auth-page .login .login-logo img{height:32px}.auth-page .login .login-progress{width:100%;margin-bottom:30px}.auth-page .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}.auth-page .login .login-progress .login-progress-text .login-progress-text-active{color:var(--text-primary)}.auth-page .login .login-progress .login-progress-bar{background-image:linear-gradient(90deg,#3893f6,#2ddeb9);border-radius:15px;justify-content:flex-start;padding:4px;display:flex}.auth-page .login .login-progress .login-progress-bar .login-progress-bar-thumb{background-color:#fff;border-radius:12px;width:12px;height:12px}.auth-page .login .login-progress .login-progress-bar-offset{flex-grow:0;transition:flex-grow .33s ease-out}.auth-page .login .login-progress .login-progress-bar-offset.active{flex-grow:1}.auth-page .login .login-store-logo{margin-bottom:30px}.auth-page .login .login-store-logo img{height:128px}.auth-page .login .login-form h1{color:var(--text-primary);text-align:center;font-size:20px;font-weight:700}.auth-page .login .login-form h2{color:var(--text-hint);text-align:center;margin:10px 0 30px;font-size:16px;font-weight:400}.auth-page .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}.auth-page .login .login-form .login-form-input input{width:100%;color:var(--text-primary);border-radius:8px;padding:15px;font-size:16px}.auth-page .login .login-form .login-form-input input::placeholder{color:#666a}.auth-page .login .login-form .login-form-input.login-form-input-center input{text-align:center;font-size:20px;font-weight:400}.auth-page .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}.auth-page .login .login-form .login-form-input-icon.active{opacity:1}.auth-page .login .login-form .login-form-terms{color:var(--text-hint);font-size:13px}.auth-page .login .login-form .login-form-buttons{flex-direction:column;row-gap:14px;width:100%;margin-top:12px;display:flex}.auth-page .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}.auth-page .login .login-form .login-form-buttons button[type=submit]{color:#fff;background-image:linear-gradient(#5793f3,#4281f2);border:none}.auth-page .login .login-form .login-form-buttons button:hover{color:var(--text-primary)}.auth-page .login .login-form .login-form-buttons button[type=submit]:hover{color:#fff;opacity:.8}.auth-page .login .login-form .login-form-buttons button[type=submit]:disabled{opacity:.4}.auth-page .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}.auth-page .login .login-form .login-form-divider:before,.auth-page .login .login-form .login-form-divider:after{content:"";background-color:var(--border-primary);flex:1;height:1px}.auth-page .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}.auth-page .login .login-form .login-form-buttons button.login-form-telegram:hover{color:#fff;opacity:.8}.auth-page .login .login-form .login-form-buttons button.login-form-telegram:disabled{opacity:.4}.auth-page .login .login-form .login-form-buttons button.login-form-telegram svg{flex-shrink:0}.auth-page .login .login-form .login-form-buttons.login-tg-open{margin-top:0;margin-bottom:22px}.auth-page .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}.auth-page .login .login-form.login-tg-back{width:100%}.auth-page .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){.auth-page .login .login-tg-fallback{animation:none}}.auth-page .login .login-tg-fallback b{color:var(--text-primary);font-weight:600}.auth-page footer{max-width:480px;padding:20px 10px 50px}.auth-page .footer-links{align-items:center;column-gap:25px;display:flex}.auth-page .footer-links a{color:#fff;font-size:13px;font-weight:500;display:flex}.auth-page .footer-links a:hover{text-decoration:underline}