/* 
 * Login Box Resize
 * Tăng kích thước box đăng nhập lên 1.5 lần
 */

/* Tăng kích thước của login-box */
.login-box {
    max-width: 675px !important; /* 450px * 1.5 */
    width: 90% !important;
    margin: 5% auto !important;
}

/* Tăng kích thước của card */
.login-box .card {
    border-radius: 22px !important; /* 15px * 1.5 (làm tròn) */
    box-shadow: 0 15px 38px rgba(0, 0, 0, 0.5) !important; /* Tăng shadow */
}

/* Tăng padding cho card-body */
.login-box .card-body {
    padding: 45px !important; /* 30px * 1.5 */
    border-radius: 22px !important;
}

/* Tăng kích thước cho logo */
.login-logo img {
    width: 170px !important; /* 80px * 1.5 */
    margin-bottom: 22px !important; /* 15px * 1.5 (làm tròn) */
}

/* Tăng kích thước cho tiêu đề và mô tả */
.login-logo h2 {
    font-size: 36px !important; /* Tăng font size */
    margin-bottom: 8px !important;
}

.login-logo p {
    font-size: 21px !important; /* 14px * 1.5 */
    margin-bottom: 30px !important; /* Thêm margin dưới */
}

/* Tăng kích thước cho form controls */
.login-box .form-control {
    height: 68px !important; /* 45px * 1.5 */
    font-size: 28px !important; /* 14px * 1.5 */
    border-radius: 12px !important; /* 8px * 1.5 */
    padding-left: 22px !important; /* 15px * 1.5 (làm tròn) */
}

.login-box .input-group-text {
    height: 68px !important; /* 45px * 1.5 */
    width: 68px !important; /* Đảm bảo nút icon có chiều rộng tương xứng */
    font-size: 21px !important;
    border-radius: 0 12px 12px 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Tăng kích thước cho nút đăng nhập */
.login-box .btn-primary {
    height: 68px !important; /* 45px * 1.5 */
    font-size: 28px !important; /* Tăng font size */
    border-radius: 12px !important; /* 8px * 1.5 */
    font-weight: 600 !important;
    margin-top: 15px !important; /* Thêm margin trên */
}

/* Tăng kích thước cho thông báo lỗi */
.login-box .msg {
    padding: 15px !important; /* 10px * 1.5 */
    margin-top: 22px !important; /* 15px * 1.5 (làm tròn) */
    border-radius: 12px !important; /* 8px * 1.5 */
    font-size: 21px !important; /* Tăng font size */
}

/* Tăng kích thước cho thông tin phía dưới */
.system-name {
    font-size: 18px !important; /* 12px * 1.5 */
    margin-top: 30px !important; /* 20px * 1.5 */
}

/* Tăng kích thước cho các icon */
.login-box .fas {
    font-size: 21px !important; /* Tăng font size cho icons */
}

/* Tăng kích thước cho particles */
.particle {
    transform: scale(1.5) !important;
}

/* Điều chỉnh vị trí và kích thước của particles */
@keyframes float {
    0%, 100% {
        transform: translateY(0) translateX(0) scale(1.5);
    }
    25% {
        transform: translateY(-30px) translateX(15px) scale(1.5);
    }
    50% {
        transform: translateY(-15px) translateX(-15px) scale(1.5);
    }
    75% {
        transform: translateY(30px) translateX(8px) scale(1.5);
    }
}

/* Đảm bảo margin giữa các form-group */
.login-box .input-group {
    margin-bottom: 22px !important; /* 15px * 1.5 (làm tròn) */
}

/* Tăng kích thước cho container */
.login-box .container {
    max-width: 100% !important;
}