@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7fbff;--panel:#fff;--panel-2:#eef7ff;--line:#dceaf5;--text:#12263a;--muted:#64788b;--gold:#2488d8;--jade:#0f9f91;--red:#dc5b62;--radius:18px;--font:"DM Sans","Noto Sans Thai",ui-sans-serif,-apple-system,sans-serif;--mono:ui-monospace,"SFMono-Regular",Menlo,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--gold);text-decoration:none}button,input,select,textarea{font-family:inherit}.num{font-variant-numeric:tabular-nums}:focus-visible{outline-offset:3px;outline:3px solid #2488d840}::selection{color:#0d3657;background:#cae9ff}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}