/* ========================================================================== PAK Vietnam Solution — Design System Brand: Empowering You to Create Value Palette: Orange #F98F43 · Blue #2C64C6 · Light Blue #93CAF0 Light Green #81C977 · Green #40B148 · Navy #263056 Cream #FDFBF7 · Off-white #FFFFFF ========================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap'); :root { --c-orange: #F98F43; --c-blue: #2C64C6; --c-sky: #93CAF0; --c-mint: #81C977; --c-green: #40B148; --c-navy: #263056; --c-cream: #FDFBF7; --c-paper: #FFFFFF; --c-ink: #1f2937; --c-muted: #64748b; --c-border: #e5e7eb; --radius-sm: 8px; --radius: 14px; --radius-lg: 22px; --shadow-sm: 0 1px 2px rgba(38,48,86,.06), 0 1px 3px rgba(38,48,86,.05); --shadow: 0 8px 24px rgba(38,48,86,.08); --shadow-lg: 0 18px 48px rgba(38,48,86,.14); --container: 1200px; --gutter: 24px; --font: 'Montserrat', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; } /* ---------- Reset ---------- */ *,*::before,*::after { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; font-family: var(--font); font-weight: 400; color: var(--c-ink); background: var(--c-cream); line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Hide content until JS applies the default language (Vietnamese) — avoids a flash of the English fallback text baked into the HTML source. Removed by main.js once applyLang() runs; the