/* Login-only presentation; shared brand assets and authentication stay intact. */
body.meetai-login {
    --login-navy: #253982;
    --login-ink: #202d50;
    --login-muted: #657087;
    margin: 0;
    background: #f5f4f1;
    color: var(--login-ink);
    font-family: 'Poppins', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.meetai-login .login-stage {
    min-height: 100vh;
    min-height: 100svh;
    display: grid;
    place-items: center;
    padding: 40px;
    background: radial-gradient(ellipse at 12% 15%, #e7e9f0 0, transparent 52%);
}
.meetai-login .login-shell {
    display: grid;
    grid-template-columns: 46% 54%;
    width: 100%;
    max-width: 1180px;
    min-height: 720px;
    background: #fff;
    border: 1px solid #e1e3e9;
    border-radius: 24px;
    box-shadow: 0 24px 80px -32px rgba(28, 40, 78, .25);
}
.meetai-login .login.login-1 .login-aside {
    width: auto;
    max-width: none;
    padding: 56px 48px 40px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border-radius: 23px 0 0 23px;
    background: linear-gradient(155deg, #253982 15%, #1b2a61 100%);
    color: #fff;
}
.meetai-login .login-brand {
    display: inline-flex;
    align-self: flex-start;
    position: relative;
    z-index: 1;
}
.meetai-login .login.login-1 .login-aside .login-brand-logo {
    width: 210px;
    max-width: 100%;
    height: auto;
}
.meetai-login .login-story {
    position: relative;
    z-index: 1;
    margin: auto 0;
    padding: 88px 0 70px;
}
.meetai-login .login-eyebrow {
    display: block;
    color: #d0d7ed;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .12em;
    margin-bottom: 26px;
}
.meetai-login .login-story h2 {
    font-size: clamp(32px, 3.1vw, 43px);
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: -.045em;
    color: #fff;
    margin: 0 0 24px;
}
.meetai-login .login-story h2 span { color: #dce2f3; }
.meetai-login .login-story p {
    font-size: 16px;
    line-height: 1.85;
    color: #c8d0e8;
    max-width: 300px;
    margin: 0;
}
.meetai-login .login-aside-footer { position: relative; z-index: 1; }
.meetai-login .login-aside-rule {
    display: block;
    width: 36px;
    height: 3px;
    background: #dd001b;
    margin-bottom: 22px;
}
.meetai-login .login-aside-footer p { font-size: 14px; line-height: 1.7; color: #e1e6f4; margin-bottom: 12px; }
.meetai-login .login-workflow { display: flex; gap: 14px; flex-wrap: wrap; color: #b8c3e1; font-size: 12px; }
.meetai-login .login-workflow span:nth-child(even) { color: #8a9ac5; }
.meetai-login .login-contours {
    position: absolute;
    width: 620px;
    height: 620px;
    right: -445px;
    bottom: -65px;
    transform: rotate(-25deg);
    pointer-events: none;
}
.meetai-login .login-contours span {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(211, 222, 255, .14);
    border-radius: 40%;
}
.meetai-login .login-contours span:nth-child(2) { inset: 44px; }
.meetai-login .login-contours span:nth-child(3) { inset: 88px; }
.meetai-login .login.login-1 .login-content {
    width: auto;
    max-width: none;
    min-width: 0;
    padding: 40px 60px 30px;
    display: flex;
    flex-direction: column;
}
.meetai-login .login-content-top, .meetai-login .login-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    color: var(--login-muted);
    font-size: 12px;
}
.meetai-login .login-product { font-size: 18px; font-weight: 600; letter-spacing: -.025em; color: var(--login-navy); }
.meetai-login .login-form-wrap { flex: 1; display: flex; align-items: center; padding: 50px 0 44px; }
.meetai-login .login.login-1 .login-content .login-form { width: 100%; max-width: none; }
.meetai-login .login-heading { margin-bottom: 32px; }
.meetai-login .login-entry-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #e4e7ef;
    border-radius: 13px;
    background: #f7f8fb;
    color: var(--login-navy);
    margin-bottom: 23px;
}
.meetai-login .login-entry-icon svg { width: 23px; height: 23px; }
.meetai-login .login-heading h1 { font-size: 29px; font-weight: 600; line-height: 1.3; letter-spacing: -.045em; margin: 0 0 12px; }
.meetai-login .login-heading p { font-size: 14px; color: var(--login-muted); line-height: 1.8; margin: 0; }
.meetai-login .login-form label { font-size: 14px; font-weight: 500; color: var(--login-ink); margin-bottom: 10px; }
.meetai-login .login-form .form-group { margin-bottom: 24px; }
.meetai-login .login-input {
    height: 54px;
    border: 1px solid #dce0e9;
    border-radius: 10px;
    padding: 14px 17px;
    background: #fdfdfd;
    font-size: 16px;
    color: var(--login-ink);
    transition: border-color .15s, box-shadow .15s;
}
.meetai-login .login-input::placeholder { color: #798295; font-size: 14px; }
.meetai-login .login-input:hover { border-color: #a6b0c9; }
.meetai-login .login-input:focus { background: #fff; border-color: var(--login-navy); box-shadow: 0 0 0 3px rgba(37, 57, 130, .11); }
.meetai-login .login-password-label { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.meetai-login #kt_forgot_link { font-size: 14px; font-weight: 500; color: var(--login-navy); }
.meetai-login #kt_forgot_link:hover { text-decoration: underline; }
.meetai-login .login-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
    min-height: 54px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    background: var(--login-navy);
    border-color: var(--login-navy);
    box-shadow: 0 5px 12px rgba(37, 57, 130, .12);
}
.meetai-login .login-submit svg { height: 20px; width: 20px; }
.meetai-login .login-submit:hover { background: #1b2a61 !important; border-color: #1b2a61 !important; }
.meetai-login a:focus-visible, .meetai-login button:focus-visible { outline: 3px solid #8a9dcc; outline-offset: 4px; }
.meetai-login .login-help { margin: 24px auto 0; font-size: 13px; color: var(--login-muted); text-align: center; line-height: 1.8; max-width: 330px; }
.meetai-login .login-footer { border-top: 1px solid #edf0f4; padding-top: 22px; }
.meetai-login .modal-content { border-radius: 16px; }
@media (max-width: 1100px) {
    .meetai-login .login-stage { padding: 28px; }
    .meetai-login .login.login-1 .login-aside { padding: 44px 32px 32px; }
    .meetai-login .login.login-1 .login-content { padding: 32px 36px 26px; }
}
@media (max-width: 800px) {
    .meetai-login .login-stage { padding: 24px; }
    .meetai-login .login-shell { grid-template-columns: 1fr; min-height: 0; max-width: 540px; }
    .meetai-login .login.login-1 .login-aside { border-radius: 23px 23px 0 0; padding: 30px 32px; }
    .meetai-login .login.login-1 .login-aside .login-brand-logo { width: 165px; }
    .meetai-login .login-story { padding: 36px 0 0; }
    .meetai-login .login-eyebrow, .meetai-login .login-story p, .meetai-login .login-aside-footer { display: none; }
    .meetai-login .login-story h2 { font-size: 28px; margin: 0; }
    .meetai-login .login-story h2 br { display: none; }
    .meetai-login .login-story h2 span::before { content: ' '; }
    .meetai-login .login-content-top { display: none; }
    .meetai-login .login-form-wrap { padding: 4px 0 32px; }
    .meetai-login .login-entry-icon { display: none; }
    .meetai-login .login-heading h1 { font-size: 26px; }
}
@media (max-width: 420px) {
    .meetai-login .login-stage { padding: 12px; }
    .meetai-login .login.login-1 .login-aside { padding: 26px 24px; }
    .meetai-login .login.login-1 .login-content { padding: 30px 24px 24px; }
    .meetai-login .login-heading h1 { font-size: 24px; }
    .meetai-login .login-story h2 { font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) {
    .meetai-login *, .meetai-login *::before, .meetai-login *::after { transition: none !important; }
}