.emp-login-v2__field .form-control.error {
        border: 2px solid #F44336 !important;
        box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
    }
    body.blank {
        margin: 0;
        min-height: 100vh;
        background: #10082b;
    }
    .login-box-main1 .form-control {
        color: #000;
        background: #fff;
        height: 60px;
    }
    .login-box-main1 h1 {
        color: var(--white);
        font-family: "Passion One", sans-serif;
        font-size: 45px;
    }
        .login-box-main1 .form-control::placeholder {
            color: #000;
            opacity: 0.5;
        }
        .login-box-main1 h1 {
        background: linear-gradient(269.87deg, #c930ff 10.37%, #ffb629 90.59%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        filter: drop-shadow(0px 4px 4px #00000099);
    }

    .emp-login-v2 {
        min-height: 100vh;
        width: 100%;
        background: url('/Images/login-main-bg.jpg') center center / cover no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px 16px;
    }

    .emp-login-v2__content {
        width: 100%;
        max-width: 550px;
        text-align: center;
    }

    .emp-login-v2__panel {
        background: url(/Images/login-bg.png) center center / 100% 100% no-repeat;
        padding: 68px 64px 30px;
        width: 550px;
        height: 640px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    .emp-login-v2__panel--blocked {
        height: auto;
        min-height: 680px;
    }

    .emp-login-v2__inner {
        width: 100%;
        margin: 0 auto;
    }

    .emp-login-v2__logo img {
        width: 314px;
        max-width: 100%;
    }

    .emp-login-v2__tagline {
        color: #ffffff;
        font-size: 22px;
        font-weight: 600;
        line-height: 1.2;
        margin: 20px 0;
    }

    .emp-login-v2__tagline--blocked {
        margin-bottom: 26px;
    }

    .emp-login-v2__field {
        text-align: left;
        margin-bottom: 14px;
        position: relative;
    }

        .emp-login-v2__field label {
            display: block;
            color: #ffffff;
            font-size: 20px;
            font-weight: 700;
            margin: 0 0 10px;
        }

        .emp-login-v2__field .form-control {
            height: 50px;
            border-radius: 4px;
            border: 1px solid #B772F2 !important;
            background: rgba(72, 33, 121, 0.84) !important;
            color: #ffffff !important;
            font-size: 20px;
            box-shadow: none;
            padding: 6px 14px;
            font-weight: 600;
        }

            .emp-login-v2__field .form-control::placeholder {
                color: #D2CDCD;
            }

    .emp-login-v2__password-wrap {
        position: relative;
    }

    .emp-login-v2__password-icon {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: none;
        background: transparent;
        padding: 0;
        cursor: pointer;
    }

        .emp-login-v2__password-icon .fa {
            font-size: 20px;
            color: #ffffff;
        }

    .emp-login-v2__password-toggle.is-visible .fa {
        opacity: 0.75;
    }

    .emp-login-v2__blocked {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .emp-login-v2__blocked-row {
        width: 100%;
        max-width: 420px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        color: #ffffff;
        font-size: 18px;
        line-height: 1.4;
        text-align: left;
        margin-bottom: 24px;
    }

    .emp-login-v2__blocked-label {
        font-weight: 700;
    }

    .emp-login-v2__blocked-value {
        font-weight: 600;
        word-break: break-word;
        text-align: right;
    }

    .emp-login-v2__forgot-wrap {
        margin: 0 0 5px;
        text-align: center;
    }

    .emp-login-v2__forgot-wrap--blocked {
        margin-top: 6px;
    }

    .emp-login-v2__forgot-wrap a {
        color: #ffffff;
        font-size: 20px;
        font-weight: 600;
        text-decoration: none;
        outline: none !important;
    }

        .emp-login-v2__forgot-wrap a:hover {
            text-decoration: underline;
        }

    .emp-login-v2__submit {
        width: 243px;
        height: 60px;
        border: none;
        border-radius: 8px;
        background: url(/Images/login-button.png) center center / 100% 100% no-repeat;
        color: #ffffff;
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        margin: 25px auto 15px;
        display: block;
        text-transform: none;
        box-shadow: none;
    }

    .emp-login-v2__signup-wrap {
        text-align: center;
        color: #ffffff;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.2;
        white-space: nowrap;
        padding-top: 70px;
    }

    .emp-login-v2__signup {
        text-align: center;
        color: #ffffff;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.2;
        white-space: nowrap; 
    }

    .emp-login-v2__signup a {
        color: #ff7367;
        text-decoration: none;
        font-weight: 700;
    }

        .emp-login-v2__signup a:hover {
            text-decoration: underline;
        }

        .emp-login-v2__signup-wrap a {
            color: #ff7367;
            text-decoration: none;
            font-weight: 700;
        }

            .emp-login-v2__signup-wrap a:hover {
                text-decoration: underline;
            }

    .emp-login-v2__divider {
    }

    .emp-login-v2__single-login {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #ffffff;
        font-size: 20px;
        font-weight: 600;
        margin-top: 52px;
    }

        .emp-login-v2__single-login img {
            width: 13px;
            height: 13px;
        }

    .emp-login-v2__rating {
        margin-top: 10px;
        display: inline-block;
    }

        .emp-login-v2__rating img {
            width: 210px;
            height: auto;
        }

    .emp-login-v2__validation,
    .emp-login-v2__field-validation {
        font-size: 12px;
        margin-top: 4px;
        color: #ff9b9b;
    }

    .emp-login-v2__field-validation {
        display: block;
        text-align: left;
    }

    .emp-login-v2__validation {
        position: relative;
        text-align: center;
        right: 0;
        top: 0;
       /* margin-bottom: 8px;*/
    }

        .emp-login-v2__validation ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .emp-login-v2__validation li {
            white-space: pre-line;
            font-size:18px;
        }

    .emp-login-v2__validation--blocked {
        max-width: 420px;
        margin: 0 auto 8px;
    }

    .form-control:-webkit-autofill,
    .form-control:-webkit-autofill:hover,
    .form-control:-webkit-autofill:focus,
    .form-control:-webkit-autofill:active {
        -webkit-text-fill-color: #ffffff;
        transition: background-color 5000s ease-in-out 0s;
        box-shadow: 0 0 0 1000px rgba(72, 33, 121, 0.84) inset;
    }

    @media (max-width: 1400px) {
        .emp-login-v2__panel { 
            padding: 30px 64px;
        }

        .emp-login-v2__logo img {
            margin: 12px 0;
        }

        .emp-login-v2__field {
            margin-bottom: 0;
        }

        .emp-login-v2__submit {
            margin: 25px auto 7px;
        }

        .emp-login-v2__forgot-wrap {
            margin: 0 0 10px;
        }

        .emp-login-v2__single-login {
            margin-top: 30px;
        }
    }

    @media (max-width: 767px) {
        .emp-login-v2 {
            padding: 18px 12px;
        }

        .emp-login-v2__panel {
            padding: 18px 26px 14px 20px;
            width: 100%;
            max-width: 390px;
            height: auto;
        }

        .emp-login-v2__panel--blocked {
            min-height: auto;
        }

        .emp-login-v2__inner {
            width: 100%;
            max-width: 280px;
        }

        .emp-login-v2__logo img {
            width: 180px;
        }

        .emp-login-v2__tagline {
            font-size: 13px;
            margin: 8px 0 10px;
        }

        .emp-login-v2__field {
            margin-bottom: 0;
        }

            .emp-login-v2__field label {
                font-size: 12px;
            }

            .emp-login-v2__field .form-control {
                height: 36px;
                font-size: 13px;
            }

        .emp-login-v2__password-icon .fa {
            font-size: 13px;
        }

        .emp-login-v2__submit {
            width: 156px;
            height: 38px;
            font-size: 14px;
            margin: 10px auto 7px;
        }

        .emp-login-v2__forgot-wrap {
            margin: 0 0 5px;
        }

            .emp-login-v2__forgot-wrap a {
                font-size: 12px;
            }

        .emp-login-v2__signup-wrap {
            font-size: 12px;
            white-space: normal;
        }

        .emp-login-v2__single-login {
            font-size: 11px;
            margin-top: 20px;
            margin-bottom: 15px;
        }

        .emp-login-v2__rating img {
            width: 180px;
        }

        .emp-login-v2__blocked-row {
            flex-direction: column;
            gap: 6px;
            font-size: 12px;
            margin-bottom: 14px;
            text-align: center;
        }

        .emp-login-v2__blocked-value {
            text-align: center;
        }
    }

.emp-account-status { color: #fff; line-height: 1.6; margin: 24px 0; }
.emp-account-return { display: block; text-align: center; text-decoration: none; }

/* Shared recovery and verification forms use the existing login artwork. */
.emp-account-flow .emp-login-v2__inner { height:auto; min-height:460px; padding:36px 26px; }
.emp-account-flow .login-box-main1 { max-width:440px; width:100%; margin:0 auto; color:white; }
.emp-account-flow h1 { font-size:28px; text-align:center; color:#fff; margin-bottom:24px; }
.emp-account-flow label { display:block; margin:16px 0 6px; }
.emp-account-flow .form-control { width:100%; height:46px; background:rgba(255,255,255,.95); color:#241437; border-radius:5px; }
.emp-account-flow .btn { margin:18px 6px 18px 0; background:linear-gradient(90deg,#682caf,#a745d8); color:#fff; border:1px solid #ad78d6; border-radius:5px; padding:10px 18px; }
.emp-account-flow a { color:#e1c6ff; display:inline-block; margin-top:12px; }
.emp-account-flow .text-danger { color:#ffb9bc; }
.emp-account-flow .text-danger ul { padding-left:20px; }
@media(max-width:600px) { .emp-account-flow .emp-login-v2__inner { padding:28px 18px; } .emp-account-flow h1 { font-size:24px; } }
.emp-account-flow .emp-login-v2__panel { height:auto; min-height:640px; }