:root{--brand-primary:#000;--brand-accent:#9a245d;--brand-accent-light:#c34a82;--brand-accent-glow:#9a245d40;--brand-accent-soft:#9a245d14;--bg-primary:#fff;--bg-secondary:#f5f6fa;--bg-tertiary:#eef0f6;--bg-dark:#0b0d12;--bg-dark-card:#141721;--bg-dark-card-hover:#1a1f2c;--text-primary:#252936;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-white:#fff;--text-dark-muted:#a0aec0;--gradient-brand:linear-gradient(135deg, #000 0%, #252936 50%, #9a245d 100%);--gradient-accent:linear-gradient(135deg, #9a245d 0%, #c34a82 100%);--gradient-glow:radial-gradient(circle at center, #9a245d2e 0%, transparent 70%);--gradient-dark-glass:linear-gradient(180deg, #25293699 0%, #141721cc 100%);--gradient-card:linear-gradient(180deg, #fff 0%, #f9fafc 100%);--border-color:#e5e7eb;--border-light:#f0f2f5;--border-dark:#ffffff14;--border-accent:#9a245d59;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #00000008;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 25px -5px #00000014, 0 8px 10px -6px #0000000d;--shadow-xl:0 20px 40px -10px #0000001f;--shadow-glow:0 10px 30px -5px #9a245d4d;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1);--font-thai:"Noto Sans Thai", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-latin:"Plus Jakarta Sans", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-thai);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.text-gradient{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.text-brand-gradient{background:linear-gradient(135deg,#000 30%,#9a245d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.badge-tech{letter-spacing:.5px;color:var(--brand-accent);background:var(--brand-accent-soft);border-radius:var(--radius-full);border:1px solid #9a245d33;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.badge-tech-dark{letter-spacing:.8px;text-transform:uppercase;color:#f3a8cd;border-radius:var(--radius-full);background:#9a245d2e;border:1px solid #c34a8259;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.pulse-dot{background-color:var(--brand-accent-light);width:8px;height:8px;box-shadow:0 0 10px var(--brand-accent-light);border-radius:50%;animation:2s infinite pulseAnimation}@keyframes pulseAnimation{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;box-shadow:0 0 14px var(--brand-accent);transform:scale(1.3)}to{opacity:.8;transform:scale(.95)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:20s linear infinite spinSlow}.glass-panel-light{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #e5e7ebcc}.glass-panel-dark{-webkit-backdrop-filter:blur(16px);background:#141721bf;border:1px solid #ffffff14}.bg-tech-grid{background-image:radial-gradient(#9a245d1f 1px,#0000 1px);background-size:28px 28px}.bg-dark-grid{background-color:var(--bg-dark);background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f3f5}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brand-accent)}