: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}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}