@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&display=swap");:root{--void:#0b1220;--ink:#0e1626;--mist:#121c2e;--smoke:#1a263b;--border:#253248;--ash:#64748b;--silver:#94a3b8;--pearl:#cbd5e1;--snow:#f1f5f9;--neon:#8fb0d9;--neon-dim:#6f93c0;--neon-bright:#a9c4e6;--neon-glow:rgba(143,176,217,0.12);--cyan:#8fb0d9;--cyan-dim:#6f93c0;--acid:#c9a86a;--magenta:#b4837f;--border-input:rgba(143,176,217,0.25);--input-background:rgba(143,176,217,0.05);--hidden-feature:#c9a86a;--font-display:"Source Serif 4","IBM Plex Sans Thai",serif;--font-body:"IBM Plex Sans Thai",system-ui,sans-serif;--font-mono:"IBM Plex Sans Thai",system-ui,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--transition-reveal:0.65s ease;--glow-neon:none;--glow-cyan:none;--glow-card:0 8px 24px rgba(0,0,0,0.25);--z-navbar:50;--z-overlay:9000;--z-modal:9001;--z-cursor:9999;--nav-height:72px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--void);color:var(--pearl);font-family:var(--font-body);overflow-x:hidden;cursor:auto;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:auto}img,svg{display:block}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--smoke);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--neon)}.cursor{width:6px;height:6px;background:var(--neon);border-radius:50%;z-index:var(--z-cursor);box-shadow:0 0 8px var(--neon),0 0 16px var(--neon)}.cursor,.cursorRing{position:fixed;pointer-events:none;display:none!important}.cursorRing{width:28px;height:28px;border:1px solid var(--neon);border-radius:50%;z-index:calc(var(--z-cursor) - 1);transition:all .12s ease;opacity:.5}.gridBg{background-image:linear-gradient(rgba(143,176,217,.04) 1px,transparent 0),linear-gradient(90deg,rgba(143,176,217,.04) 1px,transparent 0),linear-gradient(rgba(143,176,217,.015) 1px,transparent 0),linear-gradient(90deg,rgba(143,176,217,.015) 1px,transparent 0);background-size:48px 48px,48px 48px,12px 12px,12px 12px}.scanline{position:relative}.scanline:before{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--neon),transparent);animation:scanDown 4s linear infinite;z-index:1}.noise:after,.scanline:before{display:none;content:"";opacity:.25;pointer-events:none}.noise:after{position:relative;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");z-index:9990}.textGradientNeon{background:linear-gradient(90deg,var(--neon) 0,var(--cyan) 50%,var(--acid) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.textGradientCyber{background:linear-gradient(135deg,var(--neon) 0,var(--neon-bright) 40%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sectionReveal{opacity:0;transform:translateY(24px);transition:opacity var(--transition-reveal),transform var(--transition-reveal)}.sectionReveal.visible{opacity:1;transform:translateY(0)}.techTag{display:inline-flex;align-items:center;padding:3px 10px;border:1px solid rgba(143,176,217,.25);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;color:var(--neon);background:rgba(143,176,217,.05);letter-spacing:.05em;transition:all var(--transition-base)}.techTag:hover{background:rgba(143,176,217,.12);border-color:rgba(143,176,217,.6);box-shadow:0 0 8px rgba(143,176,217,.2)}.techTagCyan{border-color:rgba(143,176,217,.25);color:var(--cyan);background:rgba(143,176,217,.05)}.techTagCyan:hover{background:rgba(143,176,217,.12);border-color:rgba(143,176,217,.6);box-shadow:0 0 8px rgba(143,176,217,.2)}.techTagAcid{border-color:rgba(201,168,106,.25);color:var(--acid);background:rgba(201,168,106,.05)}.techTagAcid:hover{background:rgba(201,168,106,.12);border-color:rgba(201,168,106,.6)}.linkUnderline{position:relative}.linkUnderline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--neon);transition:width var(--transition-slow)}.linkUnderline:hover:after{width:100%}.bracketCorner{position:relative}.bracketCorner:after,.bracketCorner:before{content:"";position:absolute;width:14px;height:14px}.bracketCorner:before{top:0;left:0;border-top:1px solid var(--neon);border-left:1px solid var(--neon)}.bracketCorner:after{bottom:0;right:0;border-bottom:1px solid var(--neon);border-right:1px solid var(--neon)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scanDown{0%{top:0}to{top:100%}}@keyframes borderGlow{0%,to{box-shadow:0 0 5px rgba(143,176,217,.2)}50%{box-shadow:0 0 15px rgba(143,176,217,.5),0 0 30px rgba(143,176,217,.2)}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}95%{opacity:1}97%{opacity:.9}}.animFadeUp{animation:fadeUp .6s ease forwards}.animFadeIn{animation:fadeIn .4s ease forwards}.animBlink{animation:blink 1s step-end infinite}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}[data-reveal].visible{opacity:1;transform:translateY(0)}[data-card]{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}[data-card].visible{opacity:1;transform:translateY(0)}