.login-layout-wrapper{display:flex;height:100vh;background:var(--content-background);align-items:center;justify-content:center}.login-layout-wrapper .login-wrapper{width:1120px;height:672px;background:#fff;border-radius:32px;display:flex;overflow:hidden}.login-layout-wrapper .login-wrapper .left-section{height:672px;width:572px;min-width:572px;overflow:hidden;background:url(https://prod-hypercv-frontend-pc.oss-us-east-1.aliyuncs.com/images/login-bg.png) no-repeat 50%;background-size:200%;background-position-y:75%;background-position-x:38%;padding:48px 50px 0;display:flex;flex-direction:column}.login-layout-wrapper .login-wrapper .left-section .logo{margin-bottom:130px}.login-layout-wrapper .login-wrapper .left-section .title{font-size:36px;font-weight:300;line-height:40px}.login-layout-wrapper .login-wrapper .left-section .title b{font-weight:700}.login-layout-wrapper .login-wrapper .left-section .divider{width:100%;border-top:1px solid var(--border-default-color);margin:22px 0 20px;opacity:.6}.login-layout-wrapper .login-wrapper .left-section .hint-list{display:flex;flex-direction:column;gap:2px;margin-top:185px}.login-layout-wrapper .login-wrapper .left-section .hint-list .item{display:flex;padding:8px 12px;align-items:center;gap:8px;border-radius:16px;background:linear-gradient(90deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,0));width:-moz-fit-content;width:fit-content;font-size:13px;line-height:16px}.login-layout-wrapper .login-body-wrapper{flex:1 1;display:flex;flex-direction:column;padding:58px 64px 0}.login-layout-wrapper .login-body-wrapper .header{height:70px;display:flex;align-items:center;padding:0 34px 0 24px}.login-layout-wrapper .login-body-wrapper .header .logo{padding:10px;display:block}.login-layout-wrapper .login-body-wrapper .header .btn-wrapper{flex:1 1;display:flex;align-items:center;justify-content:flex-end;gap:10px}.login-layout-wrapper .login-body-wrapper .header .btn-wrapper .tips{font-weight:500}.login-layout-wrapper .login-body-wrapper .header .btn-wrapper .btn{margin-left:20px;font-size:14px;color:var(--text-color-level2)}.login-layout-wrapper .login-body-wrapper .header .btn-wrapper .btn:hover{color:var(--text-color-level3)}.login-layout-wrapper .login-body-wrapper .login-body{flex:1 1;display:flex;justify-content:center}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .title{font-size:24px;line-height:32px;text-align:center;font-weight:300;margin-bottom:20px}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .title b{font-weight:700}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .action-btn{width:100%;height:48px;font-size:16px}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .action-btn .hyperfont,.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .action-btn img{font-size:22px;line-height:22px;height:22px;margin-right:16px}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .action-btn.linkedIn{background-color:#0077b5}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .action-btn.linkedIn img{fill:#fff}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .action-btn.linkedIn:hover{opacity:.8}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .form-input{width:100%}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .email-code-wrapper{display:flex;align-items:center;width:100%}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .email-code-wrapper .get-email-code-btn{width:320px;height:40px;margin-left:15px;font-size:14px;color:var(--text-color-level2)}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .email-code-wrapper .get-email-code-btn:hover{color:var(--text-color-level3)}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .back-btn{width:100%}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .back-btn .back-btn-wrapper{display:flex;align-items:center;gap:5px;cursor:pointer;transition:all .15s ease-in-out}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .back-btn .back-btn-wrapper:hover{opacity:.8;transform:translateX(-5px)}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .back-btn .back-icon{font-size:14px}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .checked-text{display:flex;align-items:center;gap:5px;font-size:12px;position:relative;left:-7px;height:25px}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .checked-text a:hover{text-decoration:underline}.login-layout-wrapper .login-body-wrapper .login-body .login-body-container .checked-error-text{color:var(--warn-text-color);font-size:12px;margin-top:5px;padding-left:47px;opacity:0}.login-layout-wrapper .login-body-wrapper .login-body .sign-in-link{width:100%;margin-top:30px}.login-layout-wrapper .login-body-wrapper .login-body .sign-in-link .sign-in-btn{width:100%;height:48px;font-size:16px;font-weight:300}.login-layout-wrapper .login-body-wrapper .login-body .sign-in-link .sign-in-btn span{font-weight:700;margin-left:5px}.login-layout-wrapper .login-body-wrapper .login-body .or{opacity:.5}@media(max-width:1120px){.login-layout-wrapper .login-wrapper{margin:0 20px}.login-layout-wrapper .login-wrapper .left-section{width:auto;flex:1 1;min-width:auto}.login-layout-wrapper .login-body-wrapper{padding:30px 20px 0}}@media(max-width:750px){.login-layout-wrapper{padding:0 20px}.login-layout-wrapper .login-wrapper{width:100%;height:auto;flex-direction:column;border-radius:16px;padding-bottom:20px}.login-layout-wrapper .login-wrapper .left-section{display:none}.login-layout-wrapper .login-body-wrapper{padding:30px 20px 0}}