@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Noto+Sans+Thai:wght@300;400;500;600&display=swap";
:root{--color-navy-950:#0d192c;--color-navy-900:#10213a;--color-navy-800:#163453;--color-page:#eef3f7;--color-header:#f7f9fc;--color-section-soft:#f3f6f8;--color-section-blue:#eaf1f6;--color-section-about:#dde8ef;--color-surface:#f9fbfc;--color-surface-hover:#fff;--color-border:#cbd8e2;--color-border-strong:#aec1cf;--color-text:#142033;--color-text-muted:#526276;--color-text-on-dark:#f5f8fb;--color-text-muted-on-dark:#bdcad8;--color-blue:#1687b8;--color-blue-hover:#0f719d;--color-gold:#d9a441;--color-focus:#2b9fd0;--font-family:"Inter", "Noto Sans Thai", sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--border-radius-sm:8px;--border-radius-md:18px;--border-radius-lg:24px;--text-scale:1;--font-size-xs:calc(.75rem * var(--text-scale));--font-size-sm:calc(.875rem * var(--text-scale));--font-size-body:calc(1rem * var(--text-scale));--font-size-lg:calc(1.125rem * var(--text-scale));--font-size-xl:calc(1.25rem * var(--text-scale));--font-size-2xl:calc(1.5rem * var(--text-scale));--font-size-3xl:calc(2rem * var(--text-scale));--font-size-4xl:calc(2.5rem * var(--text-scale))}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text);background-color:var(--color-page);scroll-behavior:smooth;line-height:1.65}body{background-color:var(--color-page);flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-blue);text-decoration:none;transition:color .2s}a:hover,a:focus-visible{color:var(--color-blue-hover)}button,a{outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}h1,h2,h3,h4{margin-bottom:var(--spacing-sm);color:var(--color-navy-950);font-weight:600;line-height:1.25}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}p{margin-bottom:var(--spacing-sm)}.container{width:100%;max-width:1200px;padding:0 var(--spacing-sm);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--spacing-md)}}.section{padding-block:64px}@media (min-width:768px){.section{padding-block:88px}}.section-alt{background-color:var(--color-section-soft)}.section-blue{background-color:var(--color-section-blue)}.section-about{background-color:var(--color-section-about)}.section-dark{background-color:var(--color-navy-900);color:var(--color-text-on-dark)}.section-dark h1,.section-dark h2,.section-dark h3{color:var(--color-text-on-dark)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{border-radius:var(--border-radius-sm);cursor:pointer;text-align:center;border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-blue);color:var(--color-text-on-dark)}.btn-primary:hover{background-color:var(--color-blue-hover);color:var(--color-text-on-dark)}.btn-secondary{color:var(--color-text-on-dark);border:1px solid var(--color-text-muted-on-dark);background-color:#0000}.btn-secondary:hover{border-color:var(--color-text-on-dark);color:var(--color-text-on-dark);background-color:#bdcad826}.btn-inverse{background-color:var(--color-surface);color:var(--color-text)}.btn-inverse:hover{background-color:var(--color-border);color:var(--color-text)}.header{background-color:var(--color-header);z-index:100;border-bottom:1px solid var(--color-border);width:100%;padding:.75rem 0;position:fixed;top:0;left:0}@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#f7f9fcd9}}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo{font-size:var(--font-size-xl);color:var(--color-text);font-weight:600;text-decoration:none}.logo:hover{color:var(--color-blue)}.nav{display:none}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--color-text-muted);font-weight:500}.nav-links a:hover{color:var(--color-blue)}.lang-switch{gap:.5rem;display:flex}.lang-btn{color:var(--color-text-muted);cursor:pointer;font-weight:500;font-size:var(--font-size-sm);background:0 0;border:none}.lang-btn.active{color:var(--color-blue);font-weight:600}@media (min-width:768px){.nav{align-items:center;gap:2rem;display:flex}}.main-content{flex:1;margin-top:70px}.footer{background-color:var(--color-navy-950);color:var(--color-text-on-dark);text-align:center;padding:3rem 0}.footer-links{font-size:var(--font-size-sm);justify-content:center;gap:1.5rem;margin-top:1.5rem;display:flex}.footer-links a,.footer-links span{color:var(--color-text-muted-on-dark)}.footer-links a:hover{color:var(--color-text-on-dark)}.brand-logo-link{align-items:center;text-decoration:none;display:flex}.brand-logo-desktop{display:none}.brand-logo-mobile{display:block}@media (min-width:768px){.brand-logo-desktop{display:block}.brand-logo-mobile{display:none}}