body {
  font-family: 'Poppins', sans-serif;
  background-color: #121212;
  color: #e0e0e0;
}
.text-neon {
  color: #00ffa1;
  
}
.card {
  background-color: #1e1e1e;
  color: #fff;
  border-radius: 12px;
}
.btn-primary {
  background: linear-gradient(45deg, #007bff, #00ffa1);
  border: none;
}
.btn-success {
  background: linear-gradient(45deg, #00ffa1, #00d4ff);
  border: none;
}


.hero-banner {
  position: relative;
}
.hero-banner::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.55); /* dark overlay */
}
.hero-banner .container {
  position: relative;
  z-index: 2;
}
.blog-content {
  font-size: 1.1rem;
  line-height: 1.7;
}

.card img {
  object-fit: cover;
  height: 180px;
}
.card-title {
  font-size: 1rem;
  font-weight: 600;
}

.card-img-top {
  height: 220px;
  object-fit: cover;
}


.card-img-top {
  height: 200px;
  object-fit: cover;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.card-body {
  padding: 1rem;
}
.card-title {
  font-size: 1.05rem;
  font-weight: 600;
}

.newsletter-section {
  background: linear-gradient(45deg, #1c1c1c, #000);
  border-top: 2px solid #00ffa1;
}
.newsletter-section h2 {
  color: #00ffa1;
}
.newsletter-section input {
  background: #222;
  color: #fff;
  border: 1px solid #444;
}
.newsletter-section input:focus {
  border-color: #00ffa1;
  box-shadow: none;
}