/* ==============================
   Du-an - Bảo trì công trình
   Main Stylesheet (theo pattern QLN)
   ============================== */

/* ---- Full-page background image (desktop only) ---- */
body {
    background: url("../image/kinhthanh.jpeg") no-repeat center top / cover fixed;
    min-height: 100vh;
}

@media (max-width: 640px) {
    html, body {
        background: #ddeef8 !important;
        background-image: none !important;
        overflow-x: hidden;
    }
}

/* ---- Header blur (giống QLN) ---- */
header #web-head {
    background: rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(14px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(180%) !important;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);
}

/* ---- Hub section: căn giữa màn hình y QLN ---- */
#hub-section {
    padding: 90px 20px 40px;
    min-height: calc(100vh - 120px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}