.c-input[data-v-6653d8ed]{position:relative;width:100%}.c-input input[data-v-6653d8ed]{box-sizing:border-box;width:100%;height:42px;padding:12px 16px;border-radius:8px;border:1px solid transparent;background:var(--background-surface, rgba(255, 255, 255, .05));color:#fff;font-size:14px;font-weight:500;line-height:28px}.c-input input.val[data-v-6653d8ed]{color:#fff}.c-input input[data-v-6653d8ed]:hover{background:var(--background-surface-hover, rgba(255, 255, 255, .1))}.c-input input[data-v-6653d8ed]:focus{border-color:#ffd000}.c-input input[data-v-6653d8ed]:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px transparent inset!important;background-color:transparent!important;background-image:none;transition:background-color 50000s ease-in-out 0s;-webkit-text-fill-color:#FFF!important}.c-input input[data-v-6653d8ed]::placeholder{color:var(--text-subtlest, rgba(255, 255, 255, .36))}.c-input.error input[data-v-6653d8ed]{border-color:#ff1900}.c-input .input-icon[data-v-6653d8ed]{position:absolute;right:4px;top:50%;transform:translateY(-50%);padding:12px;cursor:pointer}.c-login{width:100%;padding:48px;display:flex;flex-direction:column;box-sizing:border-box}.c-login h3{color:#fff;text-align:center;font-size:24px;font-weight:700;line-height:36px}.c-login .sign-types{flex:1}.c-login .sign-types button.google{margin:32px 0 24px;gap:12px;display:flex;justify-content:center;align-items:center;width:100%;height:48px;border-radius:8px;background:#fff;color:#000;text-align:center;font-size:14px;font-weight:500}.c-login .sign-types button.google:before{content:"";display:inline-block;width:24px;height:24px;background:url(https://static4.dzine.ai/static/blog/images/login/google.svg) center center/contain no-repeat}.c-login .sign-types button.google:hover,.c-login .sign-types button.google:active{background:#fff}.c-login .sign-types button.email{margin:0 0 24px;display:flex;justify-content:center;align-items:center;width:100%;height:48px;border-radius:8px;background:#ffffff0d;border:1px solid #999;color:#fff;text-align:center;font-size:14px;font-weight:500}.c-login .sign-types button.email:hover,.c-login .sign-types button.email:active{background:#ffffff1a}.c-login .back{position:absolute;left:24px;top:24px;display:flex;justify-content:center;align-items:center;width:32px;height:32px;cursor:pointer}.c-login .c-form{width:100%}.c-login .c-input.email{margin:32px 0 0}.c-login .c-input.password{margin:16px 0}.c-login .agreement-c{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0 0 16px;font-size:12px}.c-login .agreement-c .forgot{font-weight:600;cursor:pointer}.c-login .agreement{display:flex;align-items:center;cursor:pointer;height:16px;user-select:none}.c-login .agreement:hover svg.no path{stroke:#fff}.c-login .agreement .radio{margin-right:4px;height:16px;width:16px;display:flex;justify-content:center;align-items:center}.c-login .agreement .txt{color:#999;font-weight:500}.c-login .agreement .txt span{color:#266fff}.c-login .error{color:red;font-size:14px;font-weight:400;line-height:1.25;width:100%;padding-top:8px}.c-login .continue{background:#ffd400;color:#000;border-radius:6px;font-size:14px;font-weight:600;height:48px;max-width:340px;cursor:pointer}.c-login .tips{color:#999;text-align:center;font-size:12px;font-weight:500;line-height:1.5;padding:0 1em}.c-login .tips>div{margin-top:32px}.c-login .tips a,.c-login .tips span{color:#fff;cursor:pointer;text-decoration:none}button:disabled{background:#ffd50060!important}.code[data-v-79bb2822]{display:flex;flex-direction:column;align-items:center}.code .back[data-v-79bb2822]{position:absolute;left:24px;top:24px;display:flex;justify-content:center;align-items:center;width:32px;height:32px;cursor:pointer}.code h3[data-v-79bb2822]{color:#fff;text-align:center;font-size:24px;font-weight:900;line-height:30px}.code .desc[data-v-79bb2822]{margin:32px 0 16px;color:var(--text-subtle, rgba(255, 255, 255, .55));text-align:center;font-size:14px;font-weight:400;line-height:24px}.code .desc p[data-v-79bb2822]:nth-child(2){color:#fff;font-weight:400;margin-bottom:16px}.code .ipt-code[data-v-79bb2822]{display:flex;justify-content:center;align-items:center;gap:16px}.code .ipt-code[data-v-79bb2822] .mr-4{margin-right:0}.code .ipt-code[data-v-79bb2822] input{box-sizing:border-box;width:38px;height:42px;user-select:none;outline:none;background:transparent;border-radius:8px;border:1px solid transparent;background:var(--background-surface, rgba(255, 255, 255, .05))}.code .ipt-code[data-v-79bb2822] input::-webkit-outer-spin-button,.code .ipt-code[data-v-79bb2822] input::-webkit-inner-spin-button{-webkit-appearance:none!important}.code .ipt-code[data-v-79bb2822] input:hover{border-color:#999}.code .ipt-code[data-v-79bb2822] input:focus{border-color:#fff}.code .ipt-code[data-v-79bb2822] input{color:#fff;text-align:center;font-size:24px;font-weight:500;line-height:42px}.code .ipt-code.ipt-code-val-1[data-v-79bb2822] .inline-block:nth-child(1) input{border-color:#fff}.code .ipt-code.ipt-code-val-2[data-v-79bb2822] .inline-block:nth-child(2) input{border-color:#fff}.code .ipt-code.ipt-code-val-3[data-v-79bb2822] .inline-block:nth-child(3) input{border-color:#fff}.code .ipt-code.ipt-code-val-4[data-v-79bb2822] .inline-block:nth-child(4) input{border-color:#fff}.code .ipt-code.ipt-code-val-5[data-v-79bb2822] .inline-block:nth-child(5) input{border-color:#fff}.code .ipt-code.ipt-code-val-6[data-v-79bb2822] .inline-block:nth-child(6) input{border-color:#fff}.code button.resend[data-v-79bb2822]{margin:16px 0;display:flex;justify-content:center;align-items:center;gap:4px;height:22px;background-color:transparent;border:none}.code button.resend span[data-v-79bb2822]{color:#fff;text-align:center;font-size:14px;font-weight:400;line-height:22px}.error[data-v-79bb2822]{color:red;font-size:14px;font-weight:400;line-height:1.25;width:100%;margin:16px 0;padding:0}.continue[data-v-79bb2822]{background:#ffd400;color:#000;border-radius:6px;font-size:14px;font-weight:600;height:48px;max-width:340px;width:100%;cursor:pointer}.tips[data-v-79bb2822]{margin:12px 0 0;color:#999;text-align:center;font-size:14px;font-weight:400;line-height:22px}.tips span[data-v-79bb2822]:last-child{color:#fff;cursor:pointer}button[data-v-79bb2822]:disabled{background:#ffd50060}@media screen and (max-width:768px){.code .ipt-code[data-v-79bb2822]{gap:10px}.code .ipt-code[data-v-79bb2822] input{font-size:30px;width:50px;height:60px;padding:8px}}.c-sign-up[data-v-682a86e0]{width:100%;margin:48px 0;padding:0 48px;display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center}.c-sign-up .content h3[data-v-682a86e0]{color:#fff;text-align:center;font-size:24px;font-weight:700;line-height:36px}.c-sign-up .content button.google[data-v-682a86e0]{margin:32px 0 24px;gap:12px;display:flex;justify-content:center;align-items:center;width:100%;height:48px;border-radius:8px;background:#fffffff2;color:#000;text-align:center;font-size:14px;font-weight:500}.c-sign-up .content button.google[data-v-682a86e0]:before{content:"";display:inline-block;width:24px;height:24px;background:url(https://static4.dzine.ai/static/blog/images/login/google.svg) center center/contain no-repeat}.c-sign-up .content button.google[data-v-682a86e0]:hover,.c-sign-up .content button.google[data-v-682a86e0]:active{background:#fff}.c-sign-up .content button.email[data-v-682a86e0]{margin:0 0 24px;display:flex;justify-content:center;align-items:center;width:100%;height:48px;border-radius:8px;background:#ffffff0d;border:1px solid #999;color:#fff;text-align:center;font-size:14px;font-weight:500}.c-sign-up .content button.email[data-v-682a86e0]:hover,.c-sign-up .content button.email[data-v-682a86e0]:active{background:#ffffff1a}.c-sign-up .content .sign-up-types[data-v-682a86e0]{width:100%}.c-sign-up .content .back[data-v-682a86e0]{position:absolute;left:24px;top:24px;display:flex;justify-content:center;align-items:center;width:32px;height:32px;cursor:pointer}.c-sign-up .content .c-input.email[data-v-682a86e0]{margin:32px 0 0}.c-sign-up .content .c-input.password[data-v-682a86e0]{margin:16px 0}.c-sign-up .content .agreement[data-v-682a86e0]{display:flex;justify-content:flex-start;align-items:center;margin:0 0 12px;width:100%;cursor:pointer;height:22px}.c-sign-up .content .agreement:hover svg.no path[data-v-682a86e0]{stroke:#fff}.c-sign-up .content .agreement .radio[data-v-682a86e0]{margin-right:4px;height:16px;width:16px;display:flex;justify-content:center;align-items:center}.c-sign-up .content .agreement .txt[data-v-682a86e0]{color:#999;font-size:14px;font-weight:400;line-height:22px}.c-sign-up .content .agreement .txt span[data-v-682a86e0]{color:#fff}.c-sign-up .continue[data-v-682a86e0]{background:#ffd400;color:#000;border-radius:6px;font-size:14px;font-weight:600;height:48px;max-width:340px;width:100%;cursor:pointer}.c-sign-up .error[data-v-682a86e0]{color:red;font-size:14px;font-weight:400;line-height:1.25;width:100%;padding-top:8px}.c-sign-up .rule[data-v-682a86e0]{width:100%;color:#999;font-size:14px;font-weight:400;line-height:1.25;margin:-8px 0 16px}.c-sign-up .rule .active[data-v-682a86e0]{color:#009b64}.c-sign-up .tips[data-v-682a86e0]{color:#999;text-align:center;font-size:12px;font-weight:500;line-height:1.5;padding:0 1em}.c-sign-up .tips>div[data-v-682a86e0]{margin-top:32px}.c-sign-up .tips a[data-v-682a86e0],.c-sign-up .tips span[data-v-682a86e0]{color:#fff;cursor:pointer;text-decoration:none}.sign-page[data-v-8aa79344]{width:100%;height:100vh;display:flex;position:fixed;top:0;z-index:100;justify-content:center;align-items:center;background-color:#0000007d}.sign-page .sign-content[data-v-8aa79344]{position:relative;display:flex;font-size:16px;flex-direction:column;justify-content:center;align-items:center;border-radius:16px;background:#141414;filter:drop-shadow(0px 4px 20px rgba(0,0,0,.25)) drop-shadow(0px 0px 2px rgba(0,0,0,.8))}.sign-page .sign-content .sign-handles[data-v-8aa79344]{position:absolute;top:0;left:0;padding:24px 24px 0;width:100%;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.sign-page .sign-content .sign-handles button[data-v-8aa79344]{display:flex;justify-content:center;align-items:center;background-color:transparent;border:none}.sign-page .sign-content .sign-handles button .exit[data-v-8aa79344]{width:32px;height:32px;opacity:.36}.sign-page .sign-content .sign-handles button .exit[data-v-8aa79344]:hover,.sign-page .sign-content .sign-handles button .exit[data-v-8aa79344]:active{opacity:.6}.sign-page .sign-content .tipMsg[data-v-8aa79344]{position:absolute;top:-36px;color:#fff;white-space:nowrap;font-size:14px;background-color:#2a2b2dd1;padding:4px 6px;border-radius:4px;display:flex;align-items:center}