:root{--bg1:#060d1a;--bg2:#0c1f3d;--bg3:#12325f;--line:hsla(0,0%,100%,.12);--card:hsla(0,0%,100%,.05);--card-hi:hsla(0,0%,100%,.08);--text:#eaf2ff;--muted:#9fb4d4;--gold:#f5c451;--ok:#22c55e;--err:#ef4444;--accent1:#22d3ee;--accent2:#2563eb;--c-accent1:#a78bfa;--c-accent2:#6366f1}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{color:var(--text);font-family:Segoe UI,Tahoma,Noto Sans Thai,sans-serif;line-height:1.6;background:radial-gradient(circle at 12% 18%,#1d4ed833 0,transparent 42%),radial-gradient(circle at 88% 12%,#06b6d433 0,transparent 40%),radial-gradient(circle at 50% 100%,#7c3aed22 0,transparent 55%),linear-gradient(160deg,var(--bg1),var(--bg2) 55%,var(--bg1));background-attachment:fixed}a{color:var(--accent1);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2;margin:0 0 .4em}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}.btn{display:inline-block;border:0;border-radius:10px;padding:12px 22px;font-weight:700;font-size:15px;cursor:pointer;color:#04121f;background:linear-gradient(120deg,var(--accent1),var(--accent2));transition:transform .12s ease,box-shadow .12s ease}.btn:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 8px 24px #22d3ee33}.btn.secondary{color:var(--text);background:var(--card-hi);border:1px solid var(--line)}.btn.alt{color:#fff;background:linear-gradient(120deg,var(--c-accent1),var(--c-accent2))}.btn.alt:hover{box-shadow:0 8px 24px #6366f155}.section{padding:56px 0}.section h2{font-size:26px}.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:700}.prose{color:var(--text);font-size:16px;line-height:1.8}.prose h1,.prose h2,.prose h3{margin:1.4em 0 .5em;line-height:1.3}.prose h2{font-size:22px;border-bottom:1px solid var(--line);padding-bottom:.3em}.prose h3{font-size:18px;color:var(--gold)}.prose p{margin:.8em 0}.prose a{color:var(--accent1)}.prose ol,.prose ul{margin:.8em 0;padding-left:1.4em}.prose li{margin:.3em 0}.prose code{background:#ffffff14;padding:2px 6px;border-radius:5px;font-size:.9em}.prose pre{background:#0a1b33;border:1px solid var(--line);border-radius:10px;padding:14px;overflow-x:auto}.prose pre code{background:none;padding:0}.prose blockquote{margin:1em 0;padding:6px 16px;border-left:3px solid var(--gold);background:var(--card);color:var(--muted)}.prose img{max-width:100%;border-radius:12px}.prose hr{border:0;border-top:1px solid var(--line);margin:1.6em 0}.prose table{width:100%;border-collapse:collapse;margin:1em 0}.prose td,.prose th{border:1px solid var(--line);padding:8px 12px;text-align:left}.prose th{background:var(--card-hi)}.SiteFooter_footer__vZ3CV{border-top:1px solid var(--line);margin-top:56px;padding:40px 0 28px;color:var(--muted);font-size:14px;background:rgba(6,13,26,.4)}.SiteFooter_inner__ATo2N{display:grid;grid-template-columns:1.6fr 1fr 1fr;grid-gap:28px;gap:28px}.SiteFooter_col__4Ojpq{display:flex;flex-direction:column;gap:8px}.SiteFooter_col__4Ojpq a{color:var(--muted)}.SiteFooter_col__4Ojpq a:hover{color:var(--text)}.SiteFooter_brand__mNn0V{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px;color:var(--text)}.SiteFooter_mark__nYkMc{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font-size:12px;font-weight:800;color:#04121f;background:linear-gradient(120deg,var(--c-accent1),var(--c-accent2))}.SiteFooter_tag__8NAWe{margin:4px 0 0;font-size:13px;max-width:320px}.SiteFooter_head__fANcI{font-weight:700;color:var(--text);margin-bottom:2px}.SiteFooter_bottom__5rES5{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:12.5px}.SiteFooter_fine__FItKD{color:var(--muted);opacity:.8}@media (max-width:680px){.SiteFooter_inner__ATo2N{grid-template-columns:1fr 1fr}.SiteFooter_col__4Ojpq:first-child{grid-column:1/-1}}.SiteHeader_header__qIri_{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(6,13,26,.72);border-bottom:1px solid var(--line)}.SiteHeader_course__MVxwF{--hdr-a1:var(--c-accent1);--hdr-a2:var(--c-accent2)}.SiteHeader_game__MclUa{--hdr-a1:var(--accent1);--hdr-a2:var(--accent2)}.SiteHeader_inner__WNu1_{display:flex;align-items:center;justify-content:space-between;height:64px}.SiteHeader_brand__R0hRG{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:var(--text)}.SiteHeader_brand__R0hRG:hover{text-decoration:none}.SiteHeader_mark__qdebo{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;font-size:14px;font-weight:800;color:#04121f;background:linear-gradient(120deg,var(--hdr-a1),var(--hdr-a2))}.SiteHeader_brandText__vKBy2{display:flex;align-items:center;gap:8px}.SiteHeader_worldTag__2WiKI{font-size:11px;font-weight:700;color:var(--text);background:var(--card-hi);border:1px solid var(--line);border-radius:999px;padding:2px 9px}.SiteHeader_nav__xC76B{display:flex;align-items:center;gap:22px;font-size:15px}.SiteHeader_nav__xC76B a{color:var(--muted)}.SiteHeader_nav__xC76B a:hover{color:var(--text);text-decoration:none}.SiteHeader_cta__T3o_g{border-radius:9px;padding:8px 16px;color:#04121f!important;font-weight:700;background:linear-gradient(120deg,var(--hdr-a1),var(--hdr-a2))}.SiteHeader_cta__T3o_g:hover{transform:translateY(-1px)}.SiteHeader_burger__MGesl{display:none;flex-direction:column;gap:5px;width:42px;height:42px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:9px;cursor:pointer}.SiteHeader_burger__MGesl span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px}@media (max-width:760px){.SiteHeader_burger__MGesl{display:flex}.SiteHeader_nav__xC76B{position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(6,13,26,.97);border-bottom:1px solid var(--line);padding:8px 20px 16px;max-height:0;overflow:hidden;transition:max-height .2s ease}.SiteHeader_navOpen__p7HzL{max-height:420px}.SiteHeader_nav__xC76B a{padding:12px 4px;border-bottom:1px solid var(--line);color:var(--text)}.SiteHeader_cta__T3o_g{margin-top:12px;text-align:center;border-bottom:0!important}}