:root{--primary-50:#fff4f0;--primary-100:#ffe8e0;--primary-500:#f97316;--primary-900:#7a2406;--secondary-50:#f0f9ff;--secondary-500:#0ea5e9;--secondary-900:#0c4a6e;--accent-50:#ecfdf5;--accent-500:#10b981;--accent-900:#064e3b;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-800:#262626;--neutral-900:#171717;--text-white:#f8f9fa;--bg-main:var(--neutral-50);--bg-header-main:var(--neutral-900);--bg-card:#fff;--text-main:var(--neutral-900);--text-secondary:var(--neutral-800);---text-blue-accent:var(--secondary-500);--input-bg:var(--neutral-800);--btn-text:#fff;--border-subtle:#ffffff9f;--font-family-Kanit:"Kanit", sans-serif}.dark{--bg-main:var(--neutral-900);--bg-header-main:var(--neutral-900);--bg-card:var(--neutral-800);--text-main:var(--neutral-50);--text-secondary:var(--neutral-50);---text-blue-accent:var(--secondary-900);--border-subtle:#ffffff9f;--input-bg:#ffffff0d;--btn-text:#fff;--card-border:var(--secondary-900)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{color:var(--text-primary);background:var(--bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}.site-container{flex-direction:column;min-height:100dvh;display:flex}.main-container{flex-direction:column;flex:1;align-items:center;width:100%;padding:0 10px;display:flex}a{color:inherit;text-decoration:none}h1{text-align:center;padding:10px 0;font-size:18px;font-weight:700}h2{text-align:center;padding:0;font-size:18px;font-weight:700}@media (min-width:425px){.main-container{padding:0 15px}}@media (min-width:1200px){.main-container{max-width:1200px;margin:0 auto;padding:0}}