/* Container nhích lên cao */
.bhxh-hero {
    font-family: 'Montserrat', sans-serif !important;
    min-height: 85vh;
    display: flex;
    justify-content: center;
    align-items: flex-start; 
    padding-top: 30px; 
    background: url('https://images.pexels.com/photos/6863246/pexels-photo-6863246.jpeg') center/cover no-repeat;
    position: relative;
}

.bhxh-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.94); z-index: 1; }
.bhxh-content { position: relative; z-index: 2; max-width: 700px; width: 100%; padding: 0 20px; text-align: center; }

/* Tiêu đề */
.bhxh-title { font-size: 3rem; font-weight: 800; color: #222; margin-bottom: 5px; }
.bhxh-title span { color: #ff7b20; }
.bhxh-badge { background: #ff7b20; color: #fff; padding: 4px 18px; border-radius: 50px; font-weight: 700; display: inline-block; margin-bottom: 20px; font-size: 0.8rem; }

/* Thanh tìm kiếm */
.bhxh-search-bar {
    background: #fff; border: 2px solid #ff7b20; border-radius: 100px;
    display: flex; align-items: center; padding: 5px; box-shadow: 0 10px 30px rgba(255, 123, 32, 0.12);
}
.bhxh-search-bar input { flex: 1; border: none; padding: 12px 20px; font-size: 1rem; outline: none; border-radius: 100px; }
.btn-submit { background: #ff7b20; color: #fff; border: none; padding: 12px 30px; border-radius: 100px; font-weight: 800; cursor: pointer; transition: 0.3s; }

/* Meme Graphics */
#loadingMeme, #debtMeme, #cleanMeme {
    max-height: 180px; width: auto; border-radius: 15px; margin: 0 auto 15px; display: block; box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Cards */
.result-card, .clean-card { background: #fff; padding: 20px; border-radius: 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); text-align: center; }
.result-card { border-top: 6px solid #d9534f; }
.clean-card { border-top: 6px solid #28a745; }

.result-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; text-align: left; margin-top: 15px; border-top: 1px solid #eee; padding-top: 15px; }
.res-item strong { display: block; color: #888; font-size: 0.8rem; }
.res-item span { font-weight: 700; color: #333; }
.highlight-debt span { color: #d9534f !important; font-size: 1.1rem; }

/* Error UI */
#errorMsg { color: #721c24; background: #f8d7da; padding: 12px; border-radius: 10px; margin-top: 20px; font-weight: 600; font-size: 0.9rem; border: 1px solid #f5c6cb; }

/* Thiết lập phông chữ chung */
.bhxh-hero, .btn-submit, .bhxh-search-bar input {
    font-family: 'Montserrat', sans-serif !important;
}

.bhxh-hero {
    position: relative;
    min-height: 80vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 40px;
    background: url('https://images.pexels.com/photos/6863246/pexels-photo-6863246.jpeg') center/cover no-repeat;
}

.bhxh-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.94); z-index: 1; }
.bhxh-content { position: relative; z-index: 2; max-width: 700px; width: 100%; padding: 0 20px; text-align: center; }

/* Style cho Nút Kiểm Tra - Đã fix Font */
.btn-submit {
    background: #ff7b20;
    color: #fff;
    border: none;
    padding: 12px 30px;
    border-radius: 100px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: 0.3s ease;
    outline: none;
}

.btn-submit:hover {
    background: #e66a10;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(230, 106, 16, 0.3);
}

/* Các thành phần kết quả */
.result-card, .clean-card {
    background: #fff;
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
}

.highlight-debt span {
    color: #d9534f;
    font-weight: 800;
    font-size: 1.2rem;
}

#loadingMeme, #debtMeme, #cleanMeme {
    max-height: 180px;
    border-radius: 15px;
    margin-bottom: 15px;
}