html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}html{--brand: #e11d2a;--brand-dark: #b3161b;--brand-deep: #5c0a0f;--brand-ink: light-dark(#b3161b, #ff8a90);--brand-soft: light-dark(rgba(225, 29, 42, .08), rgba(255, 138, 144, .14));--on-brand: #ffffff;--surface: light-dark(#f6f7f9, #121314);--surface-card: light-dark(#ffffff, #1c1d1f);--surface-raised: light-dark(#ffffff, #232527);--text-primary: light-dark(#14171a, #eceef1);--text-secondary: light-dark(#363b42, #c9ced5);--text-muted: light-dark(#5b626b, #a3a9b3);--border: light-dark(#e3e6ea, #2e3134);--border-strong: light-dark(#868c95, #6b7078);--success: light-dark(#047857, #34d399);--danger: light-dark(#c81e1e, #ff9b9b);--danger-soft: light-dark(rgba(200, 30, 30, .08), rgba(255, 155, 155, .12));--focus: light-dark(#1d4ed8, #93c5fd);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow-md: 0 10px 30px light-dark(rgba(15, 23, 42, .08), rgba(0, 0, 0, .45));--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--nav-h: 72px;scroll-padding-top:var(--nav-h);-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans Thai,Noto Sans Thai,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.65;color:var(--text-secondary);background:var(--surface-card);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{color:var(--text-primary);font-weight:700;line-height:1.3}a{color:var(--brand-ink);text-decoration:none;transition:color .2s}img{max-width:100%}button{font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.plain{list-style:none;margin:0;padding:0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}[tabindex="-1"]:focus{outline:none}.skip-link{position:fixed;left:12px;top:-80px;z-index:1100;background:var(--brand-dark);color:#fff;padding:10px 16px;border-radius:8px;font-weight:600}.skip-link:focus{top:12px;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;border-radius:999px;border:0;cursor:pointer;font:inherit;font-weight:600;font-size:15px;text-align:center;transition:transform .25s,box-shadow .25s,background .25s,color .25s}.btn-sm{min-height:40px;padding:8px 18px;font-size:14px}.btn-primary{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:var(--on-brand);box-shadow:0 6px 16px #b3161b47}.btn-primary:hover{color:var(--on-brand);transform:translateY(-2px);box-shadow:0 10px 22px #b3161b59}.btn-outline{background:transparent;color:var(--brand-ink);border:1.5px solid currentColor}.btn-outline:hover{background:var(--brand-soft)}.btn-soft{background:var(--brand-soft);color:var(--brand-ink)}.btn-soft:hover{background:var(--brand-dark);color:#fff}.reveal{opacity:0;transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.215,.61,.355,1),transform .7s cubic-bezier(.215,.61,.355,1);transition-delay:var(--reveal-delay, 0ms)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn{transition:none}.btn:hover{transform:none}}