@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap";
:root{--color-brand-600:#0a2f96;--color-brand-500:#0c3ebd;--color-brand-400:#1f54d6;--color-brand-300:#406ce8;--color-brand-200:#7a9ff2;--color-brand-100:#b5c9f8;--color-brand-050:#0c3ebd26;--color-brand-010:#0c3ebd14;--color-brand-purple-500:#4f3fa0;--color-brand-purple-400:#6755bb;--color-brand-purple-300:#8472cc;--color-brand-purple-100:#cec6ee;--color-brand-purple-050:#4f3fa01f;--color-brand-red-500:#c41230;--color-brand-red-400:#d63350;--color-brand-red-300:#e46070;--color-brand-red-100:#f9c0cb;--color-brand-red-050:#c412301a;--color-accent-violet:#4f3fa0;--color-accent-lavender:#8472cc;--color-accent-crimson:#c41230;--color-action-blue:#0c3ebd;--color-action-blue-hover:#0b37ad;--color-action-blue-press:#0a2f96;--color-ink-black:#0c0b18;--color-ink-navy:#1e1b39;--color-ink-deep:#191d23;--color-ink-muted-1:#4f4f4f;--color-ink-muted-2:#646464;--color-ink-muted-3:#647480;--color-ink-muted-4:#929191;--color-ink-muted-5:#a0abbb;--color-ink-muted-6:#615e83;--color-surface-canvas:#f8f8f8;--color-surface-card:#fff;--color-surface-subtle:#f7f8f9;--color-line-strong:#d0d5dd;--color-line-default:#e2e2e2;--color-line-soft:#e5e5ef;--color-line-table:#e7eaee;--color-line-faint:#d7e0f5;--color-success-500:#3ac0a7;--color-success-500-25:#3ac0a740;--color-success-text:#064e3b;--color-success-solid:#047857;--color-pending-bg:#b5c9f8;--color-pending-text:#0a2f96;--gradient-brand:linear-gradient(90deg, #0c3ebd 0%, #4f3fa0 55%, #c41230 100%);--gradient-brand-diagonal:linear-gradient(135deg, #0c3ebd 0%, #4f3fa0 55%, #c41230 100%);--color-neutral-badge-bg:#191d23;--color-neutral-badge-text:#fff;--shadow-card:0 2px 6px 0 #00000014;--shadow-popover:0 4px 4px 0 #00000040;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-pill:9999px;--radius-card:24px;--radius-input:20px;--radius-tab-container:14px;--radius-tab-active:13px;--radius-badge:4px;--radius-button:3px;--radius-button-secondary:4px;--radius-checkbox:2px;--radius-icon-button:9999px;--font-family-base:"IBM Plex Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--type-hero-size:24px;--type-hero-lh:100%;--type-title-size:18px;--type-title-lh:28px;--type-section-size:18px;--type-section-lh:24px;--type-body-size:16px;--type-body-lh:100%;--type-body-size-large-lh:20px;--type-meta-size:14px;--type-meta-lh:20px;--type-micro-size:12px;--type-micro-lh:18px;--duration-fast:.1s;--duration-normal:.2s;--duration-slow:.35s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-decelerate:cubic-bezier(0, 0, .2, 1);--ease-accelerate:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}html,body{font-family:var(--font-family-base);color:var(--color-ink-deep);background:var(--color-surface-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" 1}.s-hero{font-family:var(--font-family-base);font-weight:700;font-size:var(--type-hero-size);line-height:var(--type-hero-lh);color:var(--color-ink-black);font-feature-settings:"tnum" 1}.s-title{font-family:var(--font-family-base);font-weight:700;font-size:var(--type-title-size);line-height:var(--type-title-lh);color:var(--color-ink-navy)}.s-section{font-family:var(--font-family-base);font-weight:600;font-size:var(--type-section-size);line-height:var(--type-section-lh);color:var(--color-ink-navy)}.s-body{font-family:var(--font-family-base);font-weight:400;font-size:var(--type-body-size);color:var(--color-ink-deep);line-height:22px}.s-label{font-family:var(--font-family-base);font-weight:400;font-size:var(--type-body-size);line-height:var(--type-body-lh);color:var(--color-ink-muted-2)}.s-meta{font-family:var(--font-family-base);font-weight:400;font-size:var(--type-meta-size);line-height:var(--type-meta-lh);color:var(--color-ink-muted-2)}.s-table-head{font-family:var(--font-family-base);font-weight:400;font-size:var(--type-meta-size);color:var(--color-ink-muted-3);letter-spacing:.02em;text-transform:uppercase;line-height:100%}.s-micro{font-family:var(--font-family-base);font-weight:400;font-size:var(--type-micro-size);line-height:var(--type-micro-lh);color:var(--color-ink-muted-2)}.s-num-badge{font-family:var(--font-family-base);font-weight:700;font-size:var(--type-micro-size);line-height:var(--type-micro-lh);font-feature-settings:"tnum" 1}.s-card{background:var(--color-surface-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-6)}.s-btn-primary{background:var(--color-action-blue);color:#fff;border-radius:var(--radius-button-secondary);font-family:var(--font-family-base);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:16px;font-weight:600;line-height:100%;transition:background .15s;display:inline-flex}.s-btn-primary:hover{background:var(--color-action-blue-hover)}.s-btn-primary:active{background:var(--color-action-blue-press)}.s-btn-secondary{color:var(--color-ink-navy);border:1px solid var(--color-line-default);border-radius:var(--radius-button-secondary);font-family:var(--font-family-base);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:16px;font-weight:500;line-height:100%;transition:background .15s;display:inline-flex}.s-btn-secondary:hover{background:var(--color-surface-subtle)}.s-num{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}@media (prefers-color-scheme:dark){:root{--color-surface-canvas:#0f1117;--color-surface-card:#1a1d27;--color-surface-subtle:#22263a;--color-ink-black:#f5f6fa;--color-ink-navy:#e0e4f2;--color-ink-deep:#c8ccdc;--color-ink-muted-1:#a8b0c4;--color-ink-muted-2:#8b95a8;--color-ink-muted-3:#727d94;--color-ink-muted-4:#5a6480;--color-ink-muted-5:#48526c;--color-ink-muted-6:#8b95a8;--color-line-default:#2d3348;--color-line-table:#252a3d;--color-line-soft:#1e2235;--color-line-faint:#1a2340;--color-line-strong:#3d4560;--shadow-card:0 2px 8px #0000005c;--shadow-popover:0 8px 24px #0000007a}}.dark{--color-surface-canvas:#0f1117;--color-surface-card:#1a1d27;--color-surface-subtle:#22263a;--color-ink-black:#f5f6fa;--color-ink-navy:#e0e4f2;--color-ink-deep:#c8ccdc;--color-ink-muted-1:#a8b0c4;--color-ink-muted-2:#8b95a8;--color-ink-muted-3:#727d94;--color-ink-muted-4:#5a6480;--color-ink-muted-5:#48526c;--color-ink-muted-6:#8b95a8;--color-line-default:#2d3348;--color-line-table:#252a3d;--color-line-soft:#1e2235;--color-line-faint:#1a2340;--color-line-strong:#3d4560;--shadow-card:0 2px 8px #0000005c;--shadow-popover:0 8px 24px #0000007a}
:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px;border-radius:3px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
html,body{background:#f8f8f8;margin:0;padding:0}*{box-sizing:border-box}a{color:var(--color-brand-500);text-decoration:none}a:hover{color:var(--color-brand-600);text-decoration:underline}input,button,select{font-family:var(--font-family-base)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d0d5dd;border:3px solid #fff;border-radius:6px}