body {
    background: linear-gradient(135deg, #0f0c29, #3b5f5b, #047f73);
}

.logo-customizable {
    max-width: 600px;
}

    .idpButton-customizable:hover, .idpButton-customizable:active, .idpButton-customizable:focus,
    .submitButton-customizable:hover, .submitButton-customizable:active, .submitButton-customizable:focus {
        color: #fff;
        background: linear-gradient(135deg, rgba(0,206,186, 1), rgba(0,206,186, 0.6));
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0,206,186, 0.4);
    }
    .idpButton-customizable,
    .submitButton-customizable {
        background: linear-gradient(135deg, rgba(0,206,186, 1), rgba(0,206,186, 0.6));
    }
.redirect-customizable {
    color: rgba(0,206,186);
}
    .redirect-customizable:visited, .redirect-customizable:hover, .redirect-customizable:focus {
        color: rgba(0,206,186, 0.7) !important;
    }

.moaui-button.dark {
    background: rgb(0,206,186) !important;
}

    .moaui-button.dark:hover {
        background: rgb(0,206,186, 0.8) !important;
    }

.inputField-customizable {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgb(0 206 186 / 60%);
    outline: none;
    transition: all 0.3s ease;
}

input.form-control.inputField-customizable:not([readonly]):not([disabled]):focus,
input.inputField-customizable:focus {
    border-color: rgb(0,206,186) !important;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(0,206,186, 0.3) !important;
}

.login-type-tab {
    background: rgba(0,206,186, 0.4);
}

    .login-type-tab.active {
        background: rgba(0,206,186, 1);
    }

    .login-type-tab:hover:not(.active) {
        background: rgba(0,206,186, 0.5);
    }