@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500 700;font-display:swap;src:url("fonts/space-grotesk-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500 700;font-display:swap;src:url("fonts/space-grotesk-vietnamese-wght-normal.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/ibm-plex-sans-vietnamese-400-normal.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
:root{
  --color-bg:#0A1014;
  --color-surface:#131C22;
  --color-text:#F4F7F8;
  --color-muted:#A3B1B8;
  --color-accent:#C4208A;
  --color-accent-ink:#FFFFFF;
  --color-line:#5E727B;
  --space-4:4px;
  --space-8:8px;
  --space-12:12px;
  --space-16:16px;
  --space-24:24px;
  --space-32:32px;
  --space-40:40px;
  --space-48:48px;
  --space-64:64px;
  --space-80:80px;
  --space-96:96px;
  --space-128:128px;
  --space-unit:8px;
  --space-section-mobile:32px;
  --space-section-desktop:48px;
  --space-gutter:16px;
  --grid-max:1360px;
  --font-display:"Space Grotesk",sans-serif;
  --font-body:"IBM Plex Sans",sans-serif;
  --font-size-0:0.8rem;
  --font-size-1:1rem;
  --font-size-2:1.25rem;
  --font-size-3:1.563rem;
  --font-size-4:1.953rem;
  --font-size-5:2.441rem;
  --font-leading-body:1.6;
  --font-leading-display:1.1;
  --font-leading-label:1.3;
  --radius-base:12px;
  --radius-border:1px;
  --motion-micro:100ms;
  --motion-state:160ms;
  --motion-enter:280ms;
  --motion-scene:480ms;
  --motion-ease-enter:cubic-bezier(0.65, 0, 0.35, 1);
  --motion-ease-exit:cubic-bezier(0.55, 0, 1, 0.45);
}