/* --- 1. CSS CANH GIỮA MÀN HÌNH --- */

/* Thiết lập cho toàn bộ trang */
html, body {
    height: 100%; /* Đảm bảo body chiếm 100% chiều cao */
    margin: 0;
    font-family: Arial, sans-serif;
}

body {
    /* Phương pháp 1: Dùng Flexbox (Phổ biến nhất) */
    display: flex;
    align-items: center; /* Canh giữa theo chiều dọc */
    justify-content: center; /* Canh giữa theo chiều ngang */
    /* Cho một màu nền nhẹ để card nổi bật */
    background-color: #f0f2f5;
}

/* --- 2. CSS TẠO KIỂU CHO CARD ĐĂNG NHẬP --- */
.login-card {
    background-color: #ffffff;
    /* Kích thước & Đệm */
    width: 100%; /* Co giãn trên di động */
    max-width: 400px; /* Giới hạn chiều rộng tối đa trên desktop */
    padding: 2.5rem; /* Khoảng đệm lớn bên trong */
    /* Bo góc & Bóng đổ (Giống style bạn thích) */
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    /* Đảm bảo kích thước tính cả padding */
    box-sizing: border-box;
}

    .login-card h2 {
        text-align: center;
        margin-top: 0;
        margin-bottom: 1.5rem;
        color: #333;
    }