body {
    font-family: 'Sarabun', sans-serif;
}

/* New background for the login page */
.login-background {
    background: #007bff;
    background: linear-gradient(to right, #0062E6, #33AEFF);
    /* หรือใช้รูปภาพพื้นหลังแทนได้ */
    /*
    background-image: url('YOUR_BACKGROUND_IMAGE_URL');
    background-size: cover;
    background-position: center;
    */
}

.card {
    /* เพิ่มความโปร่งใสเล็กน้อยเพื่อให้เห็นพื้นหลัง */
    background-color: rgba(255, 255, 255, 0.95); 
}

/* Style for the new logo */
.login-logo {
    width: 120px; /* ปรับขนาดโลโก้ตามต้องการ */
    height: auto;
    border-radius: 50%; /* ทำให้โลโก้เป็นวงกลม */
    object-fit: cover;
    border: 3px solid #dee2e6;
}

.login-heading {
    font-weight: 700;
}

.btn-login {
    font-size: 0.9rem;
    letter-spacing: 0.05rem;
    padding: 0.75rem 1rem;
}

.btn-register {
    font-size: 0.9rem;
    letter-spacing: 0.05rem;
    padding: 0.75rem 1rem;
    background-color: #6c757d;
    border-color: #6c757d;
}

.form-floating:focus-within {
    z-index: 2;
}