@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap";:root{--dnp-green-50:#f4fcf6;--dnp-green-100:#e2f5e8;--dnp-green-200:#c5ead2;--dnp-green-300:#99d7b2;--dnp-green-400:#66bd8c;--dnp-green-500:#3fa16d;--dnp-green-600:#2a8152;--dnp-green-700:#236743;--dnp-green-800:#1f5237;--dnp-green-900:#1a442e;--dnp-green-950:#10271b;--bg-primary:#fff;--bg-secondary:#fbfbfa;--bg-tertiary:#f4f6f5;--bg-glass:#ffffffd9;--text-primary:#1e293b;--text-secondary:#475569;--text-tertiary:#64748b;--text-inverse:#fff;--border-color:#e2e8f0;--border-light:#f1f5f9;--danger-100:#fee2e2;--danger-500:#ef4444;--danger-700:#b91c1c;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-700:#b45309;--info-100:#e0f2fe;--info-500:#0ea5e9;--info-700:#0369a1;--shadow-sm:0 2px 4px #00000005;--shadow-md:0 4px 12px #0000000a;--shadow-lg:0 12px 24px #0000000f;--shadow-hover:0 16px 32px #00000014;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.25rem;--font-family:"Noto Sans Thai", sans-serif;--max-width:1280px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-family);background-color:var(--bg-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.7;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.01em;overflow-wrap:break-word;word-break:break-word;font-weight:600;line-height:1.3}p{color:var(--text-secondary);overflow-wrap:break-word;word-break:break-word;margin-bottom:1.25rem}a{color:var(--dnp-green-700);text-decoration:none;transition:color .2s}a:hover{color:var(--dnp-green-800)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}@media (width>=768px){.container{padding:0 2rem}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}}.w-full{width:100%}.h-full{height:100%}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-20{margin-top:5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-20{margin-bottom:5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-transparent{background-color:#0000}.text-primary-color{color:var(--text-primary)}.text-secondary-color{color:var(--text-secondary)}.text-tertiary-color{color:var(--text-tertiary)}.text-white{color:var(--text-inverse)}.text-dnp{color:var(--dnp-green-700)}.text-dnp-dark{color:var(--dnp-green-900)}.premium-card{background-color:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}@media (width>=768px){.premium-card{padding:2.5rem}}.premium-card:hover{box-shadow:var(--shadow-hover);border-color:var(--dnp-green-200)}.card{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .2s}.card:hover{box-shadow:var(--shadow-md)}.btn{border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--dnp-green-700);color:#fff;border:2px solid #0000}.btn-primary:hover{background-color:var(--dnp-green-800);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{color:var(--dnp-green-700);border:2px solid var(--dnp-green-700);background-color:#0000}.btn-outline:hover{background-color:var(--dnp-green-50);transform:translateY(-1px)}.btn-white{background-color:var(--bg-primary);color:var(--dnp-green-800);border:2px solid #0000}.btn-white:hover{background-color:var(--bg-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-white-outline{color:var(--bg-primary);border:2px solid var(--bg-primary);background-color:#0000}.btn-white-outline:hover{background-color:#ffffff1a;transform:translateY(-1px)}.badge{border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.glass-header{background-color:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:50;transition:all .3s;position:sticky;top:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeUp}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.delay-100{opacity:0;animation-delay:.1s}.delay-200{opacity:0;animation-delay:.2s}.delay-300{opacity:0;animation-delay:.3s}.delay-400{opacity:0;animation-delay:.4s}.hidden{display:none}@media (width>=768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.cursor-pointer{cursor:pointer}.transition-all{transition:all .3s}.section-number{color:var(--border-color);opacity:.5;-webkit-user-select:none;user-select:none;font-family:system-ui,sans-serif;font-size:5rem;font-weight:800;line-height:1}.sticky-toc{max-height:calc(100vh - 8rem);position:sticky;top:6rem;overflow-y:auto}.toc-link{color:var(--text-tertiary);border-left:2px solid var(--border-color);padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:block}.toc-link:hover{color:var(--text-primary);border-left-color:var(--dnp-green-300);background-color:var(--bg-tertiary)}.toc-link.active{color:var(--dnp-green-700);border-left-color:var(--dnp-green-700);background-color:var(--dnp-green-50);font-weight:500}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080}.mobile-menu{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}.bg-pattern{background-image:radial-gradient(var(--dnp-green-800) 1px, transparent 1px);opacity:.1;background-size:24px 24px}.bg-dnp-950{background-color:var(--dnp-green-950)}.bg-dnp-green-800{background-color:var(--dnp-green-800)}.bg-dnp-green-50{background-color:var(--dnp-green-50)}.bg-dnp{background-color:var(--dnp-green-700)}.text-dnp-green-300{color:var(--dnp-green-300)}.text-dnp-green-50{color:var(--dnp-green-50)}.text-dnp-green-100{color:var(--dnp-green-100)}.text-dnp-green-800{color:var(--dnp-green-800)}.border{border-style:solid;border-width:1px;border-color:var(--border-color)}.border-2{border-style:solid;border-width:2px;border-color:var(--border-color)}.border-l-2{border-style:solid;border-left-width:2px;border-color:var(--border-color)}.border-b{border-style:solid;border-bottom-width:1px;border-color:var(--border-color)}.border-dnp-green-700{border-color:var(--dnp-green-700)}.border-dnp-green-500{border-color:var(--dnp-green-500)}.border-dnp-green-400{border-color:var(--dnp-green-400)}.border-dnp-green-200{border-color:var(--dnp-green-200)}.border-border-color,.border-color{border-color:var(--border-color)}.border-transparent{border-color:#0000}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-md{border-radius:var(--radius-md)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-50{opacity:.5}.bg-opacity-50{--tw-bg-opacity:.5}.w-2{width:.5rem}.h-2{height:.5rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-px{width:1px}.h-6{height:1.5rem}.w-0\.5{width:.125rem}.h-0\.5{height:.125rem}.inline-flex{display:inline-flex}.tracking-wider{letter-spacing:.05em}.tracking-tight{letter-spacing:-.025em}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.uppercase{text-transform:uppercase}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--gradient-from), var(--gradient-via,transparent), var(--gradient-to,transparent))}.from-dnp-green-950{--gradient-from:var(--dnp-green-950)}.via-transparent{--gradient-via:transparent}.to-transparent{--gradient-to:transparent}.hover\:bg-dnp-green-50:hover{background-color:var(--dnp-green-50)}.hover\:bg-dnp-green-800:hover{background-color:var(--dnp-green-800)}.hover\:border-dnp-green-200:hover{border-color:var(--dnp-green-200)}.hover\:border-dnp-green-400:hover{border-color:var(--dnp-green-400)}.hover\:bg-tertiary:hover{background-color:var(--bg-tertiary)}.hover\:text-dnp:hover{color:var(--dnp-green-700)}.hover\:text-primary-color:hover{color:var(--text-primary)}.group:hover .group-hover\:bg-dnp{background-color:var(--dnp-green-700)}.group:hover .group-hover\:text-white{color:#fff}.group:hover .group-hover\:text-dnp{color:var(--dnp-green-700)}.group:hover .group-hover\:border-dnp{border-color:var(--dnp-green-700)}.group:hover .group-hover\:bg-dnp-green-50{background-color:var(--dnp-green-50)}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:border-dnp-green-200{border-color:var(--dnp-green-200)}.flex-grow{flex-grow:1}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.rotate-180{transform:rotate(180deg)}.rotate-90{transform:rotate(90deg)}.-rotate-90{transform:rotate(-90deg)}.scroll-mt-32{scroll-margin-top:8rem}.-top-10{top:-2.5rem}.-left-6{left:-1.5rem}.bottom-20{bottom:5rem}.-bottom-4{bottom:-1rem}.left-5{left:1.25rem}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.pointer-events-none{pointer-events:none}.-mt-8{margin-top:-2rem}.max-h-0{max-height:0}.max-h-40{max-height:10rem}.opacity-0{opacity:0}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}