body {
    background-color: #141921;
    color: white;
    font-family: 'Segoe UI', sans-serif;
  }
  .navbar {
    background-color: #000;
  }
  .card {
    /* background-color: #1e293b; */
    display: flex;
  justify-content: center;
  flex-flow: wrap;
  background: #111111;
  backdrop-filter: blur(5px);
  border: 1px solid rgb(167 167 167 / 10%) !important;
  }
  .maav-card-des{
    padding: 20px;
  display: flex;
  flex-direction: column;
  border-top: 0.7px solid rgba(125, 190, 252, 0.1);
  margin-top: 35px;
  border-radius: 13px;
  }
  .card-title {
    color: #fff;
    
  }
  .card-text {
    color: #757a80;
  }
    .glass-navbar {
      position: fixed;
      width: 100%;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .navbar-brand img {
    height: 40px;
    width: auto;
  }
  .logo_size{
      padding: 7px;
  opacity: 0.8;
  }
  .maav-btn-outline {
  border-radius: 7px;
  letter-spacing: 0.5px;
  color: #c4c4c4 !important;
  background: rgb(255 255 255 / 96%);
  backdrop-filter: blur(5px);
  border: 1px solid rgb(38 38 38 / 0%) !important;
  
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: none;
}
.lead{
font-size: 1rem !important;
}

.maav-btn-outline:hover {
border-color: rgba(100, 134, 143, 0.5) !important;
box-shadow:
  0 0 2px rgba(52, 126, 138, 0.2),
  0 0 6px rgba(52, 126, 138, 0.25),
  0 0 12px rgba(52, 126, 138, 0.15);
}
.glass-icon-wrapper {

width: fit-content;
  padding: 30px;
  border-radius: 7px;
  background: rgb(75 75 75 / 5%);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: inset 0 0 0.5px rgba(255, 255, 255, 0.1), 0 8px 24px rgba(0, 0, 0, 0.2)
}


.maav-pulse-icon {
width: 66px;
animation: softBlink 2.5s ease-in-out infinite;
filter: drop-shadow(0 0 2px #00ffcc);
}

@keyframes softBlink {
0%, 100% {
  opacity: 0.2;
  filter: drop-shadow(0 0 2px #c4ebf6);
}
50% {
  opacity: 1;
  filter: drop-shadow(0 0 8px #c4ebf6);
}
}
.hero-title, h2 {
font-family: 'Orbitron', sans-serif;
letter-spacing: 4px;
}

.maav-des{
font-family: 'Orbitron', sans-serif;
letter-spacing: 2px;
font-size: 15px; 
margin: 24px; 
margin-top: 0px; 
height: 40px; 
width: 500px;


}
.maav-des-box{
z-index: 1;
  top: 72%;
  /* border: 1px solid; */
  border-radius: 10px;
  padding: 20px;
  background: rgb(0 0 0 / 5%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(20px);
  /* border: 1px solid rgba(255, 255, 255, 0.10); */
  /* box-shadow: inset 0 0 0.5px rgba(255, 255, 255, 0.1), 0 8px 24px rgba(0, 0, 0, 0.2); */
}
.maav-span{
color: rgb(128 127 74) !important
}
.hero-map-wrapper {
overflow: hidden;
z-index: 0;
}

.hero-map-img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.5;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}

/* 🟢 Layer 1: Animated gradient glow */
.hero-map-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
  135deg,
  rgba(122, 94, 255, 0.08),    /* Soft purple glow */
  rgba(76, 110, 245, 0.06),    /* Cool blue */
  rgba(200, 200, 255, 0.04),   /* Faint icy tone */
  rgba(255, 255, 255, 0.015)   /* Soft white flicker */
);
background-size: 300% 300%;
animation: glowShift 12s ease-in-out infinite;
z-index: 1;
pointer-events: none;
backdrop-filter: blur(5px);
}

/* 🟣 Layer 2: Futuristic grid/scanlines */
.hero-grid-overlay {
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(
  to bottom,
  rgba(255, 255, 255, 0.02),
  rgba(255, 255, 255, 0.02) 1px,
  transparent 1px,
  transparent 4px
);
animation: gridPulse 6s linear infinite;
z-index: 2;
pointer-events: none;
mix-blend-mode: overlay;
}

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

@keyframes gridPulse {
0%, 100% { opacity: 0.06; }
50% { opacity: 0.12; }
}


.glass-hero-box {
    /* background: rgba(255, 255, 255, 0.05); */
    backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  /* box-shadow: 0 0 24px rgba(0, 255, 204, 0.08); */
  
  margin: 0 auto;
  transition: all 0.3s ease;
  padding: 45px !important;
   width: 650px; 
}

#maav-typewriter {
white-space: pre-wrap;
}

#maav-typewriter::after {
content: '|';
animation: blink 0.8s infinite;
}
@keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0; }
}
.maav-particle-layer {
position: absolute;
inset: 0;
z-index: 3;
pointer-events: none;
overflow: hidden;
}

.maav-particle-layer::before {
content: '';
position: absolute;
width: 300%;
height: 300%;
background-image:
  radial-gradient(2px 2px at 20% 30%, rgba(255, 255, 255, 0.2), transparent),
  radial-gradient(2px 2px at 70% 80%, rgba(255, 255, 255, 0.15), transparent),
  radial-gradient(2px 2px at 40% 60%, rgba(255, 255, 255, 0.25), transparent),
  radial-gradient(2px 2px at 90% 10%, rgba(255, 255, 255, 0.12), transparent),
  radial-gradient(2px 2px at 10% 90%, rgba(255, 255, 255, 0.18), transparent);
animation: particlesMove 50s linear infinite;
background-repeat: no-repeat;
filter: blur(0.5px) brightness(1.2);

}

@keyframes particlesMove {
0% {
  transform: translate(0, 0);
}
100% {
  transform: translate(-30%, -20%);
}
}
#particles-js {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
pointer-events: none;
}

canvas.particles-js-canvas-el {
position: absolute;
top: 0;
left: 0;
}

.explore-btn {
font-family: 'Orbitron', sans-serif;
font-size: 14px;
letter-spacing: 1px;
transition: color 0.3s ease;
}



.arrow-down {
width: 12px;
  height: 12px;
  border-left: 2px solid #dadada;
  border-bottom: 2px solid #dadada;
  transform: rotate(-45deg) !important;
  animation: bounceArrow 1.5s ease-in-out infinite;
  opacity: 0.8;
  filter: drop-shadow(0 0 2px #dadada);
}
@keyframes bounceArrow {
0%, 100% {
  transform: translateY(0);
}
50% {
  transform: translateY(-8px);
}
}
.text-gradient {
background: linear-gradient(90deg, #00ffd0, #00bfff, #a270f0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.text-cyan-glow {
color: #00ffd0;
text-shadow: 0 0 5px #00ffd0, 0 0 10px #00ffd0;
}

.shadow-glow {
box-shadow: 0 0 40px rgba(0, 255, 208, 0.2);
}

section#about {
backdrop-filter: blur(4px);
background: rgba(0,0,0,0.3);
}
.maav-header-text{
color: rgb(174 174 174) !important;
}
.overlay-blur-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(7px);
  background: rgba(10, 15, 10, 0.2); /* translucent greenish-black */
  z-index: 0.5; /* Between canvas (z=0) and content (z=1) */
  pointer-events: none; /* Allow clicks to pass through */
}

.bio-gradient-bg {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 0;
  background: radial-gradient(
    circle at center,
    rgba(0, 255, 136, 0.07),
    rgba(0, 212, 255, 0.05),
    rgba(10, 15, 10, 0.9)
  );
  animation: organicPulse 8s ease-in-out infinite alternate;
  background-blend-mode: overlay;
  pointer-events: none;
}

@keyframes organicPulse {
  0% { filter: blur(6px); }
  100% { filter: blur(8px); }
}
.maav-impact-style-before{
  border-radius: 12px;
  padding: 24px;
  border: 1px dashed #6c6c6c;
  
}
.maav-impact-text-before{
  font-size: 18px;
  color: #6c6c6c;
  margin: 0px;
}
.maav-impact-style-after{
  border-radius: 12px;
  padding: 24px;
  border: 1px dashed #446355;
  
}
.maav-impact-text-after{
font-size: 18px;
  color: #446355;
  margin: 0px;
}
@keyframes dash-flow {
to {
  background-position: 0 100%;
}
}

.maav-energy-line {
position: relative;
  width: 2px;
  height: 40px;
  background-image: linear-gradient(rgb(233 233 233 / 40%) 50%, transparent 50%);
  background-size: 100% 10px;
  background-repeat: repeat-y;
  animation: dash-flow 1s linear infinite;
  top: -19%;
}

.maav-arrowhead {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid rgba(68, 99, 85,0.7);
margin-top: 4px;
}
.maav-footer{
margin: 0px;
  margin-top: 0px !important;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  border-top: 1px solid #1f1f1f !important;
  color: #777777 !important;
  background: #0c0c0c;
}
.maav-broken-dia{
padding: 58px;
  border-radius: 20px;
  /* background: rgb(70 144 200 / 4%); */
  /* backdrop-filter: blur(5px); */
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgb(119 119 119 / 10%);
}
.maav-tech-bg{
background: #111111 !important;
}
.maav-footer-btn{
border: 1px solid rgb(38 38 38 / 63%) !important;

}
.maav-join-us{
  position: relative; 
  overflow: hidden; 
  background: #0a0f0a; 
  color: #fff; 
  padding: 40px 20px;
}
.contact-section {
  background: #0a0f0a;
  color: #fff;
  padding: 80px 20px;
  display: flex;
  justify-content: center;
}

.contact-container {
  max-width: 600px;
  width: 100%;
  background: rgba(255, 255, 255, 0.05);
  padding: 40px;
  border-radius: 16px;
  backdrop-filter: blur(10px);
  box-shadow: 0 0 20px rgba(0, 255, 136, 0.1);
  text-align: center;
}

.contact-container h2 {
  margin-bottom: 10px;
  font-size: 2rem;
}

.contact-subtext {
  color: #aaa;
  font-size: 0.95rem;
  margin-bottom: 20px;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.contact-form input,
.contact-form textarea {
  padding: 12px 16px;
  font-size: 1rem;
  border: none;
  border-radius: 8px;
  background: #1a1f1a;
  color: #fff;
}

.contact-form textarea {
  resize: vertical;
  min-height: 100px;
}

.contact-form button {
  padding: 12px 24px;
  font-size: 1rem;
  border: none;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.4);
  color: #0a0f0a;
  cursor: pointer;
  backdrop-filter: blur(10px);
  transition: 0.3s ease;
}

.contact-form button:hover {
  background: rgba(255, 255, 255, 0.8);
}

.contact-success-message {
  margin-top: 16px;
  color: #90ee90;
  font-size: 0.95rem;
}

.maav-contact{
  background: transparent !important;
  color: white;
    height: 100vh;
    padding-top: 6rem !important;
    padding-bottom: 0px !important;
}
.maav-contact-input-box{
  border: 1px solid #60606021;
  background: #141921 !important;
}




@media (max-width: 767px) {
  .navbar-brand img{
    height: 35px !important;
  }
  .glass-hero-box{
    width: 85vw;
    height: 385px;
  }
  .maav-des{
    width: 75vw;
    font-size: 0.7rem !important;
  }
  .hero-title{
    font-size: 1.5rem !important;
        color: #c2c2c2 !important;
        margin-bottom: 40px !important;
  }
  .maav-broken-dia{
    padding: 22px !important;
  }
  .maav-header-text{
    font-size: 1.8rem !important;
  }
  .maav-join-us{
    padding: 30px 20px !important;
  }
  .maav-contact-input-box{
    border: none !important;
  }
  .maav-subscriber-input{
    min-width: 190px !important;
  }
}