body {background-color: var(--color-red);background-image: url('../img/bg-auth.png');background-size: cover;background-repeat: no-repeat;background-position: center center;}
.auth {margin: var(--size-100) var(--size-0) var(--size-50);}
.auth .card {padding: var(--size-25) var(--size-50);border: var(--size-0);border-radius: var(--size-25);}
.auth .card img {width: var(--size-125);height: auto;}
.auth .card h3 {font-size: var(--size-23);text-align: center;margin-bottom: var(--size-30);}
.auth .card .support-link {text-align: end;margin-bottom: var(--size-20);font-size: var(--size-14);}
.auth .card .info-link {text-align: center;font-size: var(--size-14);margin-top: var(--size-20);}
.auth .card .info-link a {font-weight: 500;}
.auth .card .info-forgot {margin-bottom: var(--size-25);text-align: center;}
.auth .card .foot-link {text-align: center;}
.auth .card .foot-link a {font-weight: 500;}
.auth .card .info-icon {text-align: center;margin-bottom: var(--size-30);}
.auth .card .info-icon svg {width: var(--size-70);height: var(--size-70);stroke-width: 1;color: var(--color-yellow-dark);}
.auth .card-header {text-align: center;background-color: var(--color-white);border: var(--size-0);}
.auth .card-footer {text-align: center;background-color: var(--color-white);border: var(--size-0);}
.auth .card-body {padding: var(--size-30) var(--size-0) var(--size-20);}
.auth .alert-warning {border: var(--size-1) solid var(--color-red);background-color: var(--color-white);color: var(--color-black);border-radius: var(--size-15);border-left: var(--size-5) solid var(--color-red);font-size: var(--size-14);}
.auth .card .form-select option img {
    margin-right: 8px;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .auth-bg {background: linear-gradient(to bottom right, var(--color-white));height: auto;min-height: auto;}
    .auth {margin: var(--size-50) var(--size-10) var(--size-50);}
    .auth .card {padding: var(--size-25) var(--size-25);}
    .auth .card img {width: var(--size-90);height: auto;}
    .auth .card h3 {font-size: var(--size-20);}
    .auth .card .foot-link {padding: var(--size-0) var(--size-30);}
    .auth .alert-warning {border-radius: var(--size-10);font-size: var(--size-12);border-left: var(--size-3) solid var(--color-red);}
}