/* Form liên hệ nằm trên thẻ trắng -> dùng lại .input-field/.submit-btn (input.css) nhưng
   nạp biến theme sáng cục bộ, giống cách #result-container làm ở tra-cuu_css.css. */
#contact-form {
    --border-soft: rgba(15, 23, 42, 0.14);
    --border-accent: rgba(0, 75, 147, 0.45);
    --text-main: #0f172a;
    --text-dim: #475569;
    --text-faint: #64748b;
    --input-bg: #f8fafc;
    --input-bg-valid: #f8fafc;
    --input-bg-focus: rgba(0, 75, 147, 0.06);
    --autofill-bg: #eef4fb;
    --brand-blue: #004b93;
    --accent-deep: #0891b2;
}

body {
    background-color: #050505;
    background-image: url('/hinh/bg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: 'Be Vietnam Pro', 'Segoe UI', sans-serif;
    min-height: 100vh;
    margin: 0;
    position: relative;
    display: block;
    overflow-x: hidden;
    color: #e2e8f0;
}

@media (max-width: 1023px) {
    html, body {
        height: auto !important;
    }
    html {
        overflow-y: scroll !important;
    }
    body {
        background-image: none !important;
        background-color: transparent !important;
    }
    body::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-image: url('/hinh/bg.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1;
        pointer-events: none;
    }
    #section-home {
        background-image: url('/hinh/bg-mobile.webp') !important;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}