.register{display:flex;min-height:100vh;background:#faf5ee}.register .register-left{flex:0 0 42%;background:#e8893a;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.register .register-left:before{content:"";position:absolute;top:-60px;left:-60px;width:220px;height:220px;border-radius:50%;background:#f0997b;opacity:.3}.register .register-left:after{content:"";position:absolute;bottom:-80px;right:-50px;width:200px;height:200px;border-radius:50%;background:#d87528;opacity:.35}.register .register-left .brand-area{position:relative;z-index:1;text-align:center;padding:40px}.register .register-left .brand-area .brand-logo{margin-bottom:24px}.register .register-left .brand-area .brand-logo img{width:88px;height:88px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.3)}.register .register-left .brand-area .brand-title{font-size:30px;font-weight:500;color:#fff;margin:0 0 8px 0;letter-spacing:2px}.register .register-left .brand-area .brand-subtitle{font-size:14px;color:hsla(0,0%,100%,.85);margin:0;letter-spacing:1px}.register .register-left .brand-area .brand-divider{width:56px;height:3px;background:#ffd56b;border-radius:2px;margin:20px auto}.register .register-left .brand-area .brand-slogans p{font-size:13px;color:hsla(0,0%,100%,.75);margin:6px 0;letter-spacing:1px}.register .register-left #clock{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);text-align:center;color:hsla(0,0%,100%,.5);z-index:1}.register .register-left #clock .time{font-size:14px;letter-spacing:.05em;margin:0}.register .register-left #clock .date{font-size:12px;letter-spacing:.1em;margin:2px 0 0}.register .register-right{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:20px 40px;overflow-y:auto}.register .register-right .register-contain{width:100%;max-width:420px;margin:auto 0}.register .register-right .register-contain .register-form-wrapper .form-title{font-size:22px;font-weight:500;color:#2c2c2a;margin:0 0 6px 0}.register .register-right .register-contain .register-form-wrapper .form-subtitle{font-size:13px;color:#9b978f;margin:0 0 24px 0}.register .register-right .register-contain .register-form-wrapper .section-label{font-size:13px;font-weight:500;color:#e8893a;margin:16px 0 8px 0;padding-bottom:4px;border-bottom:1px solid #eae0d0}.register .register-right .register-contain .el-form-item{margin-bottom:16px}.register .register-right .register-contain .field-hint{font-size:12px;color:#b4aba0;margin-top:4px;line-height:1.4}.register .register-right .register-contain .sms-code-row{display:flex;gap:12px}.register .register-right .register-contain .sms-code-row .sms-input{flex:1}.register .register-right .register-contain .sms-code-row .sms-btn{flex:0 0 120px;height:42px;border-radius:8px;font-size:14px;background:#e8893a;border-color:#e8893a;color:#fff;white-space:nowrap}.register .register-right .register-contain .sms-code-row .sms-btn:hover:not(.is-disabled){background:#d87528;border-color:#d87528}.register .register-right .register-contain .sms-code-row .sms-btn.is-disabled{background:#eae0d0;border-color:#eae0d0;color:#9b978f;cursor:not-allowed}.register .register-right .register-contain .el-input__inner{background:#faf5ee;border:1px solid #eae0d0;border-radius:8px;height:42px;line-height:42px;color:#2c2c2a;font-size:14px}.register .register-right .register-contain .el-input__inner:focus{border-color:#e8893a}.register .register-right .register-contain .el-input__inner::-moz-placeholder{color:#b4aba0}.register .register-right .register-contain .el-input__inner:-ms-input-placeholder{color:#b4aba0}.register .register-right .register-contain .el-input__inner::placeholder{color:#b4aba0}.register .register-right .register-contain .el-input__prefix{color:#c4b8a8;left:10px}.register .register-right .register-contain .el-input__prefix .el-input__icon{font-size:16px;line-height:42px}.register .register-right .register-contain .el-input--prefix .el-input__inner{padding-left:36px}.register .register-right .register-contain .btn{width:100%;height:44px;border-radius:8px;font-size:16px;letter-spacing:4px;background:#e8893a;border-color:#e8893a}.register .register-right .register-contain .btn:hover{background:#d87528;border-color:#d87528}.register .register-right .register-contain .to-login{text-align:center;font-size:13px;color:#9b978f;margin:8px 0}.register .register-right .register-contain .to-login a{color:#e8893a;cursor:pointer}.register .register-right .register-contain .to-login a:hover{text-decoration:underline}.register .register-right .register-contain .copyright{text-align:center;font-size:11px;color:#c4b8a8;margin-top:8px}@media screen and (max-width:768px){.register .register-left{display:none}.register .register-right{flex:1}}