.container{background-color:#fff;flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex;position:relative}.header{z-index:10;width:100%;padding:0;position:relative}.headerInner{box-sizing:border-box;width:100%;padding:24px 32px 0}.logoContainer{justify-content:flex-start;align-items:center;margin-left:5%;padding-bottom:16px;display:flex}.headerSeparator{box-sizing:border-box;background-color:#e0e0e0;border:none;width:100%;height:1px;margin:0;padding:0;display:block}.main{box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;padding:0 20px 100px;display:flex}.loginForm{flex-direction:column;width:100%;max-width:400px;display:flex}.title{color:#000;letter-spacing:-.02em;margin:0 0 25px;font-size:32px;font-weight:600;line-height:1.2}.subtitle{color:#000;margin:0 0 40px;font-size:16px;font-weight:400;line-height:1.5}.formGroup{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.label{color:#000;font-size:16px;font-weight:450;line-height:1.4}.input{color:#000;box-sizing:border-box;background-color:#fff;border:1px solid #d0d0d0;border-radius:4px;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;line-height:1.5;transition:border-color .2s}.input:focus{border-color:#0d54ff;outline:none}.input:hover{border-color:#999}.recoverLink{color:#0d54ff;cursor:pointer;align-self:flex-start;margin-top:8px;margin-bottom:24px;font-size:16px;font-weight:400;text-decoration:underline}.recoverLink:hover{color:#04c}.checkboxGroup{align-items:center;gap:8px;margin-bottom:44px;display:flex}.checkbox{cursor:pointer;accent-color:#0d54ff;flex-shrink:0;width:18px;height:18px;margin:0}.checkboxLabel{color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:18px;font-weight:400;line-height:1.4}.continueButton{color:#fff;cursor:pointer;background-color:#0d54ff;border:none;border-radius:100px;width:100%;margin-bottom:20px;padding:14px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:background-color .2s}.continueButton:hover{background-color:#04c}.continueButton:active{background-color:#03a}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.usernameDisplayContainer{align-items:center;width:100%;display:flex;position:relative}.backButton{color:#0d54ff;cursor:pointer;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;height:100%;padding:0;font-family:inherit;font-size:16px;font-weight:400;line-height:1;display:flex;position:absolute;left:16px}.backButton:hover{color:#04c}.backButton svg{justify-content:center;align-items:center;display:flex}.usernameDisplay{color:#000;cursor:default;background-color:#fff;border-color:#d0d0d0;padding-left:44px;font-size:14px;font-weight:400;line-height:1.5}.passwordContainer{align-items:center;width:100%;display:flex;position:relative}.passwordInput{padding-right:80px}.showPasswordButton{color:#0d54ff;cursor:pointer;z-index:1;background:0 0;border:none;align-items:center;height:100%;padding:0;font-family:inherit;font-size:16px;font-weight:400;text-decoration:none;display:flex;position:absolute;right:16px}.showPasswordButton:hover{color:#04c;text-decoration:underline}.signInButton{color:#fff;cursor:pointer;background-color:#0d54ff;border:none;border-radius:100px;width:100%;margin-top:10px;padding:14px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:background-color .2s}.signInButton:hover{background-color:#04c}.signInButton:active{background-color:#03a}.separator{justify-content:center;align-items:center;margin:20px 0;display:flex}.separatorText{color:#999;font-size:14px;font-weight:400}.createButton{color:#0d54ff;cursor:pointer;background-color:#fff;border:1px solid #0d54ff;border-radius:100px;width:100%;padding:14px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s}.createButton:hover{color:#04c;background-color:#f0f5ff;border-color:#04c}.createButton:active{background-color:#e0ebff}.footer{box-sizing:border-box;background-color:#f5f5f5;width:100%;margin-top:auto;padding:16px 32px}.footerContent{flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;width:100%;max-width:1200px;margin:0 auto;display:flex}.copyright{color:#999;white-space:nowrap;margin:0;font-size:12px;font-weight:400}.footerLinks{align-items:center;gap:16px;margin:0;display:flex}.footerLink{color:#999;white-space:nowrap;font-size:12px;font-weight:400;text-decoration:none;transition:color .2s}.footerLink:hover{color:#666;text-decoration:underline}@media (max-width:768px){.headerInner{padding:20px 16px 0}.main{padding:32px 16px 80px}.loginForm{max-width:100%}.title{font-size:28px}.footer{padding:12px 16px}.footerContent{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px}.copyright{margin:0;font-size:12px}.footerLinks{justify-content:center;gap:16px;margin:0}.footerLink{font-size:12px}}@media (max-width:480px){.headerInner{padding:16px 16px 0}.main{padding:24px 16px 60px}.title{font-size:24px}.subtitle{font-size:14px}.continueButton,.createButton{padding:12px 20px;font-size:15px}.footer{padding:12px 16px}.footerContent{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px}.copyright{margin:0;font-size:12px}.footerLinks{margin:0}.footerLink{font-size:12px}}