:root{--q-bg:#0a0e1a;--q-surface:#121829;--q-surface-2:#1a2238;--q-text:#e8ecf4;--q-muted:#9aa8c4;--q-cyan:#3de8ff;--q-magenta:#c45bff;--q-signal:linear-gradient(135deg, var(--q-cyan), var(--q-magenta));--q-border:rgba(61, 232, 255, 0.22);--font-heading:"Noto Serif Thai", "Noto Serif Thai Latin", serif;--font-body:"Noto Sans Thai", "Noto Sans Thai Latin", sans-serif;--read-max:42rem;--section-pad:clamp(2.5rem, 5vw, 4.5rem)}@font-face{font-family:noto sans thai;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/NotoSansThai-Regular.woff2)format("woff2");unicode-range:U+E00-E7F}@font-face{font-family:noto sans thai;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/NotoSansThai-Bold.woff2)format("woff2");unicode-range:U+E00-E7F}@font-face{font-family:noto sans thai latin;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/NotoSansThai-Latin-Regular.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:noto sans thai latin;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/NotoSansThai-Latin-Bold.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:noto serif thai;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/NotoSerifThai-Regular.woff2)format("woff2");unicode-range:U+E00-E7F}@font-face{font-family:noto serif thai;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/NotoSerifThai-Bold.woff2)format("woff2");unicode-range:U+E00-E7F}@font-face{font-family:noto serif thai latin;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/NotoSerifThai-Latin-Regular.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:noto serif thai latin;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/NotoSerifThai-Latin-Bold.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}[x-cloak]{display:none!important}body{margin:0;font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;color:var(--q-text);background:var(--q-bg);background-image:linear-gradient(rgba(61,232,255,4%) 1px,transparent 1px),linear-gradient(90deg,rgba(196,91,255,4%) 1px,transparent 1px);background-size:48px 48px}img{max-width:100%;height:auto;display:block}.img-grade--warm-grade{filter:sepia(.25)saturate(1.15)}a{color:var(--q-cyan);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#7ff4ff}h1,h2,h3{font-family:var(--font-heading);line-height:1.25;font-weight:700}h1{font-size:clamp(1.85rem,4.5vw,2.75rem)}h2{font-size:clamp(1.45rem,3vw,2rem);margin-top:0}.wrap{width:min(1120px,92vw);margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:0;background:var(--q-cyan);color:#000;padding:.5rem 1rem;z-index:100}.skip-link:focus{left:.5rem;top:.5rem}.site-header{border-bottom:1px solid var(--q-border);background:rgba(10,14,26,.92);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}.top-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.25rem;padding:.65rem 0}.top-bar__meta{font-size:.85rem;color:var(--q-muted)}.top-bar__meta a{color:var(--q-cyan);white-space:nowrap}.brand{font-family:var(--font-heading);font-weight:700;font-size:1.15rem;color:var(--q-text);text-decoration:none}.brand:hover{color:var(--q-cyan)}.site-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem 1.1rem}.site-nav a{color:var(--q-text);text-decoration:none;font-size:.95rem}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--q-cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1.25rem;border-radius:4px;font-weight:700;font-family:var(--font-body);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:box-shadow .2s,transform .2s}.btn--primary{background:var(--q-signal);color:#0a0e1a;box-shadow:0 0 20px rgba(61,232,255,.25)}.btn--primary:hover{box-shadow:0 0 28px rgba(196,91,255,.35);color:#000}.btn--ghost{border-color:var(--q-border);color:var(--q-text);background:0 0}.btn--ghost:hover{border-color:var(--q-cyan);color:var(--q-cyan)}.btn:disabled{opacity:.55;cursor:not-allowed}.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;padding:var(--section-pad)0;min-height:min(72vh,720px)}.hero-split__copy h1{margin-bottom:.75rem}.hero-split__copy .lede{color:var(--q-muted);font-size:1.1rem;max-width:36ch}.hero-split__media{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--q-border);box-shadow:0 0 40px rgba(61,232,255,.12)}.hero-split__media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.section{padding:var(--section-pad)0}.section--band{background:var(--q-surface);border-block:1px solid var(--q-border)}.comp-text-left-media-right{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.comp-text-left-media-right h2{text-align:left}.comp-text-left-media-right .media-frame{border-radius:8px;overflow:hidden;border:1px solid var(--q-border)}.comp-text-left-media-right .media-frame img{width:100%;object-fit:cover;aspect-ratio:1}.comp-card-row{text-align:center}.comp-card-row .section-intro{text-align:center;margin-inline:auto;max-width:var(--read-max)}.comp-card-row__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem;text-align:left}.course-card{background:var(--q-surface-2);border:1px solid var(--q-border);border-radius:8px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;position:relative}.course-card--promo{border-color:var(--q-magenta);box-shadow:0 0 24px rgba(196,91,255,.15)}.course-card__badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--q-magenta)}.course-card__price{font-size:1.35rem;font-weight:700;margin-top:auto}.course-card__price s{color:var(--q-muted);font-size:.95rem;margin-right:.35rem}.course-card__price .discount{display:block;font-size:.85rem;color:var(--q-cyan);font-weight:600}.comp-centered-media-below{text-align:center}.comp-centered-media-below .prose{text-align:center;margin-inline:auto;max-width:var(--read-max)}.comp-centered-media-below .media-wide{margin-top:2rem;margin-inline:auto;max-width:960px;border-radius:8px;overflow:hidden;border:1px solid var(--q-border)}.comp-centered-media-below .media-wide img{width:100%;object-fit:cover;aspect-ratio:16/9}.comp-statement-band{text-align:center}.comp-statement-band .statement{text-align:center;margin-inline:auto;max-width:52rem;font-family:var(--font-heading);font-size:clamp(1.2rem,2.5vw,1.55rem);padding:2rem;border-left:3px solid var(--q-cyan);border-right:3px solid var(--q-magenta);background:rgba(26,34,56,.6)}.checklist{list-style:none;padding:0;margin:1.25rem 0 0;text-align:left;max-width:36rem;margin-inline:auto}.checklist li{padding:.45rem 0 .45rem 1.75rem;position:relative}.checklist li::before{content:"";position:absolute;left:0;top:.85rem;width:10px;height:10px;border-radius:2px;background:var(--q-signal)}.faq details{background:var(--q-surface-2);border:1px solid var(--q-border);border-radius:6px;padding:.85rem 1rem;margin-bottom:.65rem}.faq summary{cursor:pointer;font-weight:600}.faq summary:focus-visible{outline:2px solid var(--q-cyan);outline-offset:2px}.site-footer{border-top:1px solid var(--q-border);background:var(--q-surface);padding:1.5rem 0 2rem;font-size:.88rem;color:var(--q-muted)}.footer-compact{text-align:center;line-height:1.7}.footer-compact a{color:var(--q-cyan)}.footer-disclaimer{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--q-border);font-size:.82rem;max-width:52rem;margin-inline:auto}.footer-legal-nav{margin-top:.75rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem}.form-section{max-width:36rem}.form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.35rem;font-weight:600}.form-field input,.form-field textarea,.form-field select{width:100%;min-height:44px;padding:.55rem .75rem;border-radius:4px;border:1px solid var(--q-border);background:var(--q-surface);color:var(--q-text);font-family:var(--font-body);font-size:1rem}.form-field textarea{min-height:120px;resize:vertical}.form-field input:focus-visible,.form-field textarea:focus-visible{outline:2px solid var(--q-cyan);outline-offset:1px}.field-error{color:#ff8a9b;font-size:.88rem;margin-top:.25rem}.form-status{margin-top:1rem;padding:.75rem 1rem;border-radius:4px}.form-status--success{background:rgba(61,232,255,.12);border:1px solid var(--q-cyan)}.form-status--error{background:rgba(255,100,120,.12);border:1px solid #ff6b7d}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:80;background:var(--q-surface-2);border-top:1px solid var(--q-border);padding:1rem;box-shadow:0 -8px 32px rgba(0,0,0,.4)}.consent-banner__inner{width:min(1120px,92vw);margin-inline:auto;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.consent-actions{display:flex;flex-wrap:wrap;gap:.5rem}.page-hero{padding:2.5rem 0 1.5rem}.page-hero h1{margin-bottom:.5rem}.legal-prose{max-width:var(--read-max)}.legal-prose h2{margin-top:2rem}.prose-muted{color:var(--q-muted)}@media(max-width:768px){.hero-split,.comp-text-left-media-right{grid-template-columns:1fr}.comp-text-left-media-right h2{text-align:left}.comp-card-row__grid{grid-template-columns:1fr}.top-bar{flex-direction:column;align-items:flex-start}}