/* Background */
body {
    background: url('../../bg/art.avif') no-repeat center bottom fixed;
    background-size: cover;
    min-height: 100vh;
}

/* Override posisi card login */
.auth-wrapper {
    display: flex !important;
    justify-content: center !important;
    /* default center */
    align-items: center !important;
    min-height: 100vh;
    padding: 1rem;
}

@media (min-width: 768px) {
    .auth-wrapper {
        justify-content: flex-start !important;
        /* geser ke kanan di desktop */
        padding-left: 15% !important;

    }
}

.auth-card {
    background: rgba(255, 255, 255, 0.56);
    border-radius: 0.75rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 2rem;
    max-width: 400px;
    width: 100%;
}

.form-label {
    font-weight: 500;
}

.btn-login {
    background-color: #198754;
    color: #fff;
    font-weight: 500;
}

.btn-login:hover {
    background-color: #157347;
}

.app-brand-logo img {
    height: 3.5rem;
}

.cursor-pointer {
    cursor: pointer;
}