@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap";
.Header-module__hBw1pG__header{z-index:100;background:var(--color-primary);height:var(--header-height);transition:box-shadow var(--transition-base);position:sticky;top:0}.Header-module__hBw1pG__header:hover{box-shadow:0 2px 12px #e352054d}.Header-module__hBw1pG__headerInner{max-width:var(--max-width);padding:0 var(--space-lg);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.Header-module__hBw1pG__logo{transition:opacity var(--transition-fast);align-items:center;text-decoration:none;display:flex}.Header-module__hBw1pG__logo:hover{opacity:.85}.Header-module__hBw1pG__logoImg{image-rendering:auto;width:auto;height:48px}.Header-module__hBw1pG__nav{align-items:center;gap:var(--space-lg);display:flex}.Header-module__hBw1pG__navLink{font-size:var(--font-size-base);color:#fffc;transition:color var(--transition-fast);padding:var(--space-xs) 0;font-weight:600;position:relative}.Header-module__hBw1pG__navLink:after{content:"";border-radius:var(--radius-full);width:0;height:2px;transition:width var(--transition-base);background:#fff;position:absolute;bottom:-2px;left:0}.Header-module__hBw1pG__navLink:hover{color:#fff}.Header-module__hBw1pG__navLink:hover:after{width:100%}@media (max-width:768px){.Header-module__hBw1pG__headerInner{padding:0 var(--space-md)}.Header-module__hBw1pG__logoText{font-size:var(--font-size-lg)}.Header-module__hBw1pG__nav{gap:var(--space-md)}.Header-module__hBw1pG__navLink{font-size:var(--font-size-sm)}}
.Footer-module__S6Hkya__footer{margin-top:var(--space-3xl);border-top:1px solid var(--color-border-light);background:var(--color-surface)}.Footer-module__S6Hkya__footerInner{max-width:var(--max-width);padding:var(--space-3xl) var(--space-lg);align-items:center;gap:var(--space-md);flex-direction:column;margin:0 auto;display:flex}.Footer-module__S6Hkya__footerLogo{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--space-xs);font-weight:700}.Footer-module__S6Hkya__footerAccent{color:var(--color-primary)}.Footer-module__S6Hkya__footerText{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-align:center;word-break:keep-all;overflow-wrap:break-word;max-width:600px;line-height:1.8}.Footer-module__S6Hkya__footerDivider{background:var(--color-border);border-radius:var(--radius-full);width:40px;height:2px}@media (max-width:768px){.Footer-module__S6Hkya__footerInner{padding:var(--space-xl) var(--space-md)}}
:root{--color-primary:#e35205;--color-primary-light:#ff7a33;--color-primary-dark:#c44500;--color-primary-bg:#e352050f;--color-primary-border:#e3520533;--color-bg:#f9fafb;--color-surface:#fff;--color-surface-hover:#fafafa;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-text:#1f2937;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-xl:0 12px 40px #0000001a;--shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-card-hover:0 10px 30px #00000014;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font-family:"Noto Sans Thai", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--max-width:1200px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.container{max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}@media (max-width:768px){.container{padding:0 var(--space-md)}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--color-primary);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOnly{0%{opacity:0}to{opacity:1}}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}body:not(.app-loaded) .animate-fade-in-up,body:not(.app-loaded) .animate-fade-in-down,body:not(.app-loaded) .animate-fade-in,body:not(.app-loaded) .animate-fade-scale{opacity:0}body.app-loaded .animate-fade-in-up{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}body.app-loaded .animate-fade-in-down{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInDown}body.app-loaded .animate-fade-in{opacity:0;animation:.4s ease-out forwards fadeInOnly}body.app-loaded .animate-fade-scale{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeScaleIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@keyframes fillBar{0%{width:0%}to{width:100%}}