:root{--color-bg-canvas:#070a11;--color-bg-raised:#0b101a;--color-surface-1:#101725;--color-surface-2:#151e2f;--color-surface-3:#1b2639;--color-border-subtle:rgba(199,214,239,0.13);--color-border-strong:rgba(199,214,239,0.25);--color-text-primary:#f2f6fd;--color-text-secondary:#b0bed0;--color-text-muted:#99a7ba;--color-text-subtle:#74839a;--color-text-inverse:#07101f;--color-primary:#6b91ff;--color-primary-strong:#4778ff;--color-primary-soft:rgba(107,145,255,0.14);--color-accent-cyan:#4bd7c8;--color-accent-violet:#9a7cff;--color-success:#52d89c;--color-warning:#f3bd5d;--color-danger:#f07878;--color-info:#8db1ff;--color-input-bg:#0d1421;--color-input-bg-hover:#111b2b;--color-input-border:rgba(199,214,239,0.22);--color-input-border-hover:rgba(154,180,255,0.58);--color-action-primary-bg:var(--color-primary);--color-action-primary-fg:#07101f;--color-action-secondary-bg:var(--color-surface-2);--color-focus-ring:#9ab4ff;--color-status-success-bg:rgba(82,216,156,0.14);--color-status-success-fg:var(--color-success);--color-status-warning-bg:rgba(243,189,93,0.14);--color-status-warning-fg:var(--color-warning);--color-status-danger-bg:rgba(240,120,120,0.14);--color-status-danger-fg:var(--color-danger);--color-status-info-bg:rgba(107,145,255,0.14);--color-status-info-fg:#b9c8ff;--color-overlay:rgba(7,10,17,0.86);--font-body:"Noto Sans Thai","Leelawadee UI",sans-serif;--font-technical:"Space Grotesk","Arial",sans-serif;--text-display:clamp(38px,5vw,64px);--text-h1:44px;--text-h2:32px;--text-h3:22px;--text-body-lg:18px;--text-body:16px;--text-small:14px;--text-label:13px;--leading-display:1.08;--leading-heading:1.2;--leading-body:1.7;--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;--radius-xs:4px;--radius-sm:7px;--radius-md:9px;--radius-lg:12px;--radius-xl:18px;--elevation-base:none;--elevation-raised:0 12px 30px rgba(0,0,0,0.18);--elevation-overlay:0 30px 90px rgba(0,0,0,0.38);--motion-fast:160ms;--motion-standard:220ms;--motion-panel:220ms;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1440px}@media (max-width:767px){:root{--text-h1:32px;--text-h2:26px;--text-h3:20px;--text-body-lg:17px;--leading-body:1.65}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}