body:has(.login-page),html:has(.login-page){height:100%;overflow:hidden;background:#030407}.login-page{height:100svh;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(500px,1fr);color:#f7f9ff;background:#020306;font-family:Helvetica Neue,Segoe UI,Arial,sans-serif}.login-art{position:relative;min-width:0;overflow:hidden;background:#78948f}.login-art__carousel,.login-art__media{position:absolute;inset:0}.login-art__carousel{z-index:0}.login-art__media{background:#101318;transform:scale(1.035);animation:login-art-arrive 1.6s cubic-bezier(.2,.8,.2,1) both}.login-art__slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity .6s ease-in-out,transform 6s cubic-bezier(.2,.65,.3,1);user-select:none}.login-art__slide[data-active=true]{opacity:1;transform:scale(1)}.login-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,9,12,.12),transparent 35%,rgba(3,5,8,.1)),linear-gradient(180deg,rgba(3,5,8,.04),rgba(3,5,8,.2))}.login-art__brand{position:absolute;z-index:1;top:34px;left:38px;display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:20px;font-weight:700;text-decoration:none;text-shadow:0 2px 18px rgba(0,0,0,.28)}.login-panel{position:relative;color-scheme:dark;display:grid;place-items:center;overflow:hidden;padding:40px clamp(42px,5vw,82px);border-left:1px solid rgba(255,255,255,.06);background:#08090c}.login-form-wrap{position:relative;z-index:1;width:min(420px,100%);animation:login-form-arrive .72s cubic-bezier(.16,1,.3,1) .1s both}.login-brand{display:flex;align-items:center;gap:9px;color:rgba(247,248,250,.86);font-size:16px;font-weight:600}.login-form-wrap h1{margin:18px 0 0;font-size:clamp(40px,3.4vw,52px);font-weight:500;letter-spacing:-.048em}.login-intro{margin:8px 0 24px;color:#777b85;font-size:15px}.login-form-wrap form{display:grid;gap:16px}.login-form-wrap label{display:grid;gap:8px}.login-form-wrap label>span{color:#9a9da6;font-size:12px;font-weight:500;letter-spacing:.01em}.login-label-row{display:flex;align-items:center;justify-content:space-between}.login-password-field{position:relative;display:grid;gap:8px}.login-password-field .login-forgot-link{position:absolute;top:0;right:0}.login-label-row a,.login-password-field .login-forgot-link,.password-reset-form .login-intro a{color:#b9a7ff;text-decoration:none}.login-label-row a:hover,.login-password-field .login-forgot-link:hover,.password-reset-form .login-intro a:hover{color:#d8ceff}.password-reset-heading-icon{width:42px;height:42px;display:grid;place-items:center;margin-top:24px;border:1px solid #292b33;border-radius:12px;color:#c9bbff;background:#111216}.password-reset-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.password-reset-send{min-width:112px;border:1px solid #343640;border-radius:12px;color:#e8e9ed;background:#17181d;cursor:pointer;font:inherit;font-size:13px;transition:border-color .16s ease,background .16s ease}.password-reset-send:hover:not(:disabled){border-color:#555962;background:#202127}.password-reset-send:disabled{cursor:not-allowed;opacity:.45}.password-reset-success{display:grid;justify-items:start;margin-top:36px;color:#c9bbff}.password-reset-success h1{color:#f7f9ff}.password-reset-success .login-submit{margin-top:18px;text-decoration:none}.login-input-shell{width:100%;height:52px;border:1px solid #262830;border-radius:12px;color:#f5f6f8;background:#111216;position:relative;display:flex;align-items:center;padding:0 15px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.login-input-shell>svg{flex:0 0 auto;color:#666a74;transition:color .18s ease,transform .18s ease}.login-input-shell:focus-within{border-color:#555962;background:#15161b;box-shadow:0 0 0 3px rgba(255,255,255,.035)}.login-input-shell:focus-within>svg{color:#b8bbc2}.login-input-shell input{min-width:0;height:100%;flex:1;padding:0 12px;border:0;color:#f5f6f8!important;background:transparent;-webkit-text-fill-color:#f5f6f8!important;appearance:none;font-size:15px;font-family:inherit;font-weight:400;outline:none}.login-input-shell input::placeholder{color:#5d6069;-webkit-text-fill-color:#5d6069}.login-input-shell input:-webkit-autofill,.login-input-shell input:-webkit-autofill:hover{border:0;-webkit-text-fill-color:#f5f6f8!important;-webkit-box-shadow:inset 0 0 0 1000px #111216!important;caret-color:#f5f6f8;transition:background-color 9999s ease-out}.login-input-shell input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 1000px #15161b!important}.login-password-toggle{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:7px;color:#666a74;background:transparent;cursor:pointer;transition:color .16s ease,background .16s ease}.login-password-toggle:hover{color:#d7d9de;background:rgba(255,255,255,.045)}.login-submit{position:relative;width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:9px;overflow:hidden;margin-top:10px;border:0;border-radius:12px;color:#0b0c0f;background:#f0f1f3;cursor:pointer;font-size:14px;font-family:inherit;font-weight:600;letter-spacing:-.01em;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.login-submit:hover{transform:translateY(-1px);background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.28)}.login-submit:active{transform:translateY(1px) scale(.995)}.login-submit:disabled{cursor:wait;opacity:.72}.login-submit[data-loading=true]:after{position:absolute;inset:0;background:linear-gradient(110deg,transparent 24%,rgba(255,255,255,.36) 47%,transparent 70%);transform:translateX(-120%);animation:login-submit-shimmer 1.35s ease-in-out infinite;content:"";pointer-events:none}.login-submit>span,.login-submit__spinner{position:relative;z-index:1}.login-submit__spinner{animation:login-submit-spin .78s linear infinite}.login-hcaptcha{display:flex;justify-content:flex-start;min-height:78px}.login-submit:disabled[data-cooldown=true]{cursor:not-allowed}.login-error{padding:10px 13px;border:1px solid rgba(255,100,115,.24);border-radius:10px;color:#ffb1ba;background:rgba(116,24,38,.18);font-size:13px}.login-legal,.login-signup{color:#656973;font-size:12px;line-height:1.6}.login-legal{margin:20px 0 0}.login-signup{margin:13px 0 0;font-size:14px}.login-legal a,.login-signup a{color:#c7cad1;text-decoration:none}.login-legal a:hover,.login-signup a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.login-oauth{display:grid;gap:9px}.login-oauth a{height:48px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #25272e;border-radius:12px;color:#d6d8dd;background:#0f1014;font-size:14px;text-decoration:none;transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.login-oauth__github-icon,.login-oauth__google-icon{width:24px;height:24px;display:grid;flex:0 0 24px;place-items:center}.login-oauth__google-icon svg{width:21px;height:21px}.login-oauth__github-icon{border-radius:6px;color:#fff;background:linear-gradient(145deg,#a371f7,#6e40c9);box-shadow:0 3px 10px rgba(110,64,201,.2)}.login-oauth__github-icon svg{width:16px;height:16px}.login-oauth a:hover{border-color:#393c45;color:#fff;background:#15161b}.login-divider{display:flex;align-items:center;gap:13px;margin:22px 0;color:#555963;font-size:11px;letter-spacing:.04em}.login-divider:after,.login-divider:before{content:"";height:1px;flex:1;background:#23252b}@keyframes login-art-arrive{0%{opacity:0;transform:scale(1.1);filter:saturate(.65) blur(7px)}to{opacity:1;transform:scale(1.035);filter:saturate(1) blur(0)}}@keyframes login-art-progress{0%{width:0}to{width:100%}}@keyframes login-form-arrive{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@keyframes login-submit-spin{to{transform:rotate(1turn)}}@keyframes login-submit-shimmer{to{transform:translateX(120%)}}.login-loading{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(500px,1fr);color:rgba(255,255,255,.9);overflow:hidden;background:#08090c}.login-loading:before{content:"";position:absolute;inset:0 38.8% 0 0;background:linear-gradient(180deg,rgba(2,3,6,.03),rgba(2,3,6,.18)),url(https://creative-forge-dev.tos-accelerate.bytepluses.com.cn/assets/images/49898052-3039-4ff0-bf6a-095acad2f561/60a51447-a192-43cd-8ed5-d03f20a5b596/ucreator-1.webp) 50% /cover no-repeat}.login-loading__content{position:relative;grid-column:2;place-self:center;width:176px;display:grid;gap:13px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025);box-shadow:0 24px 70px rgba(0,0,0,.2);animation:login-loading-arrive .48s cubic-bezier(.16,1,.3,1) both}.login-loading__brand{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:650;letter-spacing:-.02em}.login-loading__line{position:relative;height:1px;overflow:hidden;background:rgba(255,255,255,.12)}.login-loading__line i{position:absolute;inset:0 auto 0 0;width:46%;background:rgba(255,255,255,.92);animation:login-loading-line 1.35s cubic-bezier(.65,0,.35,1) infinite}.login-loading__content small{color:rgba(255,255,255,.42);font-size:10px;font-weight:500;letter-spacing:.13em;text-align:center;text-transform:uppercase}@keyframes login-loading-line{0%{transform:translateX(-120%)}to{transform:translateX(335%)}}@keyframes login-loading-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.login-loading{grid-template-columns:1fr}.login-loading:before{display:none}.login-loading__content{grid-column:1}body:has(.login-page),html:has(.login-page){overflow-y:auto}.login-page{min-height:100svh;height:auto;grid-template-columns:1fr}.login-art{min-height:36svh}.login-art__brand{top:22px;left:22px}.login-panel{min-height:64svh;padding:64px 24px}}@media (min-width:901px) and (max-height:820px){.login-panel{padding-block:22px}.login-brand{display:none}.login-form-wrap h1{margin-top:0;font-size:46px}.login-intro{margin:4px 0 16px}.login-oauth{gap:8px}.login-oauth a{height:44px}.login-divider{margin:14px 0}.login-form-wrap form{gap:10px}.login-form-wrap label{gap:5px}.login-input-shell,.login-submit{height:48px}.login-submit{margin-top:4px}.login-legal{margin-top:10px}.login-signup{margin-top:5px}}@media (prefers-reduced-motion:reduce){.login-art__media,.login-art__progress,.login-form-wrap,.login-loading__content,.login-loading__line i,.login-submit[data-loading=true]:after,.login-submit__spinner{animation:none}.login-art__slide{transition:none}}