/* ກຳນົດພື້ນຫຼັງໜ້າຈໍ */
body {
    background-color: #f4f6f9;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

/* ຈັດແຕ່ງກ່ອງຟອມກວດສອບ */
.check-card {
    border: none;
    border-radius: 14px;
}

/* ຈັດຮູບແບບປຸ່ມ */
#btnCheck {
    border-radius: 8px;
}

/* ຈັດຮູບແບບຊ່ອງປ້ອນຂໍ້ມູນ */
#passport {
    border-radius: 8px;
}

/* ອານິເມຊັ່ນຂອງປຸ່ມຕອນ Loading */
#btnCheck {
    transition: all 0.25s ease;
}

#btnCheck.btn-loading {
    opacity: 0.85;
}

/* ອານິເມຊັ່ນ Spinner ໝູນ */
.spinner-border {
    animation-duration: 0.6s;
}

/* ອານິເມຊັ່ນ Fade-in ຂອງກ່ອງຜົນລັບ */
.result-fade {
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity 0.35s ease, transform 0.35s ease;
}

.result-fade.show {
    opacity: 1;
    transform: translateY(0);
}