.elementor-2050 .elementor-element.elementor-element-fdd6346{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-2050 .elementor-element.elementor-element-038b542{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 12px 32px -8px rgba(15, 30, 71, 0.08);--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-2050 .elementor-element.elementor-element-038b542:not(.elementor-motion-effects-element-type-background), .elementor-2050 .elementor-element.elementor-element-038b542 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2050 .elementor-element.elementor-element-49ca618{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2050 .elementor-element.elementor-element-853d560{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-2050 .elementor-element.elementor-element-853d560.elementor-element{--align-self:flex-end;}.elementor-2050 .elementor-element.elementor-element-853d560 img{width:100%;max-width:100%;border-radius:28px 28px 28px 28px;}@media(min-width:768px){.elementor-2050 .elementor-element.elementor-element-fdd6346{--width:100%;}.elementor-2050 .elementor-element.elementor-element-038b542{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2050 .elementor-element.elementor-element-038b542{--width:100%;}}@media(max-width:1024px){.elementor-2050 .elementor-element.elementor-element-fdd6346{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-2050 .elementor-element.elementor-element-49ca618.e-con{--order:-99999 /* order start hack */;}.elementor-2050 .elementor-element.elementor-element-853d560{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2050 .elementor-element.elementor-element-853d560 img{border-radius:16px 16px 16px 16px;}}@media(max-width:767px){.elementor-2050 .elementor-element.elementor-element-fdd6346{--width:100%;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2050 .elementor-element.elementor-element-038b542{--width:100%;--padding-top:32px;--padding-bottom:32px;--padding-left:24px;--padding-right:24px;}.elementor-2050 .elementor-element.elementor-element-853d560 img{border-radius:12px 12px 12px 12px;}}/* Start custom CSS for html, class: .elementor-element-a57926d */<style>
    .celara-login-card-scope {
        --celara-navy: #1E3A8A;
        --celara-navy-deep: #15296B;
        --celara-sky-soft: #DBEAFE;
        --celara-ink: #0F1E47;
        --celara-muted: #5C6B8F;
        --celara-line: rgba(30, 58, 138, 0.10);
        --celara-line-strong: rgba(30, 58, 138, 0.18);
        --font-display: 'Fraunces', 'Times New Roman', serif;
        --font-body: 'Inter Tight', system-ui, sans-serif;
        font-family: var(--font-body);
        color: var(--celara-ink);
    }

    .celara-login-card-scope *,
    .celara-login-card-scope *::before,
    .celara-login-card-scope *::after { box-sizing: border-box; }

    .celara-login-card-scope .cl-card {
        background: #ffffff;
        border-radius: 20px;
        padding: 48px 40px;
        box-shadow:
            0 1px 2px rgba(15, 30, 71, 0.04),
            0 12px 32px -8px rgba(15, 30, 71, 0.08),
            0 0 0 1px rgba(15, 30, 71, 0.04);
        opacity: 0;
        transform: translateY(20px);
        animation: cl-cardIn 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;
    }

    @media (max-width: 768px) {
        .celara-login-card-scope .cl-card { padding: 32px 24px; }
    }

    .celara-login-card-scope .cl-header { text-align: left; margin-bottom: 32px; }

    .celara-login-card-scope .cl-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--celara-navy);
        margin-bottom: 16px;
    }

    .celara-login-card-scope .cl-eyebrow::before {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #60A5FA;
        box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.3);
    }

    .celara-login-card-scope .cl-title {
        font-family: var(--font-display);
        font-weight: 500;
        font-size: clamp(26px, 3vw, 36px);
        line-height: 1.1;
        letter-spacing: -0.02em;
        color: var(--celara-ink);
        margin: 0 0 12px;
    }

    .celara-login-card-scope .cl-title em {
        font-style: italic;
        font-weight: 400;
        color: var(--celara-navy);
    }

    .celara-login-card-scope .cl-subtitle {
        font-size: 15px;
        line-height: 1.55;
        color: var(--celara-muted);
        margin: 0;
    }

    .celara-login-card-scope .cl-form { margin: 0; }
    .celara-login-card-scope .cl-field { margin-bottom: 18px; position: relative; }

    .celara-login-card-scope .cl-label {
        display: block;
        font-size: 13px;
        font-weight: 500;
        color: var(--celara-ink);
        margin-bottom: 8px;
    }

    .celara-login-card-scope .cl-input {
        width: 100%;
        height: 50px;
        padding: 0 16px;
        font-family: var(--font-body);
        font-size: 15px;
        color: var(--celara-ink);
        background: #ffffff;
        border: 1.5px solid var(--celara-line-strong);
        border-radius: 12px;
        transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
        outline: none;
        -webkit-appearance: none;
        appearance: none;
    }

    .celara-login-card-scope .cl-input::placeholder { color: rgba(92, 107, 143, 0.5); }
    .celara-login-card-scope .cl-input:hover { border-color: rgba(30, 58, 138, 0.3); }

    .celara-login-card-scope .cl-input:focus {
        border-color: var(--celara-navy);
        box-shadow: 0 0 0 4px rgba(30, 58, 138, 0.08);
    }

    .celara-login-card-scope .cl-input.is-invalid {
        border-color: #dc2626;
        box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.08);
    }

    .celara-login-card-scope .cl-feedback {
        display: block;
        font-size: 12px;
        color: #dc2626;
        margin-top: 6px;
        padding-left: 2px;
    }

    .celara-login-card-scope .cl-submit {
        width: 100%;
        height: 52px;
        margin-top: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-family: var(--font-body);
        font-size: 15px;
        font-weight: 600;
        color: #ffffff;
        background: var(--celara-navy);
        border: none;
        border-radius: 12px;
        cursor: pointer;
        transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
        box-shadow: 0 4px 12px -2px rgba(30, 58, 138, 0.25);
    }

    .celara-login-card-scope .cl-submit:hover {
        background: var(--celara-navy-deep);
        box-shadow: 0 6px 18px -3px rgba(30, 58, 138, 0.35);
    }

    .celara-login-card-scope .cl-submit:active { transform: scale(0.99); }
    .celara-login-card-scope .cl-submit:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }

    .celara-login-card-scope .cl-submit svg {
        width: 18px;
        height: 18px;
        transition: transform 0.25s ease;
    }
    .celara-login-card-scope .cl-submit:hover svg { transform: translateX(3px); }

    .celara-login-card-scope .cl-divider {
        display: flex;
        align-items: center;
        gap: 12px;
        margin: 32px 0 24px;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--celara-muted);
    }

    .celara-login-card-scope .cl-divider::before,
    .celara-login-card-scope .cl-divider::after {
        content: '';
        flex: 1;
        height: 1px;
        background: var(--celara-line);
    }

    .celara-login-card-scope .cl-register {
        text-align: center;
        padding: 16px 20px;
        background: linear-gradient(135deg, var(--celara-sky-soft) 0%, rgba(147, 197, 253, 0.15) 100%);
        border-radius: 12px;
        border: 1px solid var(--celara-line);
    }

    .celara-login-card-scope .cl-register-text {
        font-size: 14px;
        color: var(--celara-ink);
        margin: 0;
    }

    .celara-login-card-scope .cl-register-link {
        color: var(--celara-navy);
        font-weight: 600;
        text-decoration: none;
        transition: color 0.2s ease;
        border-bottom: 1px solid transparent;
        padding-bottom: 1px;
    }

    .celara-login-card-scope .cl-register-link:hover {
        color: var(--celara-navy-deep);
        border-bottom-color: var(--celara-navy-deep);
    }

    @keyframes cl-cardIn {
        to { opacity: 1; transform: translateY(0); }
    }

    @media (prefers-reduced-motion: reduce) {
        .celara-login-card-scope *,
        .celara-login-card-scope *::before,
        .celara-login-card-scope *::after {
            animation-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
        }
    }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ea57e5 */<style>
    .celara-login-card-scope {
        --celara-navy: #1E3A8A;
        --celara-navy-deep: #15296B;
        --celara-sky-soft: #DBEAFE;
        --celara-ink: #0F1E47;
        --celara-muted: #5C6B8F;
        --celara-line: rgba(30, 58, 138, 0.10);
        --celara-line-strong: rgba(30, 58, 138, 0.18);
        --font-display: 'Fraunces', 'Times New Roman', serif;
        --font-body: 'Inter Tight', system-ui, sans-serif;
        font-family: var(--font-body);
        color: var(--celara-ink);
    }

    .celara-login-card-scope *,
    .celara-login-card-scope *::before,
    .celara-login-card-scope *::after { box-sizing: border-box; }

    .celara-login-card-scope .cl-card {
        background: #ffffff;
        border-radius: 20px;
        padding: 48px 40px;
        box-shadow:
            0 1px 2px rgba(15, 30, 71, 0.04),
            0 12px 32px -8px rgba(15, 30, 71, 0.08),
            0 0 0 1px rgba(15, 30, 71, 0.04);
        opacity: 0;
        transform: translateY(20px);
        animation: cl-cardIn 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;
    }

    @media (max-width: 768px) {
        .celara-login-card-scope .cl-card { padding: 32px 24px; }
    }

    .celara-login-card-scope .cl-header { text-align: left; margin-bottom: 32px; }

    .celara-login-card-scope .cl-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--celara-navy);
        margin-bottom: 16px;
    }

    .celara-login-card-scope .cl-eyebrow::before {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #60A5FA;
        box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.3);
    }

    .celara-login-card-scope .cl-title {
        font-family: var(--font-display);
        font-weight: 500;
        font-size: clamp(26px, 3vw, 36px);
        line-height: 1.1;
        letter-spacing: -0.02em;
        color: var(--celara-ink);
        margin: 0 0 12px;
    }

    .celara-login-card-scope .cl-title em {
        font-style: italic;
        font-weight: 400;
        color: var(--celara-navy);
    }

    .celara-login-card-scope .cl-subtitle {
        font-size: 15px;
        line-height: 1.55;
        color: var(--celara-muted);
        margin: 0;
    }

    .celara-login-card-scope .cl-form { margin: 0; }
    .celara-login-card-scope .cl-field { margin-bottom: 18px; position: relative; }

    .celara-login-card-scope .cl-label {
        display: block;
        font-size: 13px;
        font-weight: 500;
        color: var(--celara-ink);
        margin-bottom: 8px;
    }

    .celara-login-card-scope .cl-input {
        width: 100%;
        height: 50px;
        padding: 0 16px;
        font-family: var(--font-body);
        font-size: 15px;
        color: var(--celara-ink);
        background: #ffffff;
        border: 1.5px solid var(--celara-line-strong);
        border-radius: 12px;
        transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
        outline: none;
        -webkit-appearance: none;
        appearance: none;
    }

    .celara-login-card-scope .cl-input::placeholder { color: rgba(92, 107, 143, 0.5); }
    .celara-login-card-scope .cl-input:hover { border-color: rgba(30, 58, 138, 0.3); }

    .celara-login-card-scope .cl-input:focus {
        border-color: var(--celara-navy);
        box-shadow: 0 0 0 4px rgba(30, 58, 138, 0.08);
    }

    .celara-login-card-scope .cl-input.is-invalid {
        border-color: #dc2626;
        box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.08);
    }

    .celara-login-card-scope .cl-feedback {
        display: block;
        font-size: 12px;
        color: #dc2626;
        margin-top: 6px;
        padding-left: 2px;
    }

    .celara-login-card-scope .cl-submit {
        width: 100%;
        height: 52px;
        margin-top: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-family: var(--font-body);
        font-size: 15px;
        font-weight: 600;
        color: #ffffff;
        background: var(--celara-navy);
        border: none;
        border-radius: 12px;
        cursor: pointer;
        transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
        box-shadow: 0 4px 12px -2px rgba(30, 58, 138, 0.25);
    }

    .celara-login-card-scope .cl-submit:hover {
        background: var(--celara-navy-deep);
        box-shadow: 0 6px 18px -3px rgba(30, 58, 138, 0.35);
    }

    .celara-login-card-scope .cl-submit:active { transform: scale(0.99); }
    .celara-login-card-scope .cl-submit:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }

    .celara-login-card-scope .cl-submit svg {
        width: 18px;
        height: 18px;
        transition: transform 0.25s ease;
    }
    .celara-login-card-scope .cl-submit:hover svg { transform: translateX(3px); }

    .celara-login-card-scope .cl-divider {
        display: flex;
        align-items: center;
        gap: 12px;
        margin: 32px 0 24px;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--celara-muted);
    }

    .celara-login-card-scope .cl-divider::before,
    .celara-login-card-scope .cl-divider::after {
        content: '';
        flex: 1;
        height: 1px;
        background: var(--celara-line);
    }

    .celara-login-card-scope .cl-register {
        text-align: center;
        padding: 16px 20px;
        background: linear-gradient(135deg, var(--celara-sky-soft) 0%, rgba(147, 197, 253, 0.15) 100%);
        border-radius: 12px;
        border: 1px solid var(--celara-line);
    }

    .celara-login-card-scope .cl-register-text {
        font-size: 14px;
        color: var(--celara-ink);
        margin: 0;
    }

    .celara-login-card-scope .cl-register-link {
        color: var(--celara-navy);
        font-weight: 600;
        text-decoration: none;
        transition: color 0.2s ease;
        border-bottom: 1px solid transparent;
        padding-bottom: 1px;
    }

    .celara-login-card-scope .cl-register-link:hover {
        color: var(--celara-navy-deep);
        border-bottom-color: var(--celara-navy-deep);
    }

    @keyframes cl-cardIn {
        to { opacity: 1; transform: translateY(0); }
    }

    @media (prefers-reduced-motion: reduce) {
        .celara-login-card-scope *,
        .celara-login-card-scope *::before,
        .celara-login-card-scope *::after {
            animation-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
        }
    }
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdd6346 */body {
    background-color: #f5f5f5;
}/* End custom CSS */