@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#121212;--bg-secondary:#1a1a1a;--bg-tertiary:#222;--bg-card:#1e1e1e;--border-color:#2e2e2e;--border-hover:#ba311c;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#666;--primary:#ba311c;--primary-hover:#a12b18;--primary-light:#2c1a17;--secondary:#22c55e;--secondary-hover:#16a34a;--secondary-light:#14532d;--accent:#ba311c;--accent-light:#2c1a17;--font-headings:"Kanit", sans-serif;--font-body:"Kanit", sans-serif;--container-max-width:1200px;--header-height:80px;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0009, 0 2px 4px -1px #0006;--shadow-lg:0 10px 15px -3px #000000b3, 0 4px 6px -2px #00000080;--shadow-xl:0 20px 25px -5px #000c, 0 10px 10px -5px #0009;--glass-bg:#1a1a1ad9;--glass-border:#ffffff0d;--glass-backdrop:blur(12px);--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.4s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;line-height:1.6;display:flex;overflow-x:hidden}main{flex-grow:1}a{color:inherit;transition:var(--transition-fast);text-decoration:none}button,input,textarea,select{color:inherit;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);color:var(--text-primary);font-weight:700;line-height:1.25}p{color:var(--text-secondary)}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.text-gradient{background:linear-gradient(135deg, #fff 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.text-gradient-emerald{background:linear-gradient(135deg, #fff 30%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-normal);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 10px #1d4ed826}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 14px #1d4ed840}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--border-hover);transform:translateY(-1px)}.glass-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);transition:var(--transition-normal);padding:32px}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.section-padding{padding-top:100px;padding-bottom:100px}.section-header{text-align:center;max-width:650px;margin:0 auto 60px}.section-title{letter-spacing:-.02em;margin-bottom:16px;font-size:2.5rem}.section-subtitle{color:var(--text-secondary);font-size:1.125rem}.animate-fade-in{animation:.6s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid-2{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:24px}.section-title{font-size:2rem}.section-padding{padding-top:70px;padding-bottom:70px}}