.register-layout{justify-content:center;align-items:center;width:100%;padding:40px 20px 60px;display:flex}.register-layout .register-container{background-color:var(--secondary);border:1px solid var(--grey220);border-radius:12px;grid-template-columns:1fr 1fr;width:100%;max-width:880px;display:grid;overflow:hidden;box-shadow:0 10px 30px #9d66461f}.register-layout .register-container .register-left{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:420px}.register-layout .register-container .register-right{align-items:center;padding:35px 30px;display:flex}.register-layout .register-container .register-right form{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.register-layout .register-container .register-right img{width:100%;max-width:175px}.register-head{text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.register-head p:first-child{color:var(--primary);font-size:18px;font-weight:700}.register-head p:nth-child(2){color:var(--grey100);font-size:13px;line-height:1.9}.register-mobile{background-color:var(--white);border:1px solid var(--grey220);border-radius:50px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;padding:7px 15px;font-size:13px;display:flex}.register-mobile span{align-items:center;gap:5px;display:flex}.register-mobile i{color:var(--primary);font-size:16px}.register-mobile a{color:var(--primary);border-bottom:1px dashed var(--primary);text-decoration:none;transition:all .5s}.register-mobile a:hover{opacity:.7}.register-layout .input-group{background-color:var(--white);border:1px solid var(--grey220);border-radius:8px;flex-flow:row;align-items:center;gap:8px;width:100%;padding:4px 12px;transition:all .5s;display:flex;position:relative}.register-layout .input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #9d66461a}.register-layout .input-group i{color:var(--primary);flex-shrink:0;order:2;font-size:18px;line-height:1}.register-layout .input-group input{background:0 0;border:none;border-radius:0;outline:none;flex:1;order:1;min-width:0;padding:11px 0;font-size:14px}.register-layout .input-group input.code-input{text-align:center;letter-spacing:8px;font-size:18px}.register-layout .input-group input.code-input:placeholder-shown{letter-spacing:normal;font-size:14px}.register-layout .input-group label{pointer-events:none;color:var(--grey100);background-color:#0000;padding:2px 5px;font-size:14px;transition:all .2s ease-out;display:block;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.register-layout .input-group input:focus+label,.register-layout .input-group input:not(:placeholder-shown)+label{color:var(--primary);background-color:var(--white);border-radius:4px;font-size:12px;top:0;right:10px;transform:translateY(-50%)}.register-layout button{background-color:var(--primary);border:1px solid var(--grey220);width:100%;color:var(--white);cursor:pointer;border-radius:50px;justify-content:center;align-items:center;gap:6px;min-height:44px;margin:0;padding:11px 25px;font-size:14px;transition:all .5s;display:flex}.register-layout button:hover:not(:disabled){background-color:var(--white);color:var(--primary);border-color:var(--primary)}.register-layout button:disabled{opacity:.6;cursor:not-allowed}.register-error{text-align:center;color:#ff2056;width:100%;font-size:13px}.register-hint{color:var(--grey100);text-align:center;width:100%;font-size:12px;line-height:1.9}.register-hint a{color:var(--primary);text-decoration:none}.register-hint a:hover{text-decoration:underline}.register-login{justify-content:flex-start;gap:2px;width:100%;font-size:14px;display:flex}.register-login a{color:var(--primary);text-align:justify;text-decoration:none}.register-login a:visited{color:var(--primary)}.bottom-part-login{flex-direction:column;align-items:start;gap:10px;width:100%;display:flex}@media (width<=768px){.register-layout{padding:30px 20px 40px}.register-layout .register-container{grid-template-columns:repeat(1,100%);max-width:420px}.register-layout .register-container .register-left{display:none}.register-layout .register-container .register-right{padding:30px 25px}}