/* Kling4 LoginDialog structure adapted to AdMultiplier assets and identity. */
.cloud-dialog-card.is-login{width:min(984px,100%);padding:0;border:1px solid #ffffff20;border-radius:22px;background:#1b1b1b;color:#f5f5f4;box-shadow:0 24px 100px #0006;overflow:auto}
.is-login .cloud-dialog-body{display:grid;grid-template-columns:57% 43%;gap:0;min-height:560px}
.is-login .cloud-dialog-close{z-index:3;top:14px;right:14px;color:#eee;background:#ffffff0c;border-radius:50%;width:34px;height:34px;line-height:1}
.login-feature{position:relative;min-height:560px;overflow:hidden;background:#49513c;border-radius:22px 0 0 22px}
.login-feature-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .4s ease;filter:brightness(.9)}
.login-feature[data-slide="1"] .login-feature-image{transform:scale(1.1);filter:brightness(.7) saturate(.8)}
.login-feature-shade{position:absolute;inset:0;background:linear-gradient(0deg,#090909e6 0%,#09090940 45%,transparent 75%)}
.login-feature-caption{position:absolute;bottom:35px;left:30px;right:30px;z-index:1}
.login-feature-caption>span{font-size:10px;font-weight:600;letter-spacing:2px;color:#d5f557}
.login-feature-caption h3{font-size:27px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:12px 0;max-width:370px}
.login-feature-caption p{font-size:13px;line-height:1.75;color:#d1d4ca;max-width:350px;margin:0}
.login-slide-arrow{position:absolute;z-index:2;top:45%;width:34px;height:40px;border:1px solid #ffffff35;border-radius:9px;color:#fff;background:#0006;font-size:25px;cursor:pointer;opacity:0;transition:opacity .2s}
.login-slide-arrow.previous{left:15px}.login-slide-arrow.next{right:15px}.login-feature:hover .login-slide-arrow,.login-slide-arrow:focus-visible{opacity:1}
.login-slide-dots{display:flex;gap:7px;margin-top:24px}.login-slide-dots button{width:7px;height:7px;border:0;padding:0;border-radius:50%;background:#ffffff55;cursor:pointer}.login-slide-dots button[aria-pressed="true"]{background:#d5f557;width:22px;border-radius:8px}
.login-form-panel{padding:48px 32px 32px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.login-wordmark{width:170px;display:block;line-height:0;align-self:flex-start;margin:0 0 30px}.login-wordmark img{width:100%;height:auto;filter:invert(1) grayscale(1)}
.is-login h2{font-size:24px;line-height:1.4;font-weight:600;letter-spacing:-.025em;margin:0 0 12px;overflow-wrap:anywhere}
.is-login .cloud-dialog-body h2,.is-login .cloud-dialog-body h3{color:#f5f5f4}
.login-intro{font-size:13px;line-height:1.8;color:#a3a3a0;margin:0 0 26px}
.login-form{display:grid;gap:0}.login-google{width:100%;min-height:48px;border-radius:8px;font-size:14px;font-weight:500;background:#fff;color:#1f1f1f;gap:12px;border:1px solid #747775}
.login-google:disabled{opacity:.6;cursor:default}.login-google:hover:not(:disabled){background:#f2f3f4}.login-google-icon{font:bold 21px Arial;color:#4285f4}
.login-agreement{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.8;color:#a4a4a0;margin:19px 0 24px}.login-agreement input{width:15px;height:15px;flex:none;margin:3px 0;accent-color:#d5f557}.login-agreement a{color:#e5e5df;text-decoration:underline;text-underline-offset:2px}
.email-sign-in{border-top:1px solid #ffffff18;padding-top:13px}.email-sign-in>summary{cursor:pointer;font-size:13px;color:#b1b3b8;text-align:center;padding:8px;list-style:none}.email-sign-in>summary::-webkit-details-marker{display:none}.email-sign-in[open]>summary{margin-bottom:14px}
.login-email,.login-code-row{width:100%;background:#303030;color:#f5f5f4;border:1px solid #ffffff0d;border-radius:9px;min-height:46px;box-sizing:border-box;font:13px/1.5 inherit}
.login-email{padding:12px;margin-bottom:12px}.login-code-row{display:flex;align-items:center;padding-right:4px;gap:4px}.login-code-row>input{width:0;flex:1;background:transparent;border:0;color:#eee;padding:12px;font:13px inherit;min-height:44px}.login-code-row>button{border:0;border-radius:7px;background:#434343;font:11px inherit;min-height:36px;min-width:95px;padding:8px;color:#e0e0e0;cursor:pointer}.login-code-row>button:disabled{color:#777;background:#3b3b3b;cursor:default}
.login-email::placeholder,.login-code-row input::placeholder{color:#969696}.login-submit{width:100%;margin-top:18px;border-radius:8px;min-height:46px;background:#d5f557;color:#171b12;border-color:#d5f557}.login-submit:hover:not(:disabled){background:#e0fc81}.login-submit:disabled{background:#343a24;color:#777d62;border-color:#343a24}
.login-feedback{font-size:12px;line-height:1.7;overflow-wrap:anywhere;color:#c1c5b8;margin:15px 0 0}.login-feedback:empty{display:none}.login-feedback[role="alert"]{color:#fda494}
.is-login :is(button,input,summary,a):focus-visible{outline:2px solid #d5f557;outline-offset:3px}
@media(max-width:768px){.cloud-dialog-card.is-login{width:min(460px,100%);max-height:calc(100dvh - 28px)}.is-login .cloud-dialog-body{grid-template-columns:1fr;min-height:0}.login-feature{display:none}.login-form-panel{padding:42px 24px 28px}.login-wordmark{width:150px;margin-bottom:24px}.is-login h2{font-size:22px}.login-intro{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.is-login *{animation:none!important;transition:none!important}}

.login-welcome { margin: 0 0 16px; padding: 12px 14px; border: 1px solid #c7df7440; border-radius: 8px; background: #dfff4810; color: #dfff48; font-size: 13px; line-height: 1.65; }
