/* Light-touch modernization without layout-breaking changes */
:root {
    --glass-bg: rgba(255, 255, 255, 0.08);
    --glass-border: rgba(255, 255, 255, 0.16);
    --glass-shadow: 0 10px 30px rgba(2, 8, 23, 0.24);
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.dark-mode .stat-card,
body.dark-mode .contact-info-item,
body.dark-mode .f-header-inner {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(8px);
    box-shadow: var(--glass-shadow);
}

.hk-contact-form__form .hk-field-input,
.search-box {
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.hk-contact-form__form .hk-field-input:focus,
.search-box:focus {
    box-shadow: 0 0 0 3px rgba(74, 158, 255, 0.18);
}

@media (max-width: 768px) {
    .container {
        padding-left: 14px;
        padding-right: 14px;
    }
}