/* ===== 404 Page Extra Styles ===== */
.error-hero .hero-content{
  text-align:center;
  gap:30px;
  animation:pulse 3s infinite;
}
.error-hero h1{
  font-size:120px;
  color:#00f0ff;
  text-shadow:0 0 40px #00f0ff;
}
.error-hero p{
  font-size:24px;
  color:white;
}
.error-hero .cta{
  padding:14px 30px;
  border-radius:30px;
  background:linear-gradient(45deg,#ff0070,#00f0ff);
  color:white;
  font-weight:bold;
}
.error-hero .cta:hover{
  transform:scale(1.07);
  box-shadow:0 0 40px rgba(0,240,255,0.6);
}
.section .error-link{
  display:block;
  padding:20px;
  margin:15px;
  text-align:center;
  background:rgba(10,10,15,0.85);
  border-radius:15px;
  color:#00f0ff;
  font-weight:bold;
  transition:transform .3s, box-shadow .3s;
}
.section .error-link:hover{
  transform:scale(1.05);
  box-shadow:0 20px 40px rgba(0,240,255,0.35);
}

/* Responsive Hero */
@media(max-width:1024px){
  .error-hero h1{font-size:80px;}
  .error-hero p{font-size:20px;}
}

@keyframes pulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.02);}
}