/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./components/LanguageSwitcher.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.LanguageSwitcher_container__CDjQV {
  position: relative;
  margin-left: 20px;
}

.LanguageSwitcher_currentLang__vbkoM {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 14px;
  transition: all 0.3s ease;
}

.LanguageSwitcher_currentLang__vbkoM:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.4);
}

.LanguageSwitcher_dropdown__z8XlZ {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 5px;
  background: rgba(10, 10, 10, 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  overflow: hidden;
  min-width: 100px;
  z-index: 100;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.LanguageSwitcher_option__e1Otk {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: transparent;
  border: none;
  color: #ccc;
  cursor: pointer;
  font-family: 'JetBrains Mono', monospace;
  font-size: 14px;
  text-align: left;
  transition: background 0.2s;
}

.LanguageSwitcher_option__e1Otk:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.LanguageSwitcher_option__e1Otk.LanguageSwitcher_active__KxGtj {
  background: rgba(0, 123, 255, 0.2);
  color: #00fbff;
}

.LanguageSwitcher_flag__r8p6L {
  font-size: 1.2em;
}

@media (max-width: 768px) {
  .LanguageSwitcher_container__CDjQV {
    margin-left: 10px;
    margin-right: 10px; /* Added to push it left */
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./components/Navbar.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.Navbar_nav__yFFPE {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px 0;
  z-index: 1000;
  transition: all 0.3s ease;
}

.Navbar_scrolled__N9DJM {
  padding: 12px 0;
  background: rgba(10, 10, 10, 0.7);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.Navbar_container__2Cq63 {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}

.Navbar_logo__X4o9i {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -1px;
  font-family: 'Segoe UI', sans-serif;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; /* Not copyable */
  cursor: pointer;
  text-decoration: none;
  color: #fff; /* Keep white */
}

.Navbar_bracket__XXr4s {
  color: #00fbff;
  font-family: monospace;
}

.Navbar_links__puXTb {
  display: flex;
  gap: 30px;
}

.Navbar_links__puXTb a {
  text-decoration: none;
  color: #aaa;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: color 0.3s;
}

.Navbar_links__puXTb a:hover {
  color: #00fbff;
}

.Navbar_contactBtn__VL0_C {
  background: rgba(0, 251, 255, 0.1);
  border: 1px solid #00fbff;
  color: #00fbff;
  padding: 8px 20px;
  border-radius: 4px;
  font-family: monospace;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none; /* Removed underline */
  display: inline-block;
}

.Navbar_contactBtn__VL0_C:hover {
  background: #00fbff;
  color: #000;
  box-shadow: 0 0 20px rgba(0, 251, 255, 0.4);
}

@media (max-width: 768px) {
  .Navbar_links__puXTb {
    display: none;
  }
  
  .Navbar_container__2Cq63 {
    padding: 0 10px;
  }

  .Navbar_logo__X4o9i {
    font-size: 18px; /* Smaller logo on mobile */
    margin-left: 10px; /* Shifted right */
  }

  .Navbar_contactBtn__VL0_C {
    padding: 6px 12px;
    font-size: 12px;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./components/Console.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.Console_consoleText__QYnBd {
  font-family: 'Consolas', 'Monaco', 'Lucida Console', monospace;
  color: #cccccc;
  line-height: 1.4;
  position: relative;
  display: block; /* Changed to block to respect width */
  width: 100%; /* Use full width */
  word-wrap: break-word; /* Allow long lines to break */
  white-space: pre-wrap; /* Preserve spaces but wrap */
  font-size: inherit; /* Allow parent control */
}

@media (max-width: 768px) {
  .Console_consoleText__QYnBd {
    width: 100%;
    font-size: 12px;
  }
}

.Console_prompt__kiBkN {
  color: #00ff00; /* Classic Terminal Green */
  font-weight: normal;
  margin-right: 8px;
  font-style: normal;
}

.Console_commandText__e_xGd {
  color: #ffffff; /* Commands are often white in CMD */
  font-weight: bold;
}

.Console_textOutput__GuEui {
  color: #cccccc; /* Outputs are gray */
  word-break: break-word;
}


.Console_cursor__u9oCe {
  display: inline-block;
  width: 8px;
  background-color: #007bff;
  animation: Console_blink__Y8R0e 0.8s infinite;
  margin-left: 2px;
}

@keyframes Console_blink__Y8R0e {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.Console_skeleton__0g_z5 {
  height: 1.4em; /* Match text line-height */
  background: linear-gradient(90deg, #1a1a1d 25%, #2a2a2d 50%, #1a1a1d 75%);
  background-size: 200% 100%;
  animation: Console_loading__Y5V72 1.5s infinite;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
}

@keyframes Console_loading__Y5V72 {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./components/Hero.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.Hero_container__uaTFp {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 80px;
  perspective: 1000px;
}

.Hero_content__WDVga {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px; /* Reduced from 60px */
  padding-top: 40px;
  overflow: visible;
}

.Hero_titleWrapper__TjgsC {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: visible;
  gap: 0px; /* Ensure no gap between title lines inside wrapper */
}

.Hero_titleBackground__LXB5m {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120%;
  height: 200%;
  z-index: -1;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Hero_glowCircle__vCpb8 {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 251, 255, 0.15) 0%, rgba(0, 251, 255, 0) 70%);
  filter: blur(40px);
}

.Hero_glowCircle2__U5GMc {
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(0, 251, 255, 0.1) 0%, rgba(0, 251, 255, 0) 70%);
  filter: blur(60px);
  transform: translate(20px, -20px);
}

.Hero_titleContainer__P6nJF {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: visible;
}

.Hero_title__h4PJ2 {
  font-size: clamp(2.5rem, 6vw, 4.2rem); 
  font-weight: 900;
  line-height: 1.1; /* Slightly tighter line-height */
  margin: 0;
  letter-spacing: -1px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; 
  overflow: visible; 
  padding: 5px 0; /* Reduced from 15px */
}

.Hero_wordWrapper__yhWC1 {
  display: flex;
}

.Hero_char__5E_Vd {
  display: inline-block;
  opacity: 0;
  will-change: transform, opacity;
  transform-origin: center bottom;
  color: #fff;
}

.Hero_highlightChar__tBpzV {
  color: #00fbff; /* Keep the color, but the glowing animation is removed in JS */
}

.Hero_space__TVJPg {
  display: inline-block;
}

.Hero_scanningLinesContainer__XP6cF {
  position: relative;
  width: 100%;
  height: 20px;
  margin-top: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.Hero_persistentLine__Aydtp {
  width: 30%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #00fbff, transparent);
  box-shadow: 0 0-12px #00fbff;
  opacity: 0;
  transform: translateX(-150%);
}

.Hero_subtitle__WCdI_ {
  font-size: clamp(1rem, 3vw, 1.2rem);
  color: #666;
  max-width: 600px;
  margin: 25px auto 0;
}

/* Terminal & Bootloader Container */
.Hero_terminalContainer__YamaC {
  width: 100%;
  max-width: 600px;
  min-height: 200px;
  display: grid;
  place-items: center;
  position: relative;
}

.Hero_bootLoader__R3P04, .Hero_terminalBox__BbSo9 {
  grid-area: 1 / 1;
  width: 100%;
}

.Hero_terminalBox__BbSo9 {
  background: rgba(15, 15, 15, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 30px 60px rgba(0,0,0,0.5);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  text-align: left;
  transform-origin: center;
  will-change: transform, opacity, filter;
}

.Hero_bootLoader__R3P04 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 200px;
}

.Hero_bootTitle__uw3Yb {
  font-family: 'JetBrains Mono', monospace;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 4px;
  color: #fff;
  opacity: 0.9;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

.Hero_loadingBarBg__pXbec {
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  overflow: hidden;
}

.Hero_loadingBarFill__8a_jA {
  height: 100%;
  background: #fff;
  box-shadow: 0 0 10px #fff;
}


.Hero_terminalHeader__ch6cS {
  background: rgba(255, 255, 255, 0.05);
  padding: 12px 15px;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.Hero_terminalTitle__5y7N7 {
  font-size: 11px;
  color: #444;
  font-family: 'JetBrains Mono', monospace;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.Hero_terminalBody__1Hxek {
  padding: 25px;
  min-height: 160px;
}

@media (max-width: 768px) {
  .Hero_scanningLinesContainer__XP6cF {
    display: none;
  }

  .Hero_container__uaTFp {
    min-height: 90vh;
    padding-top: 60px;
  }

  .Hero_content__WDVga {
    gap: 10px; /* Further reduced gap on mobile */
    padding-top: 20px;
  }

  .Hero_title__h4PJ2 {
    font-size: clamp(1.8rem, 10vw, 3rem);
    line-height: 1.0; /* Tighter line height */
    display: block; 
    width: 100%;
    margin: 0; /* Removed margin */
    text-align: center;
    padding: 2px 0;
  }

  .Hero_wordWrapper__yhWC1 {
    display: inline-flex; /* Letters stay together within a word */
    white-space: nowrap;
    margin: 0 3px;
  }

  .Hero_content__WDVga {
    padding: 0 10px;
    gap: 20px;
  }

  .Hero_terminalContainer__YamaC {
    max-width: 95%;
    margin-top: 20px;
  }

  .Hero_subtitle__WCdI_ {
    font-size: 0.95rem;
    padding: 0 20px;
    margin-top: 15px;
  }

  .Hero_terminalContainer__YamaC {
    max-width: 90%;
    min-height: 150px;
  }

  .Hero_terminalBox__BbSo9 {
    transform: none !important; /* Disable parallax tilt on mobile for stability */
  }

  .Hero_terminalBody__1Hxek {
    padding: 15px;
    font-size: 13px;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./components/Skeleton.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.Skeleton_skeleton__cMIzU {
  background: linear-gradient(90deg, #2a2a2d 25%, #3a3a3d 50%, #2a2a2d 75%);
  background-size: 200% 100%;
  animation: Skeleton_loading__vCOEJ 1.5s infinite;
  border-radius: 4px;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
}

@keyframes Skeleton_loading__vCOEJ {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./components/GlowingSquares.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.GlowingSquares_container__843xk {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  perspective: 1200px;
}

.GlowingSquares_squareWrapper__ffJGU {
  position: absolute;
  transform-style: preserve-3d;
  will-change: transform;
}

.GlowingSquares_left__lYkPD {
  top: 50px; /* Fixed pixels */
  left: -2%;
}

.GlowingSquares_right__TbaBC {
  bottom: 50px; /* Fixed pixels */
  right: -2%;
}

.GlowingSquares_cube__wDUPw {
  position: relative;
  width: 120px;
  height: 120px;
  transform-style: preserve-3d;
  animation: GlowingSquares_slowSpin__OTvYl 20s infinite linear;
}

.GlowingSquares_face__xrKT1 {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}

.GlowingSquares_line__kLrIM {
  position: absolute;
  background: currentColor;
  box-shadow: 0 0 15px currentColor;
  opacity: 0.6;
}

/* Wireframe edges per face */
.GlowingSquares_line__kLrIM:nth-child(1) { top: 0; left: 0; width: 100%; height: 1px; }
.GlowingSquares_line__kLrIM:nth-child(2) { bottom: 0; left: 0; width: 100%; height: 1px; }
.GlowingSquares_line__kLrIM:nth-child(3) { top: 0; left: 0; width: 1px; height: 100%; }
.GlowingSquares_line__kLrIM:nth-child(4) { top: 0; right: 0; width: 1px; height: 100%; }

.GlowingSquares_cyan__5kQHr { color: #00fbff; }
.GlowingSquares_magenta__IGzao { color: #ff0055; }

@keyframes GlowingSquares_slowSpin__OTvYl {
  from { transform: rotateX(0deg) rotateY(0deg); }
  to { transform: rotateX(360deg) rotateY(360deg); }
}

@media (max-width: 768px) {
  .GlowingSquares_squareWrapper__ffJGU { scale: 0.5; }
  .GlowingSquares_left__lYkPD { left: 0; }
  .GlowingSquares_right__TbaBC { 
    right: 0; 
    bottom: -100px; /* Moved lower on mobile */
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./components/AboutSection.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.AboutSection_container___EsDq {
  min-height: 70vh; /* Reduced from 100vh */
  display: flex;
  align-items: center;
  padding: 20px 0; /* Reduced padding */
  position: relative; /* Added for absolute children like GlowingSquares */
  scroll-margin-top: 250px; /* Matched with JS offset */
  overflow: visible; /* Ensure glows don't get cut off harshly if possible, but watch out for horizontal scroll */
}

/* Background Glows */
.AboutSection_bgGlowContainer__x08ii {
  position: absolute;
  top: 50%;
  left: 30%; /* Position it more towards the text side or center */
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.AboutSection_glowCircle__EwICm {
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 251, 255, 0.15) 0%, rgba(0, 251, 255, 0) 70%);
  filter: blur(50px);
}

.AboutSection_glowCircle2__edPIo {
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(0, 251, 255, 0.1) 0%, rgba(0, 251, 255, 0) 70%);
  filter: blur(70px);
  transform: translate(40px, -40px);
}


/* Floating "Open File" Windows */
.AboutSection_circle1__84YNp, .AboutSection_circle2__jPBmN, .AboutSection_circle3__yKqMO {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  background: #1a1a1a;
  border-radius: 8px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  will-change: transform, opacity;
}

.AboutSection_windowHeader__qABLc {
  height: 28px;
  background: #252525;
  border-bottom: 1px solid #333;
  display: flex;
  align-items: center;
  padding: 0 10px;
  gap: 10px;
}

.AboutSection_windowControls__h6qDO {
  display: flex;
  gap: 6px;
}

.AboutSection_control__MFrM5 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #444;
}
.AboutSection_control__MFrM5:nth-child(1) { background: #ff5f56; }
.AboutSection_control__MFrM5:nth-child(2) { background: #ffbd2e; }
.AboutSection_control__MFrM5:nth-child(3) { background: #27c93f; }

.AboutSection_windowTitle__DhV1E {
  font-family: 'Consolas', monospace;
  font-size: 11px;
  color: #888;
  margin-left: auto; /* Push to right or center? Let's try right aligned or just flex */
  margin-right: auto;
  transform: translateX(-18px); /* Center visually compensating for controls */
}

.AboutSection_windowContent__hXLCU {
  flex: 1 1;
  position: relative;
  overflow: hidden;
  background: #000;
}

.AboutSection_windowContent__hXLCU img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
  filter: grayscale(100%) contrast(1.1); /* Keep the B&W vibe */
}

/* Positioning - Floating "Exposé" style */
.AboutSection_circle1__84YNp {
  width: 320px;
  height: 400px;
  top: -80px; /* Fixed pixels instead of % to prevent shifting */
  right: 9%; /* Moved left further */
  left: auto;
  transform: rotate(3deg);
}

.AboutSection_grid__2YYGO {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); /* Force columns to respect bounds */
  grid-gap: 60px;
  gap: 60px;
  align-items: center;
  position: relative;
  z-index: 2; /* Content on top */
  width: 100%; /* Ensure grid fills container */
}

.AboutSection_textContent__xzMX3 {
  min-width: 0;
  width: 100%;
}

.AboutSection_terminalContainer__zvjCq {
  width: 100%;
  height: 450px; /* Fixed height matching terminalBox */
  display: grid;
  place-items: center;
  position: relative;
  max-width: 100%;
}

.AboutSection_terminalBox__p4RZ5 {
  background: rgba(15, 15, 15, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  overflow: hidden; /* This covers both X and Y unless overridden */
  box-shadow: 0 30px 60px rgba(0,0,0,0.5);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  text-align: left;
  transform-origin: center;
  will-change: transform, opacity, filter;
  height: 450px !important; /* Force fixed total height */
  max-height: 450px !important;
  width: 100%;
  max-width: 100%; /* Prevent width expansion */
  display: flex;
  flex-direction: column;
  overflow-x: hidden; /* Strictly no horizontal expansion */
}

.AboutSection_bootLoader__l_BpU {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 200px;
}

.AboutSection_bootTitle__LVHzh {
  font-family: 'JetBrains Mono', monospace;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 4px;
  color: #fff;
  opacity: 0.9;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

.AboutSection_loadingBarBg__gkaYT {
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  overflow: hidden;
}

.AboutSection_loadingBarFill__tXkFE {
  height: 100%;
  background: #fff;
  box-shadow: 0 0 10px #fff;
}

.AboutSection_terminalHeader__OJE8K {
  background: rgba(255, 255, 255, 0.05);
  padding: 12px 15px;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.AboutSection_terminalTitle__N_f3S {
  font-size: 11px;
  color: #444;
  font-family: 'JetBrains Mono', monospace;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.AboutSection_terminalBody__OMx7f {
  padding: 25px;
  height: 400px; /* Fixed height */
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  overflow-y: auto; /* Allow scrolling */
  display: flex;
  flex-direction: column;
  gap: 15px;
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.AboutSection_terminalBody__OMx7f::-webkit-scrollbar {
  width: 6px;
}

.AboutSection_terminalBody__OMx7f::-webkit-scrollbar-track {
  background: transparent;
}

.AboutSection_terminalBody__OMx7f::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}

.AboutSection_output___jk06 {
  color: #666; /* Match Hero subtitle color or muted terminal text */
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.6;
  width: calc(100% - 20px); /* Reduced width */
  word-wrap: break-word;
  white-space: pre-wrap;
}

.AboutSection_glassCard__mWkRn {
  background: rgba(255, 255, 255, 0.03);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 30px;
  position: relative;
}

.AboutSection_codeSnippet__sUZK6 {
  font-family: 'Consolas', monospace;
  font-size: 14px;
  color: #00fbff;
  display: block; /* Shown by default on desktop */
}

.AboutSection_mobileInfo__FBFMz {
  font-family: 'JetBrains Mono', monospace;
  font-size: 18px;
  line-height: 1.6;
  color: #ccc;
  text-align: left;
  display: none; /* Hidden by default on desktop */
}

.AboutSection_mobileInfo__FBFMz p:last-child {
  border-left: 2px solid #00fbff;
  padding-left: 15px;
  color: #eee;
}

@media (max-width: 900px) {
  .AboutSection_photoContainer__cZBzj {
     width: 100%;
     min-height: 300px;
     display: flex;
     justify-content: center;
  }

  .AboutSection_bgGlowContainer__x08ii {
     left: 50%; /* Center on mobile */
  }

  .AboutSection_codeSnippet__sUZK6 {
    display: none; /* Hide code on mobile */
  }
  .AboutSection_mobileInfo__FBFMz {
    display: block; /* Show text on mobile */
    font-size: 16px;
  }
  .AboutSection_container___EsDq {
    padding: 30px 15px; /* Reduced top padding */
    min-height: auto;
    display: block; /* Simpler flow for mobile */
    scroll-margin-top: 150px !important; /* Adjusted from 350px */
  }

  .AboutSection_grid__2YYGO {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px; /* Reduced gap from 40px */
    width: 100%;
    text-align: center;
  }
  
  .AboutSection_visuals__zOI7e {
    order: 1; /* Card below photo */
    width: 100%;
    max-width: 500px;
    margin-top: 10px; /* Reduced margin */
  }

  .AboutSection_circle1__84YNp {
    position: relative; /* Change from absolute to relative for easier flow */
    display: flex !important; /* Force visibility */
    width: 280px; /* Increased size to look better as square */
    height: 280px; /* Set height same as width for 1:1 */
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto 10px; /* Reduced bottom margin from 30px to 10px */
    transform: rotate(2deg);
    z-index: 5;
    pointer-events: auto;
  }

  .AboutSection_terminalContainer__zvjCq, .AboutSection_terminalBox__p4RZ5 {
    display: none !important; /* Hide terminal on mobile as requested */
  }

  .AboutSection_sectionTitle___r70_ {
    font-size: 24px; /* Reduced font size */
    margin-bottom: 20px;
    text-align: center;
  }

  .AboutSection_output___jk06 {
    font-size: 12px;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  /* circle1 display controlled by JS now */
  
  .AboutSection_glassCard__mWkRn {
    padding: 15px;
  }

  .AboutSection_codeSnippet__sUZK6 {
    font-size: 12px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./components/ProjectsSection.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.ProjectsSection_container__XUDgv {
  padding: 100px 0;
  scroll-margin-top: 250px; /* Matched with JS offset */
}

.ProjectsSection_sectionTitle__krycB {
  font-size: 40px;
  margin-bottom: 50px;
  text-align: center;
}

.ProjectsSection_grid__DII50 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 30px;
  gap: 30px;
}

.ProjectsSection_projectCard__L2AFL {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  overflow: hidden;
  transition: border-color 0.3s;
}

.ProjectsSection_projectCard__L2AFL:hover {
  border-color: #00fbff;
}

.ProjectsSection_clickable__95za7 {
  cursor: pointer;
}

.ProjectsSection_cardHeader__BG2GN {
  background: rgba(255, 255, 255, 0.03);
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.ProjectsSection_fileIcon__z6BAE { font-size: 14px; }
.ProjectsSection_fileName__hEgKs { font-family: monospace; font-size: 12px; color: #666; flex-grow: 1; }

.ProjectsSection_statusBadge__KPc_1 {
  font-family: monospace;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: bold;
}

.ProjectsSection_statusAvailable__6wyMS {
  background: rgba(0, 255, 136, 0.1);
  color: #00ff88;
  border: 1px solid rgba(0, 255, 136, 0.2);
}

.ProjectsSection_statusDev__rjKom {
  background: rgba(255, 187, 0, 0.1);
  color: #ffbb00;
  border: 1px solid rgba(255, 187, 0, 0.2);
}

.ProjectsSection_statusArchived__qMpLo {
  background: rgba(150, 150, 150, 0.1);
  color: #999;
  border: 1px solid rgba(150, 150, 150, 0.2);
}

.ProjectsSection_cardBody__2aEw_ {
  padding: 30px;
}

.ProjectsSection_cardBody__2aEw_ h3 { margin: 0 0 15px; font-size: 24px; }
.ProjectsSection_cardBody__2aEw_ p { color: #888; line-height: 1.6; margin-bottom: 25px; }

.ProjectsSection_tags__YSjdI { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 25px; }
.ProjectsSection_tag__huw85 {
  font-family: monospace;
  font-size: 12px;
  background: rgba(0, 251, 255, 0.05);
  color: #00fbff;
  padding: 4px 10px;
  border-radius: 4px;
}

.ProjectsSection_viewBtn__PqLAi {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-family: monospace;
  font-size: 14px;
  border-bottom: 1px solid #00fbff;
  padding-bottom: 2px;
}

.ProjectsSection_viewBtn__PqLAi:hover {
  color: #00fbff;
}

@media (max-width: 768px) {
  .ProjectsSection_container__XUDgv {
    padding: 60px 0;
    scroll-margin-top: 80px;
  }

  .ProjectsSection_sectionTitle__krycB {
    font-size: 32px;
    margin-bottom: 30px;
  }

  .ProjectsSection_grid__DII50 {
    grid-template-columns: 1fr; /* Stack cards on mobile */
    gap: 20px;
  }

  .ProjectsSection_cardBody__2aEw_ {
    padding: 20px;
  }

  .ProjectsSection_cardBody__2aEw_ h3 {
    font-size: 20px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./components/ParallaxBackground.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.ParallaxBackground_container__L3PAN {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  background-color: #050505;
}

.ParallaxBackground_blob__k5PlX {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.15;
  mix-blend-mode: screen;
}

.ParallaxBackground_red__Bz1P6 {
  top: 10%;
  left: 5%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, #ff0000 0%, transparent 70%);
}

.ParallaxBackground_blue__u04_1 {
  bottom: 10%;
  right: 5%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, #007bff 0%, transparent 70%);
}

.ParallaxBackground_redSmall__IZRfl {
  bottom: 20%;
  left: 20%;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, #ff0055 0%, transparent 70%);
  opacity: 0.1;
}

.ParallaxBackground_blueSmall__J69bG {
  top: 30%;
  right: 25%;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, #00fbff 0%, transparent 70%);
  opacity: 0.1;
}

@media (max-width: 768px) {
  .ParallaxBackground_red__Bz1P6, .ParallaxBackground_blue__u04_1 {
    width: 300px;
    height: 300px;
    filter: blur(50px);
  }
  .ParallaxBackground_redSmall__IZRfl, .ParallaxBackground_blueSmall__J69bG {
    display: none;
  }
  .ParallaxBackground_shape1__97ruk, .ParallaxBackground_shape2__i6llo {
    font-size: 20vw;
    opacity: 0.01;
  }
}

.ParallaxBackground_shape1__97ruk, .ParallaxBackground_shape2__i6llo {
  position: absolute;
  font-family: monospace;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.02);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ParallaxBackground_shape1__97ruk {
  top: 15%;
  right: 15%;
  font-size: 15vw;
}

.ParallaxBackground_shape2__i6llo {
  bottom: 20%;
  left: 5%;
  font-size: 12vw;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./components/BottomNav.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.BottomNav_horizontalNav__qq9Bb {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%); /* Centered on mobile */
  z-index: 1000;
  display: none; /* Hidden by default (desktop) */
  flex-direction: row;
  gap: 10px;
  background-color: rgba(10, 10, 10, 0.5);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  padding: 8px 15px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
  .BottomNav_horizontalNav__qq9Bb {
    display: flex; /* Shown only on mobile */
  }
}

.BottomNav_floatingButton__RsM_H {
  width: auto;
  padding: 0.6rem 1.2rem;
  border-radius: 25px;
  background-color: transparent;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  font-size: 0.85rem;
  transition: all 0.3s ease;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
}

.BottomNav_floatingButton__RsM_H.BottomNav_active__ekbDJ {
  background-color: rgba(0, 251, 255, 0.2);
  color: #00fbff;
  box-shadow: 0 0 15px rgba(0, 251, 255, 0.2);
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./app/Page.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.Page_pageWrapper__DtbbB {
  width: 100%;
  min-height: 100vh;
  position: relative;
  background-color: #050505;
  color: #fff;
  overflow-x: hidden;
}

.Page_bgGradient__1EmWL {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 50% 50%, #1a1a2e 0%, #050505 100%);
  z-index: -2;
}

.Page_mainContent__T0waO {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.Page_footer__MowYo {
  padding: 40px 20px;
  text-align: center;
  font-family: monospace;
  font-size: 12px;
  color: #666;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

@media (max-width: 768px) {
  .Page_mainContent__T0waO {
    padding: 0 15px;
    overflow-x: hidden;
  }
}