/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
:root {
  /* Arctic Emerald Color Palette */
  --emerald-dark: #0a4d32;
  --emerald-primary: #00c853;
  --emerald-bright: #00e676;
  --emerald-glow: #39ff9c;
  
  --teal-deep: #061a14;
  --teal-dark: #0a2922;
  --teal-mid: #0d3d30;
  
  --accent-cyan: #00bcd4;
  --accent-blue: #29b6f6;
  
  --surface-dark: #051510;
  --surface-mid: #0a201a;
  --surface-light: #0d2b22;
  
  --text-primary: #ffffff;
  --text-secondary: #a8e6cf;
  --text-muted: #5d9b84;
  
  --border-glow: rgba(0, 200, 83, 0.5);
  --shadow-glow: rgba(0, 230, 118, 0.3);
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html {
  max-width: 100vw;
  overflow-x: hidden;
  background: var(--surface-dark);
}

body {
  max-width: 100vw;
  overflow-x: hidden;
  background: transparent;
  color: var(--text-primary);
  font-family: 'Rajdhani', sans-serif;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--teal-deep);
}

::-webkit-scrollbar-thumb {
  background: var(--emerald-dark);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--emerald-primary);
}

/* Selection */
::selection {
  background: var(--emerald-primary);
  color: var(--surface-dark);
}

/* Global Animations */
@keyframes glow-pulse {
  0%, 100% {
    box-shadow: 0 0 5px var(--emerald-primary),
                0 0 10px var(--border-glow),
                0 0 20px var(--shadow-glow);
  }
  50% {
    box-shadow: 0 0 10px var(--emerald-primary),
                0 0 20px var(--border-glow),
                0 0 40px var(--shadow-glow);
  }
}

@keyframes scan-line {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100vh);
  }
}

@keyframes flicker {
  0%, 100% { opacity: 1; }
  92% { opacity: 1; }
  93% { opacity: 0.8; }
  94% { opacity: 1; }
  96% { opacity: 0.9; }
  97% { opacity: 1; }
}

@keyframes border-trace {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Utility Classes */
.glow-text {
  text-shadow: 0 0 10px var(--emerald-primary),
               0 0 20px var(--emerald-bright),
               0 0 30px var(--shadow-glow);
}

.gradient-text {
  background: linear-gradient(135deg, var(--emerald-bright) 0%, var(--accent-cyan) 50%, var(--emerald-primary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}