/*
================================================================
TRAVEL CRM — LOCKED PREMIUM LOGIN
================================================================

File        : login.css
Version     : 2026-09-12-04
Design      : LOCKED MASTER DESIGN
Type        : Premium SaaS / Travel Intelligence
Responsive  : Desktop / Tablet / Mobile / Small Mobile

IMPORTANT
----------------------------------------------------------------
THIS FILE IS FULLY SCOPED.

Every selector starts from:
.travel-crm-login

Therefore this stylesheet must NOT interfere with:

/crm/crm.css
/crm/crm.js
/crm.router.js
/crm.module-loader.js
/pages/*
/api/*
/other CRM modules

DO NOT REMOVE THE ROOT SCOPE.
================================================================
*/


/* ==============================================================
   00. STANDALONE LOGIN VIEWPORT RESET
   --------------------------------------------------------------
   This page is a full-screen application surface.
   Browser default body margin + 100vh was creating the vertical
   scrollbar seen on the live login screen.
   ============================================================== */

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

html {
    min-height: 100%;
}

body {
    min-height: 100%;
}


/* ==============================================================
   01. LOCAL DESIGN SYSTEM
   ============================================================== */

.travel-crm-login {

    /* ----------------------------------------------------------
       Primary Brand
       ---------------------------------------------------------- */

    --tcrm-blue-950: #071b3a;
    --tcrm-blue-900: #0a2550;
    --tcrm-blue-800: #10386f;

    --tcrm-blue-700: #1458d4;
    --tcrm-blue-600: #1769ed;
    --tcrm-blue-500: #1677f2;
    --tcrm-blue-400: #3f8cff;

    --tcrm-blue-soft: #eaf3ff;
    --tcrm-blue-soft-2: #f2f7ff;


    /* ----------------------------------------------------------
       Neutral System
       ---------------------------------------------------------- */

    --tcrm-white: #ffffff;

    --tcrm-bg:
        #f4f8fd;

    --tcrm-surface:
        rgba(255, 255, 255, 0.94);

    --tcrm-text:
        #0c2346;

    --tcrm-text-2:
        #526a8f;

    --tcrm-text-3:
        #7890b2;

    --tcrm-border:
        #d9e4f2;

    --tcrm-border-soft:
        #e7eef7;


    /* ----------------------------------------------------------
       Status
       ---------------------------------------------------------- */

    --tcrm-success:
        #16875b;

    --tcrm-danger:
        #d14949;


    /* ----------------------------------------------------------
       Radius
       ---------------------------------------------------------- */

    --tcrm-radius-xs:
        8px;

    --tcrm-radius-sm:
        10px;

    --tcrm-radius-md:
        14px;

    --tcrm-radius-lg:
        18px;

    --tcrm-radius-xl:
        24px;

    --tcrm-radius-xxl:
        30px;


    /* ----------------------------------------------------------
       Shadows
       ---------------------------------------------------------- */

    --tcrm-shadow-card:
        0 28px 70px rgba(24, 58, 103, 0.12);

    --tcrm-shadow-input:
        0 5px 18px rgba(35, 75, 125, 0.035);

    --tcrm-shadow-button:
        0 12px 26px rgba(23, 105, 237, 0.23);


    /* ----------------------------------------------------------
       Motion
       ---------------------------------------------------------- */

    --tcrm-ease:
        cubic-bezier(0.22, 1, 0.36, 1);

    --tcrm-transition:
        180ms var(--tcrm-ease);


    /* ----------------------------------------------------------
       Local Box Model
       ---------------------------------------------------------- */

    box-sizing:
        border-box;

}


/* ==============================================================
   02. LOCAL BOX-SIZING
   ============================================================== */

.travel-crm-login *,
.travel-crm-login *::before,
.travel-crm-login *::after {

    box-sizing:
        inherit;

}


/* ==============================================================
   03. ROOT LOGIN EXPERIENCE
   ============================================================== */

.travel-crm-login {

    position:
        relative;

    width:
        100%;

    height:
        100dvh;

    min-height:
        100dvh;

    display:
        grid;

    grid-template-columns:
        minmax(0, 1.04fr)
        minmax(500px, 0.96fr);

    margin:
        0;

    padding:
        0;

    overflow:
        hidden;

    background:
        var(--tcrm-bg);

    color:
        var(--tcrm-text);

    font-family:
        Inter,
        ui-sans-serif,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    -webkit-font-smoothing:
        antialiased;

    text-rendering:
        optimizeLegibility;

}


/* ==============================================================
   04. LEFT VISUAL AREA
   ============================================================== */

.travel-crm-login .travel-crm-login__visual {

    position:
        relative;

    min-width:
        0;

    min-height:
        0;

    height:
        100%;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        space-between;

    padding:
        clamp(46px, 5vw, 76px)
        clamp(52px, 7vw, 105px)
        clamp(34px, 4vw, 56px);

    overflow:
        hidden;

    isolation:
        isolate;

    color:
        var(--tcrm-white);

}


/* ==============================================================
   05. TRAVEL IMAGE SLOT
   ============================================================== */

.travel-crm-login .travel-crm-login__background {

    position:
        absolute;

    inset:
        0;

    z-index:
        0;

    /* ----------------------------------------------------------
       APPROVED LOCKED LOGIN BACKGROUND
       Hostinger path:
       /public_html/crm/uploads/Images/travel-crm-login.webp

       Root-relative URL is intentional so the CSS location
       (/crm/auth/) cannot break the image path.
       ---------------------------------------------------------- */

    background-image:
        linear-gradient(
            180deg,
            rgba(246, 250, 255, 0.18) 0%,
            rgba(238, 246, 255, 0.06) 42%,
            rgba(8, 30, 57, 0.18) 100%
        ),
        url("/uploads/Images/travel-crm-login.webp");

    background-position:
        center center;

    background-size:
        cover;

    background-repeat:
        no-repeat;

    transform:
        scale(1.01);

}





/* ==============================================================
   06. VISUAL LIGHT / READABILITY LAYER
   ============================================================== */

.travel-crm-login .travel-crm-login__visual-overlay {

    position:
        absolute;

    inset:
        0;

    z-index:
        1;

    pointer-events:
        none;

    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.56) 0%,
            rgba(255, 255, 255, 0.26) 44%,
            rgba(255, 255, 255, 0.02) 100%
        );

}


/* ==============================================================
   07. VISUAL CONTENT
   ============================================================== */

.travel-crm-login .travel-crm-login__visual-content {

    position:
        relative;

    z-index:
        2;

    width:
        min(100%, 700px);

    margin:
        auto 0;

}


/* ==============================================================
   08. BRAND
   ============================================================== */

.travel-crm-login .travel-crm-login__brand {

    display:
        flex;

    align-items:
        center;

    width:
        fit-content;

    margin:
        0;

}


/* ==============================================================
   09. BRAND NAME
   ============================================================== */

.travel-crm-login .travel-crm-login__brand-name {

    color:
        #536b91;

    font-size:
        clamp(12px, 0.9vw, 15px);

    font-weight:
        650;

    letter-spacing:
        0.22em;

    line-height:
        1;

    white-space:
        nowrap;

}


/* ==============================================================
   10. BRAND BLUE LINE
   ============================================================== */

.travel-crm-login .travel-crm-login__brand-line {

    width:
        48px;

    height:
        2px;

    margin-top:
        22px;

    background:
        linear-gradient(
            90deg,
            var(--tcrm-blue-600),
            var(--tcrm-blue-400)
        );

}


/* ==============================================================
   11. HERO
   ============================================================== */

.travel-crm-login .travel-crm-login__hero {

    margin-top:
        clamp(38px, 4.2vw, 58px);

}


/* ==============================================================
   12. HERO LABEL
   ============================================================== */

.travel-crm-login .travel-crm-login__hero-label {

    margin:
        0
        0
        17px;

    color:
        #5a7298;

    font-size:
        10px;

    font-weight:
        750;

    letter-spacing:
        0.18em;

    line-height:
        1.5;

}


/* ==============================================================
   13. HERO TITLE
   ============================================================== */

.travel-crm-login .travel-crm-login__hero-title {

    max-width:
        720px;

    margin:
        0;

    color:
        #0b2448;

    font-size:
        clamp(42px, 4.4vw, 70px);

    font-weight:
        730;

    letter-spacing:
        -0.052em;

    line-height:
        0.99;

}


/* ==============================================================
   14. HERO HIGHLIGHT
   ============================================================== */

.travel-crm-login .travel-crm-login__hero-highlight {

    color:
        var(--tcrm-blue-600);

    background:
        linear-gradient(
            100deg,
            #1768e8 0%,
            #2782ff 100%
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    -webkit-text-fill-color:
        transparent;

}


/* ==============================================================
   15. HERO DESCRIPTION
   ============================================================== */

.travel-crm-login .travel-crm-login__hero-description {

    max-width:
        610px;

    margin:
        24px
        0
        0;

    color:
        #577096;

    font-size:
        clamp(14px, 1.15vw, 17px);

    font-weight:
        400;

    line-height:
        1.72;

}


/* ==============================================================
   16. FEATURE GRID
   ============================================================== */

.travel-crm-login .travel-crm-login__features {

    width:
        min(100%, 650px);

    display:
        grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap:
        clamp(18px, 2vw, 34px);

    margin-top:
        clamp(42px, 5vw, 62px);

}


/* ==============================================================
   17. FEATURE ITEM
   ============================================================== */

.travel-crm-login .travel-crm-login__feature {

    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    text-align:
        left;

}


/* ==============================================================
   18. FEATURE ICON BOX
   ============================================================== */

.travel-crm-login .travel-crm-login__feature-icon {

    width:
        64px;

    height:
        64px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid rgba(47, 106, 180, 0.06);

    border-radius:
        13px;

    background:
        linear-gradient(
            145deg,
            rgba(229, 239, 252, 0.94),
            rgba(215, 230, 248, 0.80)
        );

    color:
        var(--tcrm-blue-600);

    box-shadow:
        0 10px 22px rgba(48, 92, 145, 0.07);

    transition:
        transform var(--tcrm-transition),
        box-shadow var(--tcrm-transition);

}


/* ==============================================================
   19. FEATURE SVG
   ============================================================== */

.travel-crm-login .travel-crm-login__feature-icon svg {

    width:
        32px;

    height:
        32px;

    display:
        block;

}


/* ==============================================================
   20. FEATURE HOVER
   ============================================================== */

.travel-crm-login .travel-crm-login__feature:hover
.travel-crm-login__feature-icon {

    transform:
        translateY(-3px);

    box-shadow:
        0 15px 28px rgba(48, 92, 145, 0.12);

}


/* ==============================================================
   21. FEATURE TITLE
   ============================================================== */

.travel-crm-login .travel-crm-login__feature-title {

    margin:
        13px
        0
        0;

    color:
        #0c2449;

    font-size:
        14px;

    font-weight:
        720;

    letter-spacing:
        -0.01em;

    line-height:
        1.15;

}


/* ==============================================================
   22. FEATURE DESCRIPTION
   ============================================================== */

.travel-crm-login .travel-crm-login__feature-description {

    margin:
        9px
        0
        0;

    color:
        #627a9e;

    font-size:
        10px;

    line-height:
        1.55;

}


/* ==============================================================
   23. VISUAL FOOTER
   ============================================================== */

.travel-crm-login .travel-crm-login__visual-footer {

    position:
        relative;

    z-index:
        2;

    width:
        100%;

    margin-top:
        30px;

}


/* ==============================================================
   24. VISUAL FOOTER LINE
   ============================================================== */

.travel-crm-login .travel-crm-login__footer-line {

    width:
        48px;

    height:
        2px;

    margin-bottom:
        12px;

    background:
        rgba(255, 255, 255, 0.72);

}


/* ==============================================================
   25. VISUAL FOOTER TEXT
   ============================================================== */

.travel-crm-login .travel-crm-login__visual-footer p {

    margin:
        0;

    color:
        rgba(255, 255, 255, 0.88);

    font-size:
        9px;

    font-weight:
        520;

    letter-spacing:
        0.16em;

    line-height:
        1.5;

}


/* ==============================================================
   26. VISUAL FOOTER SEPARATORS
   ============================================================== */

.travel-crm-login .travel-crm-login__visual-footer p span {

    margin:
        0
        8px;

    color:
        rgba(255, 255, 255, 0.48);

}


/* ==============================================================
   27. RIGHT LOGIN AREA
   ============================================================== */

.travel-crm-login .travel-crm-login__panel {

    position:
        relative;

    min-width:
        0;

    min-height:
        0;

    height:
        100%;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    padding:
        clamp(36px, 5vw, 76px)
        clamp(38px, 5vw, 78px);

    background:
        radial-gradient(
            circle at 50% 18%,
            rgba(255, 255, 255, 0.98),
            rgba(243, 248, 254, 0.98) 68%,
            rgba(238, 245, 253, 0.98) 100%
        );

}


/* ==============================================================
   28. LOGIN CARD
   ============================================================== */

.travel-crm-login .travel-crm-login__card {

    width:
        min(100%, 586px);

    padding:
        clamp(38px, 4vw, 55px)
        clamp(38px, 4vw, 60px)
        clamp(36px, 3.5vw, 44px);

    border:
        1px solid rgba(255, 255, 255, 0.92);

    border-radius:
        var(--tcrm-radius-xxl);

    background:
        rgba(255, 255, 255, 0.95);

    box-shadow:
        var(--tcrm-shadow-card);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

}


/* ==============================================================
   29. LOGIN HEADER
   ============================================================== */

.travel-crm-login .travel-crm-login__login-header {

    margin:
        0
        0
        34px;

}


/* ==============================================================
   30. LOGIN EYEBROW
   ============================================================== */

.travel-crm-login .travel-crm-login__login-eyebrow {

    margin:
        0
        0
        12px;

    color:
        #6078a0;

    font-size:
        11px;

    font-weight:
        750;

    letter-spacing:
        0.21em;

    line-height:
        1.5;

}


/* ==============================================================
   31. LOGIN TITLE
   ============================================================== */

.travel-crm-login .travel-crm-login__login-title {

    margin:
        0;

    color:
        #0c254b;

    font-size:
        clamp(31px, 2.8vw, 42px);

    font-weight:
        720;

    letter-spacing:
        -0.045em;

    line-height:
        1.10;

}


/* ==============================================================
   32. LOGIN TITLE BLUE
   ============================================================== */

.travel-crm-login .travel-crm-login__login-title span {

    color:
        var(--tcrm-blue-600);

}


/* ==============================================================
   33. LOGIN DESCRIPTION
   ============================================================== */

.travel-crm-login .travel-crm-login__login-description {

    max-width:
        470px;

    margin:
        12px
        0
        0;

    color:
        #60799e;

    font-size:
        14px;

    line-height:
        1.65;

}


/* ==============================================================
   34. FORM
   ============================================================== */

.travel-crm-login .travel-crm-login__form {

    width:
        100%;

}


/* ==============================================================
   35. FIELD
   ============================================================== */

.travel-crm-login .travel-crm-login__field {

    margin:
        0
        0
        21px;

}


/* ==============================================================
   36. LABEL
   ============================================================== */

.travel-crm-login .travel-crm-login__label {

    display:
        block;

    margin:
        0
        0
        9px;

    color:
        #102b53;

    font-size:
        13px;

    font-weight:
        680;

    line-height:
        1.4;

}


/* ==============================================================
   37. INPUT WRAPPER
   ============================================================== */

.travel-crm-login .travel-crm-login__input-wrap {

    position:
        relative;

    width:
        100%;

}


/* ==============================================================
   38. INPUT ICON
   ============================================================== */

.travel-crm-login .travel-crm-login__input-icon {

    position:
        absolute;

    top:
        50%;

    left:
        18px;

    width:
        23px;

    height:
        23px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    transform:
        translateY(-50%);

    pointer-events:
        none;

    color:
        #7288a8;

    z-index:
        2;

}


.travel-crm-login .travel-crm-login__input-icon svg {

    width:
        22px;

    height:
        22px;

    display:
        block;

}


/* ==============================================================
   39. INPUT
   ============================================================== */

.travel-crm-login .travel-crm-login__input-wrap input {

    width:
        100%;

    height:
        54px;

    display:
        block;

    margin:
        0;

    padding:
        0
        50px
        0
        58px;

    border:
        1px solid var(--tcrm-border);

    border-radius:
        11px;

    outline:
        none;

    background:
        rgba(255, 255, 255, 0.98);

    color:
        #122b51;

    box-shadow:
        var(--tcrm-shadow-input);

    font-family:
        inherit;

    font-size:
        13px;

    line-height:
        1.4;

    transition:
        border-color var(--tcrm-transition),
        box-shadow var(--tcrm-transition),
        background var(--tcrm-transition);

}


/* ==============================================================
   40. INPUT PLACEHOLDER
   ============================================================== */

.travel-crm-login .travel-crm-login__input-wrap input::placeholder {

    color:
        #8ca0bd;

    opacity:
        1;

}


/* ==============================================================
   41. INPUT HOVER
   ============================================================== */

.travel-crm-login .travel-crm-login__input-wrap input:hover {

    border-color:
        #c5d4e8;

}


/* ==============================================================
   42. INPUT FOCUS
   ============================================================== */

.travel-crm-login .travel-crm-login__input-wrap input:focus {

    border-color:
        #4b8df2;

    background:
        #ffffff;

    box-shadow:
        0 0 0 3px rgba(23, 105, 237, 0.08),
        0 8px 22px rgba(35, 75, 125, 0.055);

}


/* ==============================================================
   43. PASSWORD TOGGLE
   ============================================================== */

.travel-crm-login .travel-crm-login__password-toggle {

    position:
        absolute;

    top:
        50%;

    right:
        13px;

    width:
        38px;

    height:
        38px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin:
        0;

    padding:
        0;

    transform:
        translateY(-50%);

    border:
        0;

    border-radius:
        9px;

    outline:
        none;

    background:
        transparent;

    color:
        #7188a8;

    cursor:
        pointer;

    transition:
        color var(--tcrm-transition),
        background var(--tcrm-transition);

}


.travel-crm-login .travel-crm-login__password-toggle:hover {

    background:
        var(--tcrm-blue-soft);

    color:
        var(--tcrm-blue-600);

}


.travel-crm-login .travel-crm-login__password-toggle:focus-visible {

    box-shadow:
        0 0 0 3px rgba(23, 105, 237, 0.10);

}


.travel-crm-login .travel-crm-login__password-toggle svg {

    width:
        22px;

    height:
        22px;

}


/* ==============================================================
   44. FIELD ERROR
   ============================================================== */

.travel-crm-login .travel-crm-login__field-error {

    display:
        block;

    min-height:
        0;

    margin:
        5px
        0
        0;

    color:
        var(--tcrm-danger);

    font-size:
        10px;

    line-height:
        1.4;

}


/* ==============================================================
   45. OPTIONS ROW
   ============================================================== */

.travel-crm-login .travel-crm-login__options {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    margin:
        2px
        0
        23px;

}


/* ==============================================================
   46. REMEMBER ME
   ============================================================== */

.travel-crm-login .travel-crm-login__remember {

    position:
        relative;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        10px;

    color:
        #60799e;

    cursor:
        pointer;

    font-size:
        12px;

    line-height:
        1.4;

    user-select:
        none;

}


/* ==============================================================
   47. HIDDEN CHECKBOX
   ============================================================== */

.travel-crm-login .travel-crm-login__remember input {

    position:
        absolute;

    width:
        1px;

    height:
        1px;

    margin:
        -1px;

    opacity:
        0;

    pointer-events:
        none;

}


/* ==============================================================
   48. CUSTOM CHECKBOX
   ============================================================== */

.travel-crm-login .travel-crm-login__checkbox {

    width:
        22px;

    height:
        22px;

    flex:
        0 0 22px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid #c9d8eb;

    border-radius:
        5px;

    background:
        #ffffff;

    color:
        #ffffff;

    transition:
        background var(--tcrm-transition),
        border-color var(--tcrm-transition),
        box-shadow var(--tcrm-transition);

}


.travel-crm-login .travel-crm-login__checkbox svg {

    width:
        15px;

    height:
        15px;

    opacity:
        0;

    transform:
        scale(0.65);

    transition:
        opacity var(--tcrm-transition),
        transform var(--tcrm-transition);

}


/* ==============================================================
   49. CHECKED STATE
   ============================================================== */

.travel-crm-login
.travel-crm-login__remember
input:checked
+ .travel-crm-login__checkbox {

    border-color:
        var(--tcrm-blue-600);

    background:
        var(--tcrm-blue-600);

    box-shadow:
        0 5px 12px rgba(23, 105, 237, 0.20);

}


.travel-crm-login
.travel-crm-login__remember
input:checked
+ .travel-crm-login__checkbox
svg {

    opacity:
        1;

    transform:
        scale(1);

}


/* ==============================================================
   50. FORGOT PASSWORD
   ============================================================== */

.travel-crm-login .travel-crm-login__forgot {

    margin:
        0;

    padding:
        0;

    border:
        0;

    outline:
        none;

    background:
        transparent;

    color:
        var(--tcrm-blue-600);

    cursor:
        pointer;

    font-family:
        inherit;

    font-size:
        12px;

    font-weight:
        650;

    line-height:
        1.4;

    transition:
        color var(--tcrm-transition);

}


.travel-crm-login .travel-crm-login__forgot:hover {

    color:
        #0e55c8;

    text-decoration:
        underline;

}


.travel-crm-login .travel-crm-login__forgot:focus-visible {

    border-radius:
        4px;

    box-shadow:
        0 0 0 3px rgba(23, 105, 237, 0.09);

}


/* ==============================================================
   51. LOGIN MESSAGE
   ============================================================== */

.travel-crm-login .travel-crm-login__message {

    display:
        none;

    width:
        100%;

    margin:
        0
        0
        13px;

    padding:
        11px
        13px;

    border:
        1px solid var(--tcrm-border);

    border-radius:
        9px;

    background:
        #f7faff;

    color:
        var(--tcrm-text-2);

    font-size:
        11px;

    line-height:
        1.5;

}


.travel-crm-login .travel-crm-login__message.is-visible {

    display:
        block;

}


.travel-crm-login .travel-crm-login__message.is-error {

    border-color:
        rgba(209, 73, 73, 0.20);

    background:
        rgba(209, 73, 73, 0.05);

    color:
        var(--tcrm-danger);

}


.travel-crm-login .travel-crm-login__message.is-success {

    border-color:
        rgba(22, 135, 91, 0.20);

    background:
        rgba(22, 135, 91, 0.05);

    color:
        var(--tcrm-success);

}


/* ==============================================================
   52. SIGN IN BUTTON
   ============================================================== */

.travel-crm-login .travel-crm-login__submit {

    position:
        relative;

    width:
        100%;

    height:
        57px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;

    margin:
        0;

    padding:
        0
        52px;

    border:
        0;

    border-radius:
        10px;

    outline:
        none;

    background:
        linear-gradient(
            100deg,
            #176df0 0%,
            #0877e9 100%
        );

    color:
        #ffffff;

    cursor:
        pointer;

    box-shadow:
        var(--tcrm-shadow-button);

    font-family:
        inherit;

    font-size:
        15px;

    font-weight:
        700;

    line-height:
        1;

    transition:
        transform var(--tcrm-transition),
        box-shadow var(--tcrm-transition),
        filter var(--tcrm-transition);

}


/* ==============================================================
   53. BUTTON HOVER
   ============================================================== */

.travel-crm-login .travel-crm-login__submit:hover {

    transform:
        translateY(-2px);

    box-shadow:
        0 17px 34px rgba(23, 105, 237, 0.27);

    filter:
        brightness(1.035);

}


/* ==============================================================
   54. BUTTON ACTIVE
   ============================================================== */

.travel-crm-login .travel-crm-login__submit:active {

    transform:
        translateY(0);

}


/* ==============================================================
   55. BUTTON FOCUS
   ============================================================== */

.travel-crm-login .travel-crm-login__submit:focus-visible {

    box-shadow:
        0 0 0 4px rgba(23, 105, 237, 0.12),
        var(--tcrm-shadow-button);

}


/* ==============================================================
   56. BUTTON ARROW
   ============================================================== */

.travel-crm-login .travel-crm-login__submit-arrow {

    position:
        absolute;

    left:
        50%;

    transform:
        translateX(-54px);

    font-size:
        27px;

    font-weight:
        300;

    line-height:
        1;

}


/* ==============================================================
   57. BUTTON TEXT
   ============================================================== */

.travel-crm-login .travel-crm-login__submit-text {

    display:
        inline-block;

}


/* ==============================================================
   58. BUTTON LOADER
   ============================================================== */

.travel-crm-login .travel-crm-login__submit-loader {

    display:
        none;

    width:
        17px;

    height:
        17px;

    border:
        2px solid rgba(255, 255, 255, 0.35);

    border-top-color:
        #ffffff;

    border-radius:
        50%;

    animation:
        travel-crm-login-spin
        700ms linear infinite;

}


.travel-crm-login .travel-crm-login__submit.is-loading {

    pointer-events:
        none;

    opacity:
        0.88;

}


.travel-crm-login
.travel-crm-login__submit.is-loading
.travel-crm-login__submit-loader {

    display:
        inline-block;

}


.travel-crm-login
.travel-crm-login__submit.is-loading
.travel-crm-login__submit-arrow {

    display:
        none;

}


/* ==============================================================
   59. LOADER
   ============================================================== */

@keyframes travel-crm-login-spin {

    from {
        transform:
            rotate(0deg);
    }

    to {
        transform:
            rotate(360deg);
    }

}


/* ==============================================================
   60. OR DIVIDER
   ============================================================== */

.travel-crm-login .travel-crm-login__divider {

    display:
        flex;

    align-items:
        center;

    gap:
        14px;

    margin:
        29px
        0
        22px;

}


.travel-crm-login .travel-crm-login__divider span {

    flex:
        1;

    height:
        1px;

    background:
        #dbe5f0;

}


.travel-crm-login .travel-crm-login__divider strong {

    color:
        #7186a4;

    font-size:
        11px;

    font-weight:
        650;

    line-height:
        1;

}


/* ==============================================================
   61. AUTHORIZED USERS
   ============================================================== */

.travel-crm-login .travel-crm-login__authorized {

    display:
        flex;

    align-items:
        center;

    gap:
        17px;

    min-height:
        82px;

    padding:
        15px
        17px;

    border:
        1px solid rgba(218, 230, 245, 0.72);

    border-radius:
        11px;

    background:
        linear-gradient(
            100deg,
            #f0f6fe,
            #eef5fd
        );

}


/* ==============================================================
   62. AUTHORIZED ICON
   ============================================================== */

.travel-crm-login .travel-crm-login__authorized-icon {

    width:
        53px;

    height:
        53px;

    flex:
        0 0 53px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--tcrm-blue-600);

}


.travel-crm-login .travel-crm-login__authorized-icon svg {

    width:
        37px;

    height:
        37px;

}


/* ==============================================================
   63. AUTHORIZED CONTENT
   ============================================================== */

.travel-crm-login .travel-crm-login__authorized-content {

    min-width:
        0;

}


.travel-crm-login .travel-crm-login__authorized-content h3 {

    margin:
        0;

    color:
        #0e274c;

    font-size:
        13px;

    font-weight:
        700;

    line-height:
        1.4;

}


.travel-crm-login .travel-crm-login__authorized-content p {

    margin:
        3px
        0
        0;

    color:
        #60799e;

    font-size:
        10px;

    line-height:
        1.55;

}


/* ==============================================================
   64. TRUST ROW
   ============================================================== */

.travel-crm-login .travel-crm-login__trust {

    width:
        min(100%, 590px);

    display:
        grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    margin-top:
        clamp(30px, 4vw, 44px);

}


/* ==============================================================
   65. TRUST ITEM
   ============================================================== */

.travel-crm-login .travel-crm-login__trust-item {

    position:
        relative;

    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0
        20px;

    text-align:
        center;

}


/* ==============================================================
   66. TRUST ITEM SEPARATOR
   ============================================================== */

.travel-crm-login
.travel-crm-login__trust-item
+ .travel-crm-login__trust-item::before {

    content:
        "";

    position:
        absolute;

    top:
        5px;

    left:
        0;

    width:
        1px;

    height:
        52px;

    background:
        #d2dfed;

}


/* ==============================================================
   67. TRUST ICON
   ============================================================== */

.travel-crm-login .travel-crm-login__trust-icon {

    width:
        32px;

    height:
        32px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin:
        0
        0
        8px;

    color:
        #0d2c57;

}


.travel-crm-login .travel-crm-login__trust-icon svg {

    width:
        27px;

    height:
        27px;

}


/* ==============================================================
   68. TRUST TITLE
   ============================================================== */

.travel-crm-login .travel-crm-login__trust-item h3 {

    margin:
        0;

    color:
        #18345c;

    font-size:
        12px;

    font-weight:
        700;

    line-height:
        1.35;

}


/* ==============================================================
   69. TRUST DESCRIPTION
   ============================================================== */

.travel-crm-login .travel-crm-login__trust-item p {

    margin:
        3px
        0
        0;

    color:
        #6c83a4;

    font-size:
        9px;

    line-height:
        1.45;

}


/* ==============================================================
   70. LARGE DESKTOP
   ============================================================== */

@media (min-width: 1440px) {

    .travel-crm-login {

        grid-template-columns:
            minmax(0, 1.06fr)
            minmax(540px, 0.94fr);

    }


    .travel-crm-login
    .travel-crm-login__visual {

        padding-left:
            clamp(65px, 6vw, 112px);

        padding-right:
            clamp(60px, 6vw, 100px);

    }


    .travel-crm-login
    .travel-crm-login__hero-title {

        font-size:
            clamp(55px, 4.35vw, 74px);

    }


    .travel-crm-login
    .travel-crm-login__card {

        width:
            min(100%, 600px);

    }

}


/* ==============================================================
   71. LAPTOP
   ============================================================== */

@media (max-width: 1280px) {

    .travel-crm-login {

        grid-template-columns:
            minmax(0, 1fr)
            minmax(470px, 0.92fr);

    }


    .travel-crm-login
    .travel-crm-login__visual {

        padding:
            42px
            52px
            30px;

    }


    .travel-crm-login
    .travel-crm-login__hero-title {

        font-size:
            clamp(40px, 4.2vw, 60px);

    }


    .travel-crm-login
    .travel-crm-login__features {

        gap:
            17px;

    }


    .travel-crm-login
    .travel-crm-login__feature-icon {

        width:
            56px;

        height:
            56px;

    }


    .travel-crm-login
    .travel-crm-login__panel {

        padding-left:
            40px;

        padding-right:
            40px;

    }

}


/* ==============================================================
   72. TABLET / SMALL LAPTOP
   ============================================================== */

@media (max-width: 1050px) {

    .travel-crm-login {

        grid-template-columns:
            minmax(0, 0.92fr)
            minmax(430px, 1.08fr);

    }


    .travel-crm-login
    .travel-crm-login__visual {

        padding:
            38px
            38px
            30px;

    }


    .travel-crm-login
    .travel-crm-login__hero {

        margin-top:
            38px;

    }


    .travel-crm-login
    .travel-crm-login__hero-title {

        font-size:
            clamp(38px, 5vw, 52px);

    }


    .travel-crm-login
    .travel-crm-login__hero-description {

        font-size:
            13px;

    }


    .travel-crm-login
    .travel-crm-login__features {

        gap:
            12px;

    }


    .travel-crm-login
    .travel-crm-login__feature-title {

        font-size:
            12px;

    }


    .travel-crm-login
    .travel-crm-login__feature-description {

        font-size:
            9px;

    }


    .travel-crm-login
    .travel-crm-login__card {

        padding:
            38px;

    }

}




/* ==============================================================
   70A. DESKTOP — SHORT VIEWPORT FIT
   --------------------------------------------------------------
   Prevents the login card/trust row from being pushed below the
   physical viewport on laptops and browser windows around 700–850px
   tall. No page scroll is introduced.
   ============================================================== */

@media (min-width: 821px) and (max-height: 860px) {

    .travel-crm-login .travel-crm-login__visual {
        padding-top: 30px;
        padding-bottom: 22px;
    }

    .travel-crm-login .travel-crm-login__hero {
        margin-top: 26px;
    }

    .travel-crm-login .travel-crm-login__hero-description {
        margin-top: 17px;
        line-height: 1.55;
    }

    .travel-crm-login .travel-crm-login__features {
        margin-top: 30px;
        gap: 14px;
    }

    .travel-crm-login .travel-crm-login__feature-icon {
        width: 50px;
        height: 50px;
    }

    .travel-crm-login .travel-crm-login__feature-icon svg {
        width: 25px;
        height: 25px;
    }

    .travel-crm-login .travel-crm-login__feature-title {
        margin-top: 9px;
        font-size: 12px;
    }

    .travel-crm-login .travel-crm-login__feature-description {
        margin-top: 6px;
        font-size: 9px;
        line-height: 1.4;
    }

    .travel-crm-login .travel-crm-login__card {
        padding-top: 28px;
        padding-bottom: 25px;
    }

    .travel-crm-login .travel-crm-login__login-header {
        margin-bottom: 23px;
    }

    .travel-crm-login .travel-crm-login__login-description {
        margin-top: 9px;
        line-height: 1.5;
    }

    .travel-crm-login .travel-crm-login__field {
        margin-bottom: 14px;
    }

    .travel-crm-login .travel-crm-login__input-wrap input {
        height: 50px;
    }

    .travel-crm-login .travel-crm-login__options {
        margin-top: 0;
        margin-bottom: 16px;
    }

    .travel-crm-login .travel-crm-login__submit {
        height: 52px;
    }

    .travel-crm-login .travel-crm-login__divider {
        margin-top: 18px;
        margin-bottom: 14px;
    }

    .travel-crm-login .travel-crm-login__authorized {
        min-height: 68px;
        padding-top: 10px;
        padding-bottom: 10px;
        gap: 13px;
    }

    .travel-crm-login .travel-crm-login__authorized-icon {
        width: 45px;
        height: 45px;
        flex-basis: 45px;
    }

    .travel-crm-login .travel-crm-login__authorized-icon svg {
        width: 32px;
        height: 32px;
    }

    .travel-crm-login .travel-crm-login__trust {
        margin-top: 20px;
    }

    .travel-crm-login .travel-crm-login__trust-item {
        padding-left: 12px;
        padding-right: 12px;
    }

    .travel-crm-login .travel-crm-login__trust-icon {
        margin-bottom: 5px;
    }
}


/* ==============================================================
   70B. VERY SHORT DESKTOP VIEWPORT
   ============================================================== */

@media (min-width: 821px) and (max-height: 740px) {

    .travel-crm-login .travel-crm-login__visual {
        padding-top: 22px;
        padding-bottom: 16px;
    }

    .travel-crm-login .travel-crm-login__brand-line {
        margin-top: 14px;
    }

    .travel-crm-login .travel-crm-login__hero {
        margin-top: 20px;
    }

    .travel-crm-login .travel-crm-login__hero-title {
        font-size: clamp(34px, 4vw, 48px);
    }

    .travel-crm-login .travel-crm-login__hero-description {
        margin-top: 12px;
        font-size: 12px;
    }

    .travel-crm-login .travel-crm-login__features {
        margin-top: 22px;
    }

    .travel-crm-login .travel-crm-login__feature-icon {
        width: 44px;
        height: 44px;
    }

    .travel-crm-login .travel-crm-login__feature-icon svg {
        width: 22px;
        height: 22px;
    }

    .travel-crm-login .travel-crm-login__feature-title {
        font-size: 11px;
    }

    .travel-crm-login .travel-crm-login__feature-description {
        display: none;
    }

    .travel-crm-login .travel-crm-login__card {
        padding: 22px 42px 20px;
    }

    .travel-crm-login .travel-crm-login__login-header {
        margin-bottom: 18px;
    }

    .travel-crm-login .travel-crm-login__login-eyebrow {
        margin-bottom: 7px;
        font-size: 10px;
    }

    .travel-crm-login .travel-crm-login__login-title {
        font-size: 29px;
    }

    .travel-crm-login .travel-crm-login__login-description {
        font-size: 11px;
        line-height: 1.4;
    }

    .travel-crm-login .travel-crm-login__field {
        margin-bottom: 11px;
    }

    .travel-crm-login .travel-crm-login__label {
        margin-bottom: 6px;
        font-size: 11px;
    }

    .travel-crm-login .travel-crm-login__input-wrap input {
        height: 46px;
    }

    .travel-crm-login .travel-crm-login__options {
        margin-bottom: 12px;
    }

    .travel-crm-login .travel-crm-login__submit {
        height: 47px;
        font-size: 13px;
    }

    .travel-crm-login .travel-crm-login__divider {
        margin-top: 13px;
        margin-bottom: 10px;
    }

    .travel-crm-login .travel-crm-login__authorized {
        min-height: 58px;
        padding: 7px 12px;
    }

    .travel-crm-login .travel-crm-login__authorized-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .travel-crm-login .travel-crm-login__authorized-icon svg {
        width: 28px;
        height: 28px;
    }

    .travel-crm-login .travel-crm-login__authorized-content h3 {
        font-size: 11px;
    }

    .travel-crm-login .travel-crm-login__authorized-content p {
        font-size: 9px;
    }

    .travel-crm-login .travel-crm-login__trust {
        margin-top: 12px;
    }

    .travel-crm-login .travel-crm-login__trust-icon {
        width: 27px;
        height: 27px;
        margin-bottom: 3px;
    }

    .travel-crm-login .travel-crm-login__trust-icon svg {
        width: 22px;
        height: 22px;
    }

    .travel-crm-login .travel-crm-login__trust-item h3 {
        font-size: 10px;
    }

    .travel-crm-login .travel-crm-login__trust-item p {
        font-size: 8px;
    }
}


/* ==============================================================
   73. MOBILE APP BREAKPOINT
   ============================================================== */

@media (max-width: 820px) {

    .travel-crm-login {

        height:
            auto;

        min-height:
            100dvh;

        display:
            block;

        min-height:
            100vh;

        overflow:
            visible;

        background:
            #f3f7fc;

    }


    /* ----------------------------------------------------------
       MOBILE VISUAL HERO
       ---------------------------------------------------------- */

    .travel-crm-login
    .travel-crm-login__visual {

        min-height:
            460px;

        height:
            auto;

        padding:
            32px
            28px
            30px;

        justify-content:
            flex-start;

    }


    .travel-crm-login
    .travel-crm-login__visual-content {

        margin:
            0;

    }


    .travel-crm-login
    .travel-crm-login__brand-name {

        font-size:
            11px;

    }


    .travel-crm-login
    .travel-crm-login__brand-line {

        margin-top:
            17px;

    }


    .travel-crm-login
    .travel-crm-login__hero {

        margin-top:
            34px;

    }


    .travel-crm-login
    .travel-crm-login__hero-title {

        max-width:
            650px;

        font-size:
            clamp(39px, 9vw, 56px);

    }


    .travel-crm-login
    .travel-crm-login__hero-description {

        max-width:
            570px;

        margin-top:
            18px;

        font-size:
            13px;

    }


    /* ----------------------------------------------------------
       MOBILE FEATURES
       ---------------------------------------------------------- */

    .travel-crm-login
    .travel-crm-login__features {

        width:
            100%;

        grid-template-columns:
            repeat(4, minmax(0, 1fr));

        gap:
            10px;

        margin-top:
            30px;

    }


    .travel-crm-login
    .travel-crm-login__feature {

        align-items:
            center;

        text-align:
            center;

    }


    .travel-crm-login
    .travel-crm-login__feature-icon {

        width:
            52px;

        height:
            52px;

        border-radius:
            12px;

    }


    .travel-crm-login
    .travel-crm-login__feature-icon svg {

        width:
            27px;

        height:
            27px;

    }


    .travel-crm-login
    .travel-crm-login__feature-title {

        margin-top:
            9px;

        font-size:
            11px;

        line-height:
            1.18;

    }


    .travel-crm-login
    .travel-crm-login__feature-description {

        display:
            none;

    }


    .travel-crm-login
    .travel-crm-login__visual-footer {

        display:
            none;

    }


    /* ----------------------------------------------------------
       MOBILE LOGIN PANEL
       ---------------------------------------------------------- */

    .travel-crm-login
    .travel-crm-login__panel {

        min-height:
            auto;

        display:
            flex;

        padding:
            34px
            24px
            42px;

        background:
            #f3f7fc;

    }


    .travel-crm-login
    .travel-crm-login__card {

        width:
            min(100%, 520px);

        padding:
            32px
            28px
            30px;

        border-radius:
            22px;

    }


    .travel-crm-login
    .travel-crm-login__trust {

        width:
            min(100%, 520px);

        margin-top:
            30px;

    }

}


/* ==============================================================
   74. MOBILE — 600px
   ============================================================== */

@media (max-width: 600px) {

    .travel-crm-login
    .travel-crm-login__visual {

        min-height:
            430px;

        padding:
            28px
            20px
            26px;

    }


    .travel-crm-login
    .travel-crm-login__hero {

        margin-top:
            30px;

    }


    .travel-crm-login
    .travel-crm-login__hero-label {

        margin-bottom:
            12px;

        font-size:
            9px;

    }


    .travel-crm-login
    .travel-crm-login__hero-title {

        font-size:
            clamp(34px, 10vw, 47px);

        line-height:
            1.00;

    }


    .travel-crm-login
    .travel-crm-login__hero-description {

        font-size:
            12px;

        line-height:
            1.6;

    }


    .travel-crm-login
    .travel-crm-login__features {

        gap:
            7px;

        margin-top:
            25px;

    }


    .travel-crm-login
    .travel-crm-login__feature-icon {

        width:
            47px;

        height:
            47px;

        border-radius:
            11px;

    }


    .travel-crm-login
    .travel-crm-login__feature-icon svg {

        width:
            24px;

        height:
            24px;

    }


    .travel-crm-login
    .travel-crm-login__feature-title {

        font-size:
            10px;

    }


    /* ----------------------------------------------------------
       LOGIN CARD
       ---------------------------------------------------------- */

    .travel-crm-login
    .travel-crm-login__panel {

        padding:
            22px
            16px
            32px;

    }


    .travel-crm-login
    .travel-crm-login__card {

        padding:
            29px
            21px
            25px;

        border-radius:
            20px;

        box-shadow:
            0 20px 50px rgba(24, 58, 103, 0.10);

    }


    .travel-crm-login
    .travel-crm-login__login-header {

        margin-bottom:
            27px;

    }


    .travel-crm-login
    .travel-crm-login__login-eyebrow {

        font-size:
            10px;

    }


    .travel-crm-login
    .travel-crm-login__login-title {

        font-size:
            29px;

    }


    .travel-crm-login
    .travel-crm-login__login-description {

        font-size:
            12px;

        line-height:
            1.6;

    }


    .travel-crm-login
    .travel-crm-login__field {

        margin-bottom:
            18px;

    }


    .travel-crm-login
    .travel-crm-login__input-wrap input {

        height:
            52px;

        padding-left:
            53px;

        font-size:
            12px;

    }


    .travel-crm-login
    .travel-crm-login__input-icon {

        left:
            16px;

    }


    .travel-crm-login
    .travel-crm-login__options {

        gap:
            12px;

        margin-bottom:
            20px;

    }


    .travel-crm-login
    .travel-crm-login__remember {

        font-size:
            11px;

    }


    .travel-crm-login
    .travel-crm-login__forgot {

        font-size:
            11px;

    }


    .travel-crm-login
    .travel-crm-login__submit {

        height:
            54px;

        font-size:
            14px;

    }


    .travel-crm-login
    .travel-crm-login__divider {

        margin-top:
            24px;

        margin-bottom:
            19px;

    }


    .travel-crm-login
    .travel-crm-login__authorized {

        min-height:
            75px;

        gap:
            12px;

        padding:
            12px;

    }


    .travel-crm-login
    .travel-crm-login__authorized-icon {

        width:
            42px;

        height:
            42px;

        flex-basis:
            42px;

    }


    .travel-crm-login
    .travel-crm-login__authorized-icon svg {

        width:
            31px;

        height:
            31px;

    }


    .travel-crm-login
    .travel-crm-login__authorized-content h3 {

        font-size:
            11px;

    }


    .travel-crm-login
    .travel-crm-login__authorized-content p {

        font-size:
            9px;

    }


    /* ----------------------------------------------------------
       TRUST
       ---------------------------------------------------------- */

    .travel-crm-login
    .travel-crm-login__trust {

        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        margin-top:
            25px;

    }


    .travel-crm-login
    .travel-crm-login__trust-item {

        padding:
            0
            7px;

    }


    .travel-crm-login
    .travel-crm-login__trust-item
    + .travel-crm-login__trust-item::before {

        height:
            45px;

    }


    .travel-crm-login
    .travel-crm-login__trust-icon {

        width:
            27px;

        height:
            27px;

        margin-bottom:
            6px;

    }


    .travel-crm-login
    .travel-crm-login__trust-icon svg {

        width:
            23px;

        height:
            23px;

    }


    .travel-crm-login
    .travel-crm-login__trust-item h3 {

        font-size:
            9px;

    }


    .travel-crm-login
    .travel-crm-login__trust-item p {

        display:
            none;

    }

}


/* ==============================================================
   75. SMALL PHONE
   ============================================================== */

@media (max-width: 390px) {

    .travel-crm-login
    .travel-crm-login__visual {

        min-height:
            405px;

        padding:
            24px
            16px
            22px;

    }


    .travel-crm-login
    .travel-crm-login__hero-title {

        font-size:
            33px;

    }


    .travel-crm-login
    .travel-crm-login__hero-description {

        max-width:
            340px;

        font-size:
            11px;

    }


    .travel-crm-login
    .travel-crm-login__features {

        margin-top:
            21px;

    }


    .travel-crm-login
    .travel-crm-login__feature-icon {

        width:
            43px;

        height:
            43px;

    }


    .travel-crm-login
    .travel-crm-login__feature-title {

        font-size:
            9px;

    }


    .travel-crm-login
    .travel-crm-login__panel {

        padding:
            17px
            12px
            26px;

    }


    .travel-crm-login
    .travel-crm-login__card {

        padding:
            25px
            17px
            22px;

        border-radius:
            18px;

    }


    .travel-crm-login
    .travel-crm-login__login-title {

        font-size:
            27px;

    }


    .travel-crm-login
    .travel-crm-login__options {

        align-items:
            flex-start;

    }


    .travel-crm-login
    .travel-crm-login__authorized {

        gap:
            9px;

        padding:
            10px;

    }


    .travel-crm-login
    .travel-crm-login__authorized-icon {

        width:
            38px;

        height:
            38px;

        flex-basis:
            38px;

    }


    .travel-crm-login
    .travel-crm-login__authorized-icon svg {

        width:
            28px;

        height:
            28px;

    }


    .travel-crm-login
    .travel-crm-login__trust-item {

        padding:
            0
            3px;

    }

}


/* ==============================================================
   76. ULTRA SMALL PHONE
   ============================================================== */

@media (max-width: 330px) {

    .travel-crm-login
    .travel-crm-login__hero-title {

        font-size:
            30px;

    }


    .travel-crm-login
    .travel-crm-login__feature:nth-child(4) {

        display:
            none;

    }


    .travel-crm-login
    .travel-crm-login__features {

        grid-template-columns:
            repeat(3, minmax(0, 1fr));

    }


    .travel-crm-login
    .travel-crm-login__login-title {

        font-size:
            25px;

    }


    .travel-crm-login
    .travel-crm-login__remember {

        font-size:
            10px;

    }


    .travel-crm-login
    .travel-crm-login__forgot {

        font-size:
            10px;

    }

}


/* ==============================================================
   77. ACCESSIBILITY — REDUCED MOTION
   ============================================================== */

@media (prefers-reduced-motion: reduce) {

    .travel-crm-login *,
    .travel-crm-login *::before,
    .travel-crm-login *::after {

        scroll-behavior:
            auto !important;

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;

    }

}


/* ==============================================================
   END — TRAVEL CRM LOGIN
   Version: 2026-09-12-04
   Background: APPROVED / ACTIVE / LOCKED
================================================================ */