:root {
    --maya3d-pink: #E95D91;
    --maya3d-pink-light: #F7A9C2;
    --maya3d-pink-soft: #FCE8EF;
    --maya3d-gold: #C98522;
    --maya3d-gold-light: #F1C56E;
    --maya3d-text: #4A2530;
    --maya3d-surface: #FFF8FA;
    --maya3d-white: #FFFFFF;
    --maya3d-hover: #D94C80;
    --maya3d-focus: #C93F75;
    --maya3d-border: #F3D5DF;
}

body.login_admin {
    color: var(--maya3d-text);
    background:
        radial-gradient(circle at 12% 10%, rgba(247, 169, 194, .28), transparent 30%),
        linear-gradient(145deg, var(--maya3d-surface), var(--maya3d-white));
}

.login_admin .authentication-form-wrapper {
    padding-top: 3.5rem !important;
}

.login_admin .company-logo {
    padding: 8px 10px 18px;
}

.login_admin .company-logo img {
    width: min(290px, 72vw);
    max-height: 210px;
    object-fit: contain;
}

.login_admin .tw-bg-white {
    border-color: var(--maya3d-border) !important;
    box-shadow: 0 24px 70px rgba(74, 37, 48, .12) !important;
}

.login_admin h1,
.login_admin label,
#header .navbar a,
.maya3d-brand-footer {
    color: var(--maya3d-text) !important;
}

.btn-primary,
.login_admin .btn-primary {
    background: var(--maya3d-pink) !important;
    border-color: var(--maya3d-pink) !important;
    color: var(--maya3d-white) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.login_admin .btn-primary:hover,
.login_admin .btn-primary:focus {
    background: var(--maya3d-hover) !important;
    border-color: var(--maya3d-hover) !important;
}

a,
.login_admin a {
    color: var(--maya3d-focus);
}

.form-control:focus {
    border-color: var(--maya3d-pink) !important;
    box-shadow: 0 0 0 3px rgba(233, 93, 145, .14) !important;
}

.maya3d-brand-footer {
    width: 100%;
    padding: 18px 16px;
    text-align: center;
    font-size: 12px;
    opacity: .78;
}

@media (max-width: 390px) {
    .login_admin .authentication-form-wrapper {
        padding-top: 1.25rem !important;
    }

    .login_admin .company-logo img {
        width: min(220px, 68vw);
        max-height: 160px;
    }

    .login_admin .tw-mx-2 {
        margin-left: .75rem !important;
        margin-right: .75rem !important;
    }
}