:root{--color-primary:#4f46e5;--color-primary-dark:#3730a3;--color-primary-soft:#e0e7ff;--color-accent:#22c55e;--color-accent-text:#052e16;--color-background:#fff;--color-background-soft:#f8fafc;--color-surface:#fff;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-dark:#0f172a;--color-dark-deep:#020617;--font-sans:"Noto Sans Thai", "Leelawadee UI", Tahoma, Arial, Helvetica, 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:2rem;--font-size-4xl:2.5rem;--font-size-hero:clamp(2.7rem, 6vw, 3.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-18:4.5rem;--space-22:5.5rem;--radius-sm:.625rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.375rem;--radius-2xl:1.5rem;--radius-pill:999px;--shadow-sm:0 8px 24px #0f172a0f;--shadow-md:0 20px 50px #0f172a1a;--shadow-lg:0 30px 80px #0f172a1f;--container-width:1180px;--transition-fast:.16s ease;--transition-base:.24s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-background);margin:0}a,button{transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast)}
:root{--color-background:#f7f8fc;--color-surface:#fff;--color-surface-muted:#f1f4f9;--color-text-primary:#111827;--color-text-secondary:#64748b;--color-text-inverse:#fff;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-soft:#eff6ff;--color-accent:#7c3aed;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 12px 32px #0f172a14;--shadow-lg:0 24px 60px #0f172a1f;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--container-width:1180px;--header-height:76px;--transition-fast:.15s ease;--transition-normal:.22s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-background);color:var(--color-text-primary);margin:0;font-family:Noto Sans Thai,Leelawadee UI,Tahoma,Arial,Helvetica,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}:root{--ds-bg:#f7f8fc;--ds-surface:#fff;--ds-surface-subtle:#f1f5f9;--ds-surface-strong:#e2e8f0;--ds-text:#0f172a;--ds-text-muted:#64748b;--ds-text-soft:#94a3b8;--ds-text-inverse:#fff;--ds-border:#e2e8f0;--ds-border-strong:#cbd5e1;--ds-primary:#2563eb;--ds-primary-hover:#1d4ed8;--ds-primary-soft:#eff6ff;--ds-secondary:#7c3aed;--ds-secondary-hover:#6d28d9;--ds-secondary-soft:#f5f3ff;--ds-success:#16a34a;--ds-success-soft:#f0fdf4;--ds-warning:#d97706;--ds-warning-soft:#fffbeb;--ds-danger:#dc2626;--ds-danger-soft:#fef2f2;--ds-info:#0284c7;--ds-info-soft:#f0f9ff;--ds-radius-sm:8px;--ds-radius-md:12px;--ds-radius-lg:16px;--ds-radius-xl:24px;--ds-radius-pill:999px;--ds-shadow-sm:0 1px 2px #0f172a0f;--ds-shadow-md:0 10px 30px #0f172a14;--ds-shadow-lg:0 24px 60px #0f172a24;--ds-focus:0 0 0 4px #2563eb29;--ds-transition-fast:.14s ease;--ds-transition-normal:.22s ease}[data-theme=dark]{--ds-bg:#020617;--ds-surface:#0f172a;--ds-surface-subtle:#111827;--ds-surface-strong:#1e293b;--ds-text:#f8fafc;--ds-text-muted:#cbd5e1;--ds-text-soft:#94a3b8;--ds-text-inverse:#020617;--ds-border:#1e293b;--ds-border-strong:#334155;--ds-primary:#60a5fa;--ds-primary-hover:#93c5fd;--ds-primary-soft:#3b82f624;--ds-secondary:#a78bfa;--ds-secondary-hover:#c4b5fd;--ds-secondary-soft:#7c3aed24;--ds-success-soft:#16a34a21;--ds-warning-soft:#d9770621;--ds-danger-soft:#dc262621;--ds-info-soft:#0284c721}
html,body{max-width:100%}body{overflow-x:clip}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,[role=button],input[type=button],input[type=submit],input[type=reset]{touch-action:manipulation}@media (max-width:720px){button,[role=button],input[type=button],input[type=submit],input[type=reset]{min-height:44px}input,select,textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:3px solid var(--ds-primary,#4f46e5);outline-offset:3px}::selection{background:var(--ds-primary-soft,#e0e7ff);color:var(--ds-text,#0f172a)}@media (forced-colors:active){button,a,input,select,textarea{forced-color-adjust:auto}}