html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-cream:#050505;--color-paper:#0c0c0f;--color-champagne:#17130f;--color-blush-pale:#120d10;--color-petal-pale:#181014;--color-butter-pale:#19160d;--color-blue-pale:#0d1419;--color-mint-pale:#0d1612;--color-lavender-pale:#14101a;--color-peach-pale:#19110d;--color-petal-pink:#f39ab4;--color-rose:#f1789a;--color-rose-hover:#ff8dac;--color-butter-yellow:#e9ca67;--color-powder-blue:#8fbcd8;--color-mint:#7dc6a3;--color-lavender:#b89bd9;--color-peach:#e7a77f;--color-champagne-gold:#d2b16e;--color-champagne-gold-dark:#b79758;--color-chocolate:#f8f4f5;--color-cocoa:#c5b9bd;--color-blush-border:#2b2327;--color-command-canvas:#070707;--color-command-muted:#111113;--color-command-border:#2a2628;--color-command-ink:#f7f2f3;--color-command-accent:#df7892;--color-command-accent-hover:#ef8ca4;--color-executive-bg:#050505;--color-executive-bg-soft:#111;--color-executive-ivory:#fbf6f0;--color-executive-gold:#d2b16e;--color-executive-border:#332c28;--color-studio-canvas:#050505;--color-studio-surface:#0d0d0f;--color-studio-ivory:#171513;--color-studio-border:#2b2824;--color-studio-sage:#122019;--color-studio-sage-strong:#8eb39a;--color-studio-blue:#111d24;--color-studio-blue-strong:#91afbd;--color-studio-rose:#21151a;--color-studio-lavender:#1c1622;--color-studio-gold-wash:#211c13;--color-ink:#f7f2f3;--color-ivory:#171513;--color-success-soft:#0f1d15;--color-warning:#d6b36f;--color-warning-soft:#211b10;--color-danger-soft:#241312;--color-text-primary:#f8f4f5;--color-text-secondary:#c5b9bd;--color-text-inverse:#090909;--color-text-link:#f8f4f5;--color-text-link-hover:#f1789a;--color-surface:#0c0c0f;--color-surface-muted:#121216;--color-border:#292329;--color-border-strong:#3b3037;--color-accent:#f1789a;--color-accent-hover:#ff8dac;--color-accent-contrast:#090909;--color-gold:#d2b16e;--color-gold-hover:#e2c27e;--color-gold-contrast:#090909;--color-danger:#ef7b74;--color-success:#72c79a;--color-badge-ai-tool-bg:#1c1622;--color-badge-ai-tool-text:#d2b8ea;--color-badge-download-bg:#21151a;--color-badge-download-text:#f4a2ba;--color-badge-system-bg:#102019;--color-badge-system-text:#9bd6b6;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 12px 30px #00000075;--shadow-lg:0 26px 58px #0000008f;--shadow-glow:0 0 0 3px #f1789a40;--shadow-command:0 14px 34px #00000080;--shadow-studio:0 24px 70px #00000094;--shadow-studio-panel:0 10px 34px #00000070}html[data-theme=dark] body{background-color:#050505;background-image:radial-gradient(75% 50% at 50% 0,#f1789a1a,#0000 62%),linear-gradient(#090608 0%,#050505 54% 100%)}html[data-theme=dark] [class~=bg-white],html[data-theme=dark] [class*=bg-white\/]{background-color:var(--color-paper)!important}html[data-theme=dark] [class~=border-white],html[data-theme=dark] [class*=border-white\/]{border-color:var(--color-border)!important}html[data-theme=dark] [class~=from-white],html[data-theme=dark] [class*=from-white\/]{--tw-gradient-from:#0c0c0f var(--tw-gradient-from-position)!important}html[data-theme=dark] [class~=via-white],html[data-theme=dark] [class*=via-white\/]{--tw-gradient-via:#0c0c0f var(--tw-gradient-via-position)!important}html[data-theme=dark] [class~=to-white],html[data-theme=dark] [class*=to-white\/]{--tw-gradient-to:#0c0c0f var(--tw-gradient-to-position)!important}html[data-theme=dark] img,html[data-theme=dark] video{color-scheme:normal}html,body,header,footer,main,section,article,aside,nav,button,a,input,textarea,select{transition-property:background-color,border-color,color,box-shadow;transition-duration:.18s;transition-timing-function:ease}@media (prefers-reduced-motion:reduce){html,body,header,footer,main,section,article,aside,nav,button,a,input,textarea,select{transition:none!important}}
html{-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16.5px}body{text-rendering:optimizelegibility}@media (max-width:767px){html{font-size:17px}.text-\[8px\],.text-\[9px\]{font-size:10px!important;line-height:1.35!important}.text-\[10px\]{font-size:11px!important;line-height:1.4!important}.text-\[11px\]{font-size:12px!important;line-height:1.45!important}}
@media (max-width:767px){div.grid.gap-3.md\:hidden:has(>button[aria-label^=เข้า\ ]){grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}div.grid.gap-3.md\:hidden>button[aria-label^=เข้า\ ]{border-radius:1.2rem!important;min-height:158px!important}div.grid.gap-3.md\:hidden>button[aria-label^=เข้า\ ]>.mx-auto.mt-5.grid{display:none!important}div.grid.gap-3.md\:hidden>button[aria-label^=เข้า\ ]>.absolute.inset-x-4.bottom-3{padding:.4rem .5rem!important;font-size:.625rem!important;bottom:.5rem!important;left:.5rem!important;right:.5rem!important}div.grid.gap-3.md\:hidden>button[aria-label^=เข้า\ ]>.absolute.inset-x-4.bottom-3>span:first-child{display:none!important}div.grid.gap-3.md\:hidden>button[aria-label^=เข้า\ ] .font-display{font-size:.95rem!important;line-height:1.15rem!important}}
@media (max-width:767px){body.mobile-page-compact main{font-size:.94em}body.mobile-page-compact main h1{font-size:clamp(1.85rem,8vw,2.35rem)!important;line-height:1.12!important}body.mobile-page-compact main h2{font-size:clamp(1.5rem,6.8vw,1.9rem)!important;line-height:1.18!important}body.mobile-page-compact main h3{font-size:clamp(1.18rem,5.5vw,1.45rem)!important;line-height:1.25!important}body.mobile-page-compact main .text-8xl{font-size:3.7rem!important;line-height:1.02!important}body.mobile-page-compact main .text-7xl{font-size:3.2rem!important;line-height:1.04!important}body.mobile-page-compact main .text-6xl{font-size:2.8rem!important;line-height:1.05!important}body.mobile-page-compact main .text-5xl{font-size:2.35rem!important;line-height:1.08!important}body.mobile-page-compact main .text-4xl{font-size:1.9rem!important;line-height:1.12!important}body.mobile-page-compact main .text-3xl{font-size:1.52rem!important;line-height:1.18!important}body.mobile-page-compact main .text-2xl{font-size:1.28rem!important;line-height:1.25!important}body.mobile-page-compact main .text-xl{font-size:1.08rem!important;line-height:1.42!important}body.mobile-page-compact main .text-lg{font-size:1rem!important;line-height:1.48!important}body.mobile-page-compact main .text-base{font-size:.92rem!important;line-height:1.52!important}body.mobile-page-compact main .p-12{padding:2.2rem!important}body.mobile-page-compact main .p-10{padding:1.85rem!important}body.mobile-page-compact main .p-8{padding:1.5rem!important}body.mobile-page-compact main .p-7{padding:1.35rem!important}body.mobile-page-compact main .p-6{padding:1.2rem!important}body.mobile-page-compact main .p-5{padding:1.05rem!important}body.mobile-page-compact main .px-12{padding-left:2.2rem!important;padding-right:2.2rem!important}body.mobile-page-compact main .px-10{padding-left:1.85rem!important;padding-right:1.85rem!important}body.mobile-page-compact main .px-8{padding-left:1.5rem!important;padding-right:1.5rem!important}body.mobile-page-compact main .px-7{padding-left:1.35rem!important;padding-right:1.35rem!important}body.mobile-page-compact main .px-6{padding-left:1.2rem!important;padding-right:1.2rem!important}body.mobile-page-compact main .px-5{padding-left:1.05rem!important;padding-right:1.05rem!important}body.mobile-page-compact main .py-20{padding-top:3.55rem!important;padding-bottom:3.55rem!important}body.mobile-page-compact main .py-16{padding-top:2.9rem!important;padding-bottom:2.9rem!important}body.mobile-page-compact main .py-14{padding-top:2.55rem!important;padding-bottom:2.55rem!important}body.mobile-page-compact main .py-12{padding-top:2.2rem!important;padding-bottom:2.2rem!important}body.mobile-page-compact main .py-10{padding-top:1.85rem!important;padding-bottom:1.85rem!important}body.mobile-page-compact main .py-8{padding-top:1.5rem!important;padding-bottom:1.5rem!important}body.mobile-page-compact main .py-7{padding-top:1.35rem!important;padding-bottom:1.35rem!important}body.mobile-page-compact main .py-6{padding-top:1.2rem!important;padding-bottom:1.2rem!important}body.mobile-page-compact main .py-5{padding-top:1.05rem!important;padding-bottom:1.05rem!important}body.mobile-page-compact main .gap-12{gap:2.2rem!important}body.mobile-page-compact main .gap-10{gap:1.85rem!important}body.mobile-page-compact main .gap-8{gap:1.5rem!important}body.mobile-page-compact main .gap-7{gap:1.35rem!important}body.mobile-page-compact main .gap-6{gap:1.2rem!important}body.mobile-page-compact main .gap-5{gap:1.05rem!important}body.mobile-page-compact main .space-y-12>:not(:last-child){margin-bottom:2.2rem!important}body.mobile-page-compact main .space-y-10>:not(:last-child){margin-bottom:1.85rem!important}body.mobile-page-compact main .space-y-8>:not(:last-child){margin-bottom:1.5rem!important}body.mobile-page-compact main .space-y-6>:not(:last-child){margin-bottom:1.2rem!important}body.mobile-page-compact main .space-y-5>:not(:last-child){margin-bottom:1.05rem!important}body.mobile-page-compact main .mt-16{margin-top:2.9rem!important}body.mobile-page-compact main .mt-12{margin-top:2.2rem!important}body.mobile-page-compact main .mt-10{margin-top:1.85rem!important}body.mobile-page-compact main .mt-8{margin-top:1.5rem!important}body.mobile-page-compact main .mt-6{margin-top:1.2rem!important}body.mobile-page-compact main .mb-16{margin-bottom:2.9rem!important}body.mobile-page-compact main .mb-12{margin-bottom:2.2rem!important}body.mobile-page-compact main .mb-10{margin-bottom:1.85rem!important}body.mobile-page-compact main .mb-8{margin-bottom:1.5rem!important}body.mobile-page-compact main .mb-6{margin-bottom:1.2rem!important}body.mobile-page-compact main .h-20{height:4.05rem!important}body.mobile-page-compact main .h-16{height:3.4rem!important}body.mobile-page-compact main .min-h-20{min-height:4.05rem!important}body.mobile-page-compact main .min-h-16{min-height:3.4rem!important}body.mobile-page-compact main .rounded-\[40px\],body.mobile-page-compact main .rounded-\[36px\]{border-radius:2rem!important}body.mobile-page-compact main .rounded-\[32px\]{border-radius:1.75rem!important}}