@font-face{font-family:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.2chmmw5jncpj5.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.32i82hrueyy96.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.1aj2xxlo5mdna.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.2vx-usavuz-_v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.2chmmw5jncpj5.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.32i82hrueyy96.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.1aj2xxlo5mdna.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:500;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.2vx-usavuz-_v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.2chmmw5jncpj5.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.32i82hrueyy96.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.1aj2xxlo5mdna.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:600;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.2vx-usavuz-_v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.2chmmw5jncpj5.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.32i82hrueyy96.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.1aj2xxlo5mdna.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:700;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.2vx-usavuz-_v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.anuphan_3d166126-module__-UQzoa__className{font-family:Anuphan,Anuphan Fallback;font-style:normal}.anuphan_3d166126-module__-UQzoa__variable{--font-thai:"Anuphan", "Anuphan Fallback"}
.ThemeToggle-module__yrvpAa__toggle{appearance:none;border:1px solid var(--color-outline);background-color:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-sm);width:48px;min-width:48px;box-shadow:var(--shadow-1);cursor:pointer;justify-content:center;align-items:center;min-height:48px;padding:0;transition:background-color .15s,border-color .15s,color .15s,transform .18s cubic-bezier(.22,1,.36,1);display:inline-flex}.ThemeToggle-module__yrvpAa__toggle:hover{background-color:var(--color-surface-variant);border-color:var(--color-primary);color:var(--color-primary)}.ThemeToggle-module__yrvpAa__toggle:active{transform:scale(.97)}.ThemeToggle-module__yrvpAa__toggle:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 70%, transparent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ThemeToggle-module__yrvpAa__toggle{transition:none}}
.HeaderActions-module__mkQjgW__actions{justify-content:flex-end;align-items:center;gap:var(--space-2);min-width:0;display:flex}.HeaderActions-module__mkQjgW__utilityButton,.HeaderActions-module__mkQjgW__cta,.HeaderActions-module__mkQjgW__dialogIconButton,.HeaderActions-module__mkQjgW__closeButton{font:inherit;border-radius:var(--radius-sm);cursor:pointer;min-height:48px;transition:background-color .18s,border-color .18s,color .18s,opacity .18s,transform .18s cubic-bezier(.22,1,.36,1)}.HeaderActions-module__mkQjgW__utilityButton{appearance:none;border:1px solid var(--color-outline);background-color:var(--color-surface);width:48px;min-width:48px;color:var(--color-text-secondary);box-shadow:var(--shadow-1);justify-content:center;align-items:center;padding:0;display:inline-flex}.HeaderActions-module__mkQjgW__utilityButton:hover{background-color:var(--color-surface-variant);border-color:var(--color-primary);color:var(--color-primary)}.HeaderActions-module__mkQjgW__utilityButton:active,.HeaderActions-module__mkQjgW__cta:active,.HeaderActions-module__mkQjgW__dialogIconButton:active,.HeaderActions-module__mkQjgW__closeButton:active{transform:scale(.97)}.HeaderActions-module__mkQjgW__utilityButton:disabled{cursor:default;opacity:.56}.HeaderActions-module__mkQjgW__utilityButton:disabled:hover{border-color:var(--color-outline);color:var(--color-text-secondary);background-color:var(--color-surface)}.HeaderActions-module__mkQjgW__cta{border:1px solid color-mix(in srgb, var(--color-primary) 72%, transparent);background:var(--color-primary);color:#fff;padding:0 var(--space-4);white-space:nowrap;justify-content:center;align-items:center;font-size:16px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #1d4ed82e}.HeaderActions-module__mkQjgW__cta:hover{background:var(--color-primary-hover);color:#fff;text-decoration:none}[data-theme=dark] .HeaderActions-module__mkQjgW__cta{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#60a5fa9e;box-shadow:0 12px 28px #2563eb57,inset 0 1px #ffffff29}[data-theme=dark] .HeaderActions-module__mkQjgW__cta:hover{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border-color:#93c5fdc7}.HeaderActions-module__mkQjgW__backdrop{z-index:30;padding:var(--space-4);-webkit-backdrop-filter:blur(10px);background:#0f172a5c;place-items:center;display:grid;position:fixed;inset:0}.HeaderActions-module__mkQjgW__dialog{width:min(100%,340px);max-height:calc(100svh - var(--space-8));gap:var(--space-4);border:1px solid var(--color-outline);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);padding:var(--space-5);flex-direction:column;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0f172a3d,inset 0 1px #ffffffbd}.HeaderActions-module__mkQjgW__dialogIconButton{appearance:none;top:var(--space-3);right:var(--space-3);background:var(--color-surface-variant);width:48px;min-width:48px;color:var(--color-text-secondary);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.HeaderActions-module__mkQjgW__dialogIconButton:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-container)}.HeaderActions-module__mkQjgW__dialogIcon{border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 16%, transparent), transparent), var(--color-surface-variant);width:58px;height:58px;color:var(--color-primary);justify-content:center;align-items:center;margin:0 auto;display:inline-flex;box-shadow:inset 0 1px #ffffff9e}.HeaderActions-module__mkQjgW__dialogTitle{color:var(--color-text);text-align:center;margin:0;font-size:20px;font-weight:800;line-height:1.35}.HeaderActions-module__mkQjgW__steps{counter-reset:install-step;gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.HeaderActions-module__mkQjgW__steps li{counter-increment:install-step;gap:var(--space-3);color:var(--color-text-secondary);grid-template-columns:30px minmax(0,1fr);align-items:center;font-size:16px;line-height:1.55;display:grid}.HeaderActions-module__mkQjgW__steps li:before{content:counter(install-step);background:var(--color-primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;font-weight:800;display:inline-flex}.HeaderActions-module__mkQjgW__stepText{min-width:0}.HeaderActions-module__mkQjgW__stepAction{align-items:center;gap:var(--space-1);color:var(--color-primary);white-space:nowrap;font-weight:800;display:inline-flex}.HeaderActions-module__mkQjgW__inlineStepIcon{color:currentColor;vertical-align:-.15em;flex:none}.HeaderActions-module__mkQjgW__supportText{border-radius:var(--radius-sm);background:var(--color-surface-variant);color:var(--color-text-secondary);padding:var(--space-3);text-align:center;margin:0;font-size:16px;line-height:1.5}.HeaderActions-module__mkQjgW__closeButton{appearance:none;border:1px solid var(--color-outline);background:var(--color-surface-variant);color:var(--color-text);padding:0 var(--space-4);font-size:16px;font-weight:800}.HeaderActions-module__mkQjgW__closeButton:hover{border-color:var(--color-primary);background:var(--color-primary-container)}.HeaderActions-module__mkQjgW__utilityButton:focus-visible,.HeaderActions-module__mkQjgW__cta:focus-visible,.HeaderActions-module__mkQjgW__dialogIconButton:focus-visible,.HeaderActions-module__mkQjgW__closeButton:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 70%, transparent);outline-offset:2px}@media (max-width:639px){.HeaderActions-module__mkQjgW__actions{justify-content:flex-end;width:auto}.HeaderActions-module__mkQjgW__cta{display:none}}@media (prefers-reduced-motion:reduce){.HeaderActions-module__mkQjgW__utilityButton,.HeaderActions-module__mkQjgW__cta,.HeaderActions-module__mkQjgW__dialogIconButton,.HeaderActions-module__mkQjgW__closeButton{transition:none}}
.Header-module__KHjLKa__header{z-index:10;background-color:color-mix(in srgb, var(--color-background) 78%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-outline) 60%, transparent);position:sticky;top:0;isolation:isolate}.Header-module__KHjLKa__header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(16px)saturate(1.6);backdrop-filter:blur(16px)saturate(1.6)}.Header-module__KHjLKa__bar{width:100%;max-width:var(--content-max);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"logo actions";margin-inline:auto;display:grid}.Header-module__KHjLKa__logo{grid-area:logo;justify-content:center;justify-self:start;align-items:center;display:inline-flex}.Header-module__KHjLKa__logo:hover{text-decoration:none}.Header-module__KHjLKa__logoImg{width:auto;height:36px;display:block}.Header-module__KHjLKa__actionsSlot{grid-area:actions;justify-self:end;min-width:0}@media (max-width:639px){.Header-module__KHjLKa__bar{gap:var(--space-2)}.Header-module__KHjLKa__actionsSlot{justify-self:end}.Header-module__KHjLKa__logoImg{height:32px}}
.Footer-module__yg9ahW__footer{margin-top:var(--space-8);border-top:1px solid var(--color-outline);background-color:var(--color-surface-variant);position:relative}.Footer-module__yg9ahW__footer:before{content:"";top:0;left:var(--space-4);right:var(--space-4);background:linear-gradient(90deg, transparent, var(--color-primary), transparent);opacity:.35;height:1px;position:absolute}.Footer-module__yg9ahW__inner{width:100%;max-width:var(--content-max);padding:var(--space-7) var(--space-4) var(--space-5);gap:var(--space-5);flex-direction:column;margin-inline:auto;display:flex}.Footer-module__yg9ahW__intro{gap:var(--space-3);flex-direction:column;display:flex}.Footer-module__yg9ahW__introTitle{font-size:18px}.Footer-module__yg9ahW__introText{text-align:center;max-width:56ch;margin-inline:auto}.Footer-module__yg9ahW__links{justify-content:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.Footer-module__yg9ahW__links a{color:var(--color-text-secondary);font-size:16px}.Footer-module__yg9ahW__links a:hover{color:var(--color-primary)}.Footer-module__yg9ahW__bottomBar{border-top:1px solid var(--color-outline);padding:var(--space-4)}.Footer-module__yg9ahW__copy{text-align:center;color:var(--color-text-muted);font-size:16px}.Footer-module__yg9ahW__copy a{color:var(--color-text-secondary);font-weight:600}@media (min-width:768px){.Footer-module__yg9ahW__introTitle{font-size:20px}}
:root{--color-primary:#1d4ed8;--color-primary-ink:#1d4ed8;--color-primary-hover:#1e40af;--color-primary-container:#dbeafe;--color-on-primary:#fff;--color-accent:#059669;--color-accent-ink:#047857;--color-accent-container:#d1fae5;--color-highlight:#d97706;--color-highlight-bright:#f59e0b;--color-highlight-soft:#fef3c7;--panel-top:#0b1e3d;--panel-bot:#061428;--panel-on:#f0f8ff;--panel-dim:#93c5fd;--panel-hair:#ffffff1f;--gradient-primary:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--gradient-accent:linear-gradient(135deg, #10b981 0%, #059669 100%);--color-background:#f8fafc;--color-surface:#fff;--color-surface-variant:#f1f5f9;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-outline:#e2e8f0;--color-success:#059669;--color-warning:#d97706;--color-danger:#dc2626;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:28px;--shadow-1:0 1px 2px #0f172a0f, 0 1px 3px #0f172a0d;--shadow-2:0 4px 14px #0f172a14;--shadow-3:0 10px 30px #0f172a1a;--shadow-primary:0 8px 22px #1d4ed84d;--font-base:var(--font-thai), "Google Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--content-max:760px}[data-theme=dark]{--color-primary:#60a5fa;--color-primary-ink:#93c5fd;--color-primary-hover:#bae6fd;--color-primary-container:#1e3a8a;--color-on-primary:#0b1e3d;--color-accent:#10b981;--color-accent-ink:#34d399;--color-accent-container:#064e3b;--color-highlight:#f59e0b;--color-highlight-bright:#fbbf24;--color-highlight-soft:#451a03;--panel-top:#0e2040;--panel-bot:#091428;--panel-on:#f0f8ff;--panel-dim:#7dd3fc;--panel-hair:#ffffff1a;--gradient-primary:linear-gradient(135deg, #93c5fd 0%, #60a5fa 100%);--gradient-accent:linear-gradient(135deg, #34d399 0%, #10b981 100%);--color-background:#0a0f1e;--color-surface:#0d1830;--color-surface-variant:#112040;--color-text:#e8f0fe;--color-text-secondary:#a5b4d4;--color-text-muted:#6b7fa8;--color-outline:#1a2e4a;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#f87171;--shadow-1:0 1px 2px #0000004d;--shadow-2:0 4px 14px #00000059;--shadow-3:0 10px 30px #00000073;--shadow-primary:0 8px 20px #60a5fa33}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.7;transition:background-color .2s,color .2s;overflow-x:clip}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(900px 700px at 20% 12%,#1d4ed817,#0000 65%),radial-gradient(700px 600px at 82% 22%,#93c5fd14,#0000 58%),radial-gradient(600px 500px at 55% 88%,#60a5fa12,#0000 62%),radial-gradient(500px 400px at 8% 75%,#1e40af0d,#0000 55%);animation:28s ease-in-out infinite alternate meshDrift;position:fixed;inset:-5vh -5vw}[data-theme=dark] body:before{background:radial-gradient(900px 700px at 20% 12%,#1d4ed833,#0000 65%),radial-gradient(700px 600px at 82% 22%,#93c5fd24,#0000 58%),radial-gradient(600px 500px at 55% 88%,#60a5fa1c,#0000 62%),radial-gradient(500px 400px at 8% 75%,#1e40af1f,#0000 55%)}@keyframes meshDrift{0%{transform:translate(0%)scale(1)}33%{transform:translate(-1%,1.5%)scale(1.03)}66%{transform:translate(1.5%,-1%)scale(1.02)}to{transform:translate(-1.5%,.8%)scale(1.03)}}@media (prefers-reduced-motion:reduce){body:before{animation:none}}h1,h2,h3{text-align:center;color:var(--color-text);overflow-wrap:anywhere;text-wrap:balance;max-width:100%;margin:0;line-height:1.25}h1{font-size:26px;font-weight:700}h2{font-size:21px;font-weight:600}h3{font-size:18px;font-weight:600}p{color:var(--color-text-secondary);overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.7}a{color:var(--color-primary-ink);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:4px}@media (min-width:768px){h1{font-size:34px}h2{font-size:26px}h3{font-size:20px}body{font-size:17px}}.container{width:100%;max-width:var(--content-max);padding-inline:var(--space-4);margin-inline:auto}@media (min-width:768px){.container{padding-inline:var(--space-5)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.Header-module__KHjLKa__header{z-index:1200}.HeaderActions-module__mkQjgW__backdrop{z-index:1300;inset:auto 0 0;height:100vh;min-height:100vh;height:100svh;min-height:100svh;height:100dvh;min-height:100dvh;padding:var(--space-4);padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));place-content:center;align-content:center;justify-content:center;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.HeaderActions-module__mkQjgW__dialog{margin:auto;max-height:calc(100vh - 32px);max-height:calc(100svh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}