@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&family=Noto+Serif+Thai:wght@400;500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600&display=swap";
:root{--bg-base:#0a0a0f;--bg-surface:#12121a;--bg-surface-alt:#1a1a2e;--bg-section-alt:#0e0e16;--gold-primary:#c9a84c;--gold-bright:#f0a500;--gold-muted:#8b7035;--gold-pale:#e8d5a0;--red-accent:#cc2020;--red-muted:#9a1515;--text-primary:#f5f0e8;--text-secondary:#b0a080;--text-muted:#6a5a40;--text-on-gold:#1a1000;--border-gold:#c9a84c33;--border-subtle:#f5f0e814;--glow-gold:#c9a84c1f;--glow-gold-strong:#c9a84c40;--overlay-dark:#0a0a0fbf;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--container-max:1200px;--container-wide:1400px;--grid-gap:24px;--section-py:96px;--section-py-sm:60px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-pill:999px;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-elastic:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--duration-xslow:.6s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Noto Sans Thai,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Playfair Display,Noto Serif Thai,serif;line-height:1.2}a{color:inherit;text-decoration:none}.container{max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.container-wide{max-width:var(--container-wide);padding:0 var(--space-6);margin:0 auto}.section-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--gold-primary);margin-bottom:var(--space-4);font-family:Courier New,monospace;font-size:11px;font-weight:500;display:block}.btn-primary{border:1.5px solid var(--gold-primary);color:var(--gold-primary);letter-spacing:.02em;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) var(--ease-out);background:0 0;align-items:center;gap:8px;padding:14px 32px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn-primary:hover{color:var(--gold-bright);border-color:var(--gold-bright);background:#c9a84c1a;box-shadow:0 0 20px #c9a84c33}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#c9a84c4d,#0000);width:60%;height:100%;transition:none;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn-primary:hover:after{animation:.6s ease-out btnShimmer}.btn-secondary{border:1px solid var(--border-subtle);color:var(--text-secondary);letter-spacing:.02em;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) var(--ease-out);background:0 0;align-items:center;gap:8px;padding:14px 32px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;display:inline-flex}.btn-secondary:hover{border-color:var(--border-gold);color:var(--text-primary)}.card{background:var(--bg-surface);border:1px solid var(--border-gold);border-radius:var(--radius-md);transition:transform var(--duration-slow) var(--ease-out), box-shadow var(--duration-slow) var(--ease-out);padding:28px}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #c9a84c1f}.divider{background:var(--gold-primary);width:60px;height:1px;margin:var(--space-4) auto}@keyframes btnShimmer{to{left:150%}}@keyframes drawPath{to{stroke-dashoffset:0}}@keyframes nodePulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes scrollBounce{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}@keyframes fadeFloat{0%{opacity:0;filter:blur(4px);transform:translateY(24px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes countUp{0%{opacity:0}to{opacity:1}}@keyframes shimmerGold{0%{background-position:-200% 0}to{background-position:200% 0}}.navbar{z-index:1000;transition:background var(--duration-slow) var(--ease-out), backdrop-filter var(--duration-slow) var(--ease-out), border-bottom var(--duration-slow) var(--ease-out);padding:20px 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-gold);background:#0a0a0fd9;padding:12px 0}.scroll-indicator{animation:2s ease-in-out infinite scrollBounce}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-gold);border-radius:var(--radius-md);background:#1a1a2e99}.map-path{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:3s ease-out .3s forwards drawPath}.map-node{animation:4s ease-in-out infinite nodePulse}@media (max-width:900px){.container{padding:0 var(--space-4)}:root{--section-py:60px}}@media (max-width:640px){:root{--section-py:48px}}