:root{color-scheme:light dark;--serif-font: "Instrument Serif"}html{--bg: #f1f1f1;--bg-soft: rgba(255, 255, 255, .6);--surface: rgba(255, 255, 255, .74);--surface-strong: rgba(255, 255, 255, .9);--border: rgba(39, 125, 161, .14);--text: #1d3557;--muted: #526884;--accent: #277da1;--accent-soft: #ff7f50;--accent-warm: #ffbf81;--accent-gradient: linear-gradient( 135deg, var(--accent), var(--accent-soft) );--accent-translucent-gradient: linear-gradient( 135deg, color-mix( in srgb, var(--accent) 84%, rgba(255, 255, 255, .8) 16% ), color-mix( in srgb, var(--accent-soft) 84%, rgba(255, 255, 255, .8) 16% ) );--shadow: 0 24px 80px rgba(29, 53, 87, .12);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--max-width: 1180px;color-scheme:light}html[data-theme=dark]{--bg: #0d1527;--bg-soft: rgba(18, 28, 48, .74);--surface: rgba(25, 38, 62, .74);--surface-strong: rgba(32, 48, 77, .92);--border: rgba(39, 125, 161, .18);--text: #f1f1f1;--muted: #8aa0be;--accent: #3ba3d0;--accent-soft: #ff7f50;--accent-warm: #ffbf81;--accent-gradient: linear-gradient( 135deg, var(--accent), var(--accent-soft) );--accent-translucent-gradient: linear-gradient( 135deg, color-mix( in srgb, var(--accent) 84%, rgba(20, 32, 62, .8) 16% ), color-mix( in srgb, var(--accent-soft) 84%, rgba(20, 32, 62, .8) 16% ) );--shadow: 0 24px 80px rgba(0, 4, 12, .42);color-scheme:dark}@media(prefers-color-scheme:dark){html:not([data-theme=light]){--bg: #0d1527;--bg-soft: rgba(18, 28, 48, .74);--surface: rgba(25, 38, 62, .74);--surface-strong: rgba(32, 48, 77, .92);--border: rgba(39, 125, 161, .18);--text: #f1f1f1;--muted: #8aa0be;--accent: #3ba3d0;--accent-soft: #ff7f50;--accent-warm: #ffbf81;--accent-gradient: linear-gradient( 135deg, var(--accent), var(--accent-soft) );--accent-translucent-gradient: linear-gradient( 135deg, color-mix( in srgb, var(--accent) 84%, rgba(20, 32, 62, .8) 16% ), color-mix( in srgb, var(--accent-soft) 84%, rgba(20, 32, 62, .8) 16% ) );--shadow: 0 24px 80px rgba(0, 4, 12, .42);color-scheme:dark}}html[data-theme=light]{--bg: #f1f1f1;--bg-soft: rgba(255, 255, 255, .6);--surface: rgba(255, 255, 255, .74);--surface-strong: rgba(255, 255, 255, .9);--border: rgba(39, 125, 161, .14);--text: #1d3557;--muted: #526884;--accent: #277da1;--accent-soft: #ff7f50;--accent-warm: #ffbf81;--accent-gradient: linear-gradient( 135deg, var(--accent), var(--accent-soft) );--accent-translucent-gradient: linear-gradient( 135deg, color-mix( in srgb, var(--accent) 84%, rgba(255, 255, 255, .8) 16% ), color-mix( in srgb, var(--accent-soft) 84%, rgba(255, 255, 255, .8) 16% ) );--shadow: 0 24px 80px rgba(29, 53, 87, .12);color-scheme:light}html[lang=th]{--serif-font: "Noto Serif Thai"}*{box-sizing:border-box}html{scroll-behavior:smooth}.light-only{color-scheme:light}@supports (-moz-appearance: none){*{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}}html{scrollbar-gutter:stable}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:10px;background:var(--accent-gradient)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-soft),var(--accent))}::-webkit-scrollbar-corner{background:transparent}body{margin:0;min-width:320px;min-height:100vh;font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 8%,rgba(39,125,161,.14),transparent 20%),radial-gradient(circle at 88% 14%,rgba(255,127,80,.12),transparent 22%),radial-gradient(circle at 70% 84%,rgba(255,191,129,.12),transparent 24%),linear-gradient(180deg,#fafafa,#f1f1f1,#e6e6e6)}html[data-theme=dark] body{background:radial-gradient(circle at 10% 10%,rgba(39,125,161,.18),transparent 20%),radial-gradient(circle at 88% 12%,rgba(255,127,80,.16),transparent 22%),radial-gradient(circle at 68% 84%,rgba(255,191,129,.14),transparent 24%),linear-gradient(180deg,#192637,#101927,#0a101b)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,rgba(0,0,0,.35),transparent 70%)}@keyframes blob-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-3vw,2vh) scale(1.08)}}body:after{content:"";position:fixed;inset:auto -8vw -16vh auto;width:42vw;height:42vw;min-width:280px;min-height:280px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#89aeff29,#89aeff00 70%);filter:blur(16px);animation:blob-drift 20s infinite ease-in-out alternate}html[data-theme=dark] body:before{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px)}html[data-theme=dark] body:after{background:radial-gradient(circle,#7691ff1f,#7691ff00 72%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}main{position:relative;z-index:1}.container{width:min(calc(100% - 32px),var(--max-width));margin:0 auto}.glass-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(24px)}.section-label{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .9rem;border-radius:999px;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#ffffff8c;border:1px solid rgba(112,137,255,.12);color:#4b6391}html[data-theme=dark] .section-label{background:#0f1931a6;border-color:#94b6ff29;color:#c3d4f2}.section-title{margin:1rem 0 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.02;letter-spacing:-.04em}.section-copy{margin:1rem 0 0;max-width:62ch;font-size:1.02rem;line-height:1.7;color:var(--muted)}.eyebrow-serif{font-family:var(--serif-font),serif;font-style:italic;font-weight:400}@media(max-width:720px){.container{width:min(calc(100% - 20px),var(--max-width))}.section-copy{font-size:.98rem}}