:root{--bg:#050d1a;--bg-soft:#09152a;--bg-panel:#09152ad6;--bg-panel-strong:#08101ff2;--text:#e2e8f0;--muted:#91a1bd;--accent:#f5c842;--accent-2:#1e6fff;--line:#f5c84229;--line-strong:#f5c84252;--gold-shadow:0 0 30px #f5c8423d;--blue-shadow:0 0 36px #1e6fff38;--deep-shadow:0 28px 90px #0000006b;--radius-xl:32px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top,#1e6fff2e,#0000 26%),radial-gradient(circle at 15% 10%,#f5c84224,#0000 22%),radial-gradient(circle at 85% 18%,#f5c8421a,#0000 18%),linear-gradient(#050d1a 0%,#040913 45%,#02050c 100%);margin:0;font-family:Segoe UI,Noto Sans Thai,Arial,sans-serif}a{color:inherit}img{max-width:100%}.site-shell{position:relative;overflow:hidden}.site-shell:before,.site-shell:after{content:"";filter:blur(10px);pointer-events:none;z-index:0;border-radius:999px;position:fixed}.site-shell:before{background:radial-gradient(circle,#f5c84238,#0000 68%);width:340px;height:340px;top:-140px;right:-120px}.site-shell:after{background:radial-gradient(circle,#1e6fff2e,#0000 68%);width:380px;height:380px;bottom:10%;left:-160px}.container{z-index:1;width:min(calc(100% - 32px), var(--max));margin:0 auto;position:relative}.site-header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:linear-gradient(#050d1af0,#050d1ac7);position:fixed;top:0;left:0;right:0;box-shadow:0 22px 48px #00000052}.header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:80px;padding:10px 0;display:flex}.brand-mark{align-items:center;text-decoration:none;display:inline-flex}.brand-mark img{filter:drop-shadow(0 0 18px #f5c84238);width:auto;height:42px}.nav-menu{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.nav-link{color:#e2e8f0d1;border:1px solid #0000;border-radius:999px;padding:9px 12px;font-size:14px;text-decoration:none;transition:transform .22s,border-color .22s,color .22s,background .22s}.nav-link:hover{color:#fff4bf;background:#f5c8420f;border-color:#f5c8422e;transform:translateY(-1px)}.header-actions,.hero-actions,.section-cta{flex-wrap:wrap;gap:10px;display:flex}.cta-primary,.cta-secondary,.quick-link{transition:transform .22s,box-shadow .22s,border-color .22s,background .22s}.cta-primary:hover,.cta-secondary:hover,.quick-link:hover{transform:translateY(-2px)}.cta-primary{color:#07111f;background:linear-gradient(135deg,#fff2a4 0%,#f5c842 45%,#cc9711 100%);border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 16px 34px #f5c84242,inset 0 1px #ffffff6b}.cta-secondary{color:#f5c842;background:#0c1930a6;border:1px solid #f5c842;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 12px 28px #1e6fff24}.compact{min-height:42px;padding:0 18px;font-size:14px}.hero-wrap{padding-top:124px}.hero-frame{align-items:stretch;gap:24px;display:grid}.hero-copy,.hero-visual-card,.spotlight-card,.toc-card,.section-card,.media-card{border:1px solid var(--line);box-shadow:var(--deep-shadow);background:linear-gradient(#0b162af0,#060d1af0);position:relative;overflow:hidden}.hero-copy,.hero-visual-card{min-height:100%}.hero-copy{border-radius:var(--radius-xl);padding:32px}.hero-copy:before,.hero-visual-card:before,.section-card:before,.toc-card:before,.spotlight-card:before,.media-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#f5c84214,#0000 34%),linear-gradient(315deg,#1e6fff14,#0000 30%);position:absolute;inset:0}.hero-pill,.section-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;background:#f5c84214;border:1px solid #f5c8423d;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.hero-pill:before,.section-kicker:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:var(--gold-shadow);border-radius:999px}.hero-copy h1{letter-spacing:-.05em;margin:20px 0 12px;font-size:clamp(44px,8vw,88px);line-height:.96}.hero-headline{color:var(--accent);text-shadow:0 0 24px #f5c8423d;margin:0;font-size:clamp(26px,4vw,42px);font-weight:900}.hero-subline{max-width:640px;color:var(--text);margin:18px 0 0;font-size:17px;line-height:1.8}.stat-grid{gap:14px;margin-top:28px;display:grid}.stat-card{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #f5c84224;padding:16px 18px}.stat-card span{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.stat-card strong{color:#fff4bf;font-size:16px}.hero-visual-shell{min-height:100%;position:relative}.hero-orb{filter:blur(10px);border-radius:999px;position:absolute}.hero-orb-gold{background:radial-gradient(circle,#f5c84257,#0000 66%);width:180px;height:180px;top:-40px;right:40px}.hero-orb-blue{background:radial-gradient(circle,#1e6fff4d,#0000 68%);width:200px;height:200px;bottom:30px;left:-30px}.hero-visual-card{border-radius:var(--radius-xl);min-height:100%;padding:20px}.hero-visual-overlay{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #f5c8421f;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:16px;padding:16px 18px;display:flex}.hero-visual-overlay span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:13px;display:block}.hero-visual-overlay strong{color:#fff4bf;max-width:340px;font-size:18px;display:block}.hero-visual-overlay p{max-width:260px;color:var(--muted);margin:0;line-height:1.7}.spotlight-row{gap:18px;margin-top:24px;display:grid}.spotlight-card{border-radius:var(--radius-lg);padding:22px}.spotlight-card h2{color:#fff4bf;margin:0 0 10px;font-size:22px}.spotlight-card p{color:var(--muted);margin:0;line-height:1.8}.toc-card{border-radius:var(--radius-lg);margin-top:26px;padding:24px}.toc-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.toc-head h2{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:14px}.toc-head p{color:var(--muted);margin:0}.toc-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:6px 18px;margin:0;padding:0;list-style:none;display:grid}.longform-stack{gap:24px;margin-top:24px;padding-bottom:48px;display:grid}.content-section{border-radius:var(--radius-xl);padding:28px}.section-header{z-index:1;margin-bottom:22px;position:relative}.section-header h2{color:#fff5c9;margin:16px 0 0;font-size:clamp(28px,4vw,42px);line-height:1.1}.section-grid{z-index:1;gap:24px;display:grid;position:relative}.prose-stack p{color:var(--text);margin:0;font-size:16px;line-height:1.92}.prose-stack p+p{margin-top:16px}.prose-stack a{color:var(--accent);text-decoration:none}.prose-stack a:hover{text-shadow:var(--gold-shadow)}.section-aside{z-index:1;position:relative}.aside-panel{border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #f5c8421f;padding:20px;position:sticky;top:110px}.accent-panel{box-shadow:inset 0 0 0 1px #1e6fff14, var(--blue-shadow);background:linear-gradient(#0a1426fa,#081222eb)}.aside-panel h3{color:var(--accent);margin:0 0 14px;font-size:16px}.aside-panel ul{color:var(--muted);margin:0;padding-left:18px;line-height:1.8}.quick-link-grid{gap:10px;display:grid}.quick-link{color:#fff1a8;background:#ffffff08;border:1px solid #f5c84229;border-radius:14px;justify-content:center;align-items:center;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}.thumb-card,.media-card{border-radius:18px}.thumb-card{background:#ffffff08;border:1px solid #f5c84233;overflow:hidden}.image-grid-row{gap:16px;display:grid}.media-card{padding:10px}.media-card img{border-radius:14px;width:100%;height:auto;display:block}.section-cta{z-index:1;border-top:1px solid #f5c8421f;margin-top:24px;padding-top:18px;position:relative}.site-footer{z-index:1;background:#030810eb;border-top:1px solid #f5c8421f;position:relative}.footer-grid{gap:24px;padding:32px 0 22px;display:grid}.footer-grid p{max-width:620px;color:var(--muted);margin:18px 0 0;line-height:1.8}.footer-brand img{height:40px}.footer-links{flex-wrap:wrap;align-content:start;gap:12px 16px;display:flex}.footer-links a{color:#fff1a8;text-decoration:none}.footer-bottom{text-align:center;color:#91a1bddb;padding:0 16px 28px;font-size:14px}@media (min-width:768px){.hero-frame{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.stat-grid,.spotlight-row,.image-grid-row{grid-template-columns:repeat(3,minmax(0,1fr))}.section-grid,.footer-grid{grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr)}}@media (max-width:1024px){.header-bar{justify-content:center}.nav-menu,.header-actions{justify-content:center;width:100%}}@media (max-width:767px){.hero-wrap{padding-top:156px}.container{width:min(calc(100% - 24px), var(--max))}.hero-copy,.hero-visual-card,.toc-card,.content-section,.spotlight-card{padding:22px}.section-header h2{font-size:30px}.hero-visual-overlay{padding:14px}}