nav{
  padding: 0% !important;
}


.contact-body {
  background: radial-gradient(circle at top, #1a1a1a, #000);
  padding-top: 120px;
  color: #fff;
}

.contact-hero {
  padding: 160px 20px 90px;
}

.contact-title {
  font-size: 3.2rem;
  font-weight: 900;
}

.contact-title span {
  color: #D4A552;
  text-shadow: 0 0 20px #D4A552;
}

.contact-subtitle {
  color: #ccc;
  font-size: 1.2rem;
}



.fade-in {
  animation: fadeIn 1.2s ease;
}

.slide-up {
  animation: slideUp 1.2s ease;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideUp {
  from { transform: translateY(40px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}



.contact-card {
  background: rgba(0,0,0,0.6);
  border: 1px solid rgba(212,165,82,0.4);
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 0 30px rgba(212,165,82,0.25);
  transition: 0.4s ease;
}

.contact-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 0 45px rgba(212,165,82,0.45);
}

.contact-card h4 {
  color: #D4A552;
  margin-bottom: 20px;
}

.contact-card i {
  color: #D4A552;
  margin-right: 8px;
}



.social-links a {
  font-size: 1.4rem;
  color: #D4A552;
  margin-right: 15px;
  transition: 0.3s;
}

.social-links a:hover {
  color: #fff;
}



.form-control {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(212,165,82,0.4);
  color: #fff;
}

.form-control::placeholder {
  color: #bbb;
}

.form-control:focus {
  background: rgba(255,255,255,0.12);
  color: #fff;
  border-color: #D4A552;
  box-shadow: none;
}



#map {
  height: 280px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(212,165,82,0.3);
}



@media (max-width: 992px) {
  .contact-hero {
    padding: 140px 20px 80px;
  }
}

@media (max-width: 768px) {
  .contact-title {
    font-size: 2.3rem;
  }
}

::-webkit-scrollbar {
    width: 12px;
    background: #0a0e17;
}

::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #D4A552, #B8860B);
    border-radius: 10px;
    border: 2px solid #0a0e17;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(45deg, #B8860B, #D4A552);
}
.game-card, .console-card, .category-card {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: perspective(1000px) rotateX(0) rotateY(0);
}