/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@14.2.35_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/.pnpm/next@14.2.35_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/.pnpm/next@14.2.35_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Bai_Jamjuree","arguments":[{"subsets":["latin"],"weight":["300","400","500","600","700"],"variable":"--font-ui","display":"swap"}],"variableName":"fontUi"} ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* thai */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/bd07166b4bfc61e8-s.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/cfcec813dc3a08e9-s.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;
}
/* latin-ext */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/36fd679057d5a2c4-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/c7264a3a2106b0d0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/2dd011bd4b4fc303-s.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/958a711b2e583ad1-s.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;
}
/* latin-ext */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/c6a2710c82995c59-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/46fe284ea6b208dc-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/36eb08c333fd876e-s.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/d3d40dfafe168921-s.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;
}
/* latin-ext */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/257a6a4ad8e88015-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/dcb7dbe335a6f155-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/346ee2e552632e34-s.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/18302be3738c81c5-s.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;
}
/* latin-ext */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/f3bb21e89cf2f112-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/62f8ef394edf20f4-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/c746c9eb8f9978c2-s.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/2b72e4f74070c77f-s.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;
}
/* latin-ext */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/87e817c59b3ec25d-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Bai_Jamjuree_c2a80d';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/b682ab4e94fdbfaf-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Bai_Jamjuree_Fallback_c2a80d';src: local("Arial");ascent-override: 96.70%;descent-override: 24.18%;line-gap-override: 0.00%;size-adjust: 103.41%
}.__className_c2a80d {font-family: '__Bai_Jamjuree_c2a80d', '__Bai_Jamjuree_Fallback_c2a80d';font-style: normal
}.__variable_c2a80d {--font-ui: '__Bai_Jamjuree_c2a80d', '__Bai_Jamjuree_Fallback_c2a80d'
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@14.2.35_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/.pnpm/next@14.2.35_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/.pnpm/next@14.2.35_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Spline_Sans_Mono","arguments":[{"subsets":["latin"],"weight":["400","600"],"variable":"--font-mono","display":"swap"}],"variableName":"fontMono"} ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* latin-ext */
@font-face {
  font-family: '__Spline_Sans_Mono_654aeb';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/59829bb575d36b50-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Spline_Sans_Mono_654aeb';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/e02f7a71372872a3-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: '__Spline_Sans_Mono_654aeb';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/59829bb575d36b50-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Spline_Sans_Mono_654aeb';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/e02f7a71372872a3-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Spline_Sans_Mono_Fallback_654aeb';src: local("Arial");ascent-override: 71.59%;descent-override: 17.57%;line-gap-override: 0.00%;size-adjust: 134.59%
}.__className_654aeb {font-family: '__Spline_Sans_Mono_654aeb', '__Spline_Sans_Mono_Fallback_654aeb';font-style: normal
}.__variable_654aeb {--font-mono: '__Spline_Sans_Mono_654aeb', '__Spline_Sans_Mono_Fallback_654aeb'
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@14.2.35_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/.pnpm/next@14.2.35_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/globals.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --bg-0: #070a0e;
  --bg-1: #0b1017;
  --panel: rgba(15, 22, 32, 0.82);
  --panel-2: rgba(12, 17, 25, 0.78);
  --stroke: rgba(196, 255, 225, 0.08);
  --stroke-strong: rgba(196, 255, 225, 0.14);
  --fg: rgba(235, 247, 255, 0.92);
  --muted: rgba(235, 247, 255, 0.62);
  --accent: #a6ff00;
  --accent-2: #00f5d4;
  --danger: #ff3d6e;
  --shadow: rgba(0, 0, 0, 0.6);

  --r-lg: 18px;
  --r-md: 14px;
  --r-sm: 10px;
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  color: var(--fg);
  background:
    radial-gradient(1200px 800px at 20% -10%, rgba(166, 255, 0, 0.12), transparent 55%),
    radial-gradient(900px 600px at 120% 20%, rgba(0, 245, 212, 0.11), transparent 55%),
    radial-gradient(900px 600px at 35% 120%, rgba(255, 61, 110, 0.09), transparent 55%),
    linear-gradient(180deg, var(--bg-0), var(--bg-1));
  font-family: var(--font-ui), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.mono {
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.grain {
  position: relative;
}

.grain::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.18;
  mix-blend-mode: overlay;
  background-image:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0 1px, transparent 1px 10px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.02) 0 1px, transparent 1px 10px);
  border-radius: inherit;
}

.scanline {
  position: relative;
  overflow: hidden;
}

.scanline::after {
  content: "";
  position: absolute;
  left: -20%;
  right: -20%;
  top: -30%;
  height: 60%;
  background: linear-gradient(
    180deg,
    transparent,
    rgba(166, 255, 0, 0.07),
    rgba(0, 245, 212, 0.05),
    transparent
  );
  transform: rotate(-6deg);
  animation: sweep 9s ease-in-out infinite;
  pointer-events: none;
}

@keyframes sweep {
  0% {
    transform: translateY(-35%) rotate(-6deg);
    opacity: 0.05;
  }
  45% {
    opacity: 0.18;
  }
  100% {
    transform: translateY(155%) rotate(-6deg);
    opacity: 0.08;
  }
}


