body[data-theme="light"] .footer{
  background:
  radial-gradient(circle at 20% 20%, rgba(21, 240, 236, 0.25), transparent 40%),
  radial-gradient(circle at 80% 80%, rgba(247, 250, 251, 0.25), transparent 40%),
  linear-gradient(180deg, #d0f3f5, #eaebee);
  color: #000;
}
/* Light Theme: Footer text black */
body[data-theme="light"] .footer,
body[data-theme="light"] .footer p,
body[data-theme="light"] .footer h2,
body[data-theme="light"] .footer h3,
body[data-theme="light"] .footer a,
body[data-theme="light"] .footer li{
  color:#000000be;
}

body[data-theme="light"] .footer a:hover{
  color:#ff0000 !important;
}



/* ===== FOOTER ===== */
.footer{
  background:
  radial-gradient(circle at 20% 20%, rgba(255,43,43,.25), transparent 40%),
  radial-gradient(circle at 80% 80%, rgba(0,234,255,.25), transparent 40%),
  linear-gradient(180deg, #05070f, #02040a);

  color:black;
  padding:60px 20px 20px;
  font-family: 'Segoe UI', sans-serif;
  border-top:1px solid rgba(0,234,255,.2);
}

.footer-container{  
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:40px;
}

.footer-brand img{
  width:150px;
  border-radius:50%;
  margin-bottom:10px;
}

.footer-brand h2{
   font-family:'Orbitron','Share Tech Mono',monospace;
  color:#00eaff;
  margin-bottom:8px;
}

.footer h3{
   font-family:'Orbitron','Share Tech Mono',monospace;
  margin-bottom:12px;
  color:#ffffff;
}

.footer p{
   font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-size:14px;
  line-height:1.6;
  color:#9fb7c3;
}

.footer-links ul,
.footer-legal ul{
   font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  list-style:none;
  padding:0;
}

.footer-links li,
.footer-legal li{
  margin-bottom:8px;
}

.footer a{
  color:#9fb7c3;
  text-decoration:none;
  transition:.3s;
}

.footer a:hover{
 color: red;
}

/* Remove list dots */
.footer ul{list-style:none;padding-left:0;margin-left:0;}
.footer li{list-style:none;}
.footer{
  text-align: center;
}

.social-icons{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:12px;
}

.social-icons a{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,234,255,.08);
  border-radius:50%;
  font-size:18px;
  transition:.3s;
}

.social-icons a:hover{
  background:#00eaff;
  color:#000;
}

.footer-bottom{
  margin-top:40px;
  padding-top:15px;
  border-top:1px solid rgba(0,234,255,.2);
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:space-between;
  font-size:13px;
}

.footer-bottom span{
  color:#00eaff;
  font-weight:600;
}




/* ✅ Mobile Responsive */
@media(max-width:900px){
  .footer-container{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:600px){
  .footer-container{
    grid-template-columns: 1fr;
    text-align:center;
  }

  .social-icons{
    grid-template-columns: repeat(5, 1fr);
    justify-items:center;
  }

  .footer-bottom{
    flex-direction:column;
    text-align:center;
  }
}

/*mobile responsive footer*/
@media(max-width:768px){
  .footer{
     text-align: center;
  }}

/*mobile responsive footer*/
  @media(max-width:480px){
    .footer p{font-size:.7rem;}
  .footer-brand img{
  width:100px;
}
}