.middle-content{
  padding:60px 20px;
  max-width:900px;
  margin:auto;
}

.middle-content h3{
  color:var(--primary);
  margin-bottom:20px;
}

.middle-content p{
  color:var(--text-muted);
  line-height:1.8;
}

/* ===============================
   middle-content PAGE DESIGN
================================ */

.middle-content-section{
  padding:60px 20px;
}

.middle-content-wrapper{
  max-width:900px;
  margin:auto;
  background:#111827;
  border:1px solid var(--primary-soft);
  border-radius:20px;
  padding:40px;
  box-shadow:0 0 30px #00000040;
}

.middle-content-wrapper h1{
  font-family:'Orbitron',sans-serif;
  color:var(--primary);
  margin-bottom:25px;
  text-align:center;
  text-shadow:0 0 10px var(--primary);
}

.middle-content-wrapper h2{
  color:var(--primary);
  margin-top:30px;
  margin-bottom:10px;
  font-size:20px;
}

.middle-content-wrapper p{
  color:var(--text-muted);
  line-height:1.8;
  font-size:15px;
}

.middle-content-wrapper ul{
  margin-top:10px;
  padding-left:20px;
}

.middle-content-wrapper ul li{
  color:var(--text-muted);
  margin-bottom:8px;
}

/* Contact Info Box */

.middle-content-info-box{
  margin-top:20px;
  padding:15px 20px;
  background:#0f172a;
  border-radius:12px;
  border:1px solid var(--primary-soft);
}

.middle-content-info-box strong{
  color:var(--primary);
}

/* Hover effect */
.middle-content-info-box:hover{
  border-color:var(--primary);
  box-shadow:0 0 15px var(--primary-soft);
  transition:0.3s;
}

/* Mobile Optimization */
@media(max-width:768px){

  .middle-content-wrapper{
    padding:25px;
  }

  .middle-content-wrapper h1{
    font-size:24px;
  }

  .middle-content-wrapper h2{
    font-size:18px;
  }

}