/* Footer Styles */
#main-footer {
  background: rgba(5, 5, 10, 0.95);
  position: relative;
  padding: var(--spacing-lg) var(--spacing-md) var(--spacing-md);
  overflow: hidden;
}

#main-footer:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, 
    transparent, 
    var(--neon-crimson), 
    var(--electric-cyan), 
    var(--thunder-yellow), 
    transparent
  );
  opacity: 0.7;
}

.footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-lg);
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-logo {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

.footer-logo svg {
  filter: drop-shadow(0 0 3px var(--neon-crimson));
}

.footer-logo span {
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: 1.2rem;
  color: var(--text-primary);
  letter-spacing: 1px;
}

.footer-links {
  display: flex;
  gap: var(--spacing-lg);
}

.footer-links a {
  color: var(--text-secondary);
  font-size: 0.9rem;
  transition: all var(--transition-fast);
}

.footer-links a:hover {
  color: var(--electric-cyan);
  text-shadow: var(--cyan-glow);
}

.footer-social {
  display: flex;
  gap: var(--spacing-md);
}

.social-icon {
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-medium);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
}

.discord-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300F5FF'%3E%3Cpath d='M19.952 5.672c-1.904-1.531-4.916-1.79-5.044-1.801-0.201-0.017-0.392 0.097-0.474 0.281-0.006 0.012-0.072 0.163-0.145 0.398 1.259 0.212 2.806 0.64 4.206 1.509 0.224 0.139 0.293 0.434 0.154 0.659-0.09 0.146-0.247 0.226-0.408 0.226-0.086 0-0.173-0.023-0.252-0.072-1.771-1.091-3.715-1.504-5.015-1.641-0.062 0.32-0.131 0.711-0.136 0.737-0.026 0.151-0.164 0.264-0.315 0.264h-0.017c-0.979 0.057-2.03 0.231-3.105 0.612-0.262 0.093-0.398 0.376-0.305 0.638 0.072 0.2 0.262 0.328 0.464 0.328 0.056 0 0.112-0.010 0.167-0.030 0.943-0.335 1.842-0.495 2.681-0.568-0.535 0.925-1.155 2.451-1.155 5.001 0 0.935 0.324 1.782 0.877 2.473-0.131 0.656-0.505 1.717-1.036 2.291-0.87 0.943-0.253 0.667 0.167 0.431 0.29-0.372 0.516-0.977 0.516-0.977-0.287 0.126-0.92 0.522-0.92 0.522 0.31-1.163 0.534-1.432 0.534-1.432 0.486-0.545 0.738-1.165 0.783-1.644 0.792 0.448 1.743 0.573 2.627 0.573 0.871 0 1.815-0.127 2.604-0.573 0.045 0.479 0.297 1.100 0.783 1.644 0 0 0.224 0.269 0.534 1.432 0 0-0.633-0.396-0.92-0.522 0 0 0.226 0.605 0.516 0.977 0.42 0.236 1.037 0.512 0.167-0.431-0.531-0.574-0.905-1.635-1.036-2.291 0.553-0.692 0.877-1.538 0.877-2.473 0-2.499-0.604-4.064-1.142-5.001 0.774 0.072 1.672 0.224 2.621 0.568 0.055 0.020 0.111 0.030 0.167 0.030 0.202 0 0.392-0.128 0.464-0.328 0.093-0.262-0.043-0.545-0.305-0.638-1.106-0.394-2.197-0.568-3.193-0.625-0.151 0-0.285-0.113-0.311-0.264-0.011-0.067-0.080-0.459-0.138-0.737-1.3 0.137-3.244 0.55-5.015 1.641-0.079 0.049-0.166 0.072-0.252 0.072-0.161 0-0.318-0.080-0.408-0.226-0.139-0.225-0.070-0.52 0.154-0.659 1.4-0.868 2.946-1.297 4.206-1.509-0.074-0.236-0.14-0.386-0.145-0.398-0.083-0.183-0.273-0.298-0.474-0.281-0.128 0.010-3.139 0.269-5.069 1.822-0.355 0.321-1.566 1.562-2.644 5.438-0.392 1.407-0.578 2.994-0.578 4.789 0 0.051 0.004 0.102 0.011 0.152 0.321 2.35 2.722 4.415 4.111 4.827 0.111 0.034 0.235 0.005 0.324-0.075 0.482-0.435 0.903-0.858 1.273-1.273 0.329-0.369 0.356-0.931 0.063-1.333-0.678-0.926-1.061-1.947-1.061-2.964 0-0.255 0.207-0.462 0.462-0.462s0.462 0.207 0.462 0.462c0 0.811 0.299 1.635 0.829 2.399 0.154 0.227 0.407 0.351 0.664 0.351 0.194 0 0.387-0.073 0.53-0.209 0.578-0.514 1.249-0.962 2.017-1.339 0.074-0.036 0.148-0.053 0.222-0.053 0.182 0 0.356 0.098 0.448 0.268 0.129 0.239 0.035 0.535-0.203 0.664-0.717 0.341-1.355 0.742-1.903 1.194-0.182 0.152-0.207 0.422-0.055 0.604 0.085 0.103 0.208 0.156 0.332 0.156 0.097 0 0.195-0.035 0.272-0.101 0.564-0.469 1.194-0.865 1.915-1.207 0.075-0.036 0.155-0.054 0.234-0.054 0.178 0 0.35 0.096 0.442 0.263 0.132 0.237 0.047 0.536-0.189 0.668-0.897 0.502-1.639 1.072-2.226 1.702-0.112 0.122-0.169 0.284-0.151 0.447 0.018 0.166 0.118 0.311 0.264 0.387 2.254 1.156 4.158 0.896 4.295 0.873 0.728-0.11 1.3-0.326 1.684-0.482 0.064-0.027 0.141-0.035 0.211-0.035 0.17 0 0.332 0.086 0.428 0.228 0.136 0.204 0.101 0.472-0.068 0.645-0.623 0.65-1.28 1.183-1.95 1.587-0.083 0.050-0.18 0.077-0.279 0.077-0.101 0-0.196-0.028-0.279-0.077-0.544-0.329-0.993-0.389-1.188-0.406-1.624-0.146-3.428-0.37-5.235-1.661-0.231-0.165-0.549-0.113-0.715 0.118-0.155 0.218-0.118 0.519 0.077 0.682 2.043 1.637 4.296 1.892 5.979 2.006 0.045 0.004 0.087 0.023 0.128 0.023 0.035 0 0.071-0.008 0.104-0.015 0.436-0.017 1.048-0.114 1.733-0.512 0.619-0.307 1.425-0.916 2.163-1.69 0.167-0.176 0.337-0.357 0.5-0.549 0.038-0.044 0.076-0.089 0.113-0.134 0.005-0.007 0.010-0.013 0.015-0.020 0.042-0.051 0.085-0.104 0.126-0.156 1.162-1.473 1.776-3.548 1.776-6.013 0-1.72-0.191-3.388-0.582-4.772-1.095-3.865-2.292-5.094-2.642-5.413zM9.333 16.266c-0.712 0-1.291-0.979-1.291-2.185s0.578-2.185 1.291-2.185c0.712 0 1.291 0.979 1.291 2.185s-0.578 2.185-1.291 2.185zM14.667 16.266c-0.712 0-1.291-0.979-1.291-2.185s0.578-2.185 1.291-2.185c0.712 0 1.291 0.979 1.291 2.185s-0.578 2.185-1.291 2.185z'%3E%3C/path%3E%3C/svg%3E");
}

.twitter-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF1E56'%3E%3Cpath d='M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z'/%3E%3C/svg%3E");
}

.instagram-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFD60A'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z'/%3E%3C/svg%3E");
}

.social-icon:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.discord-icon:hover {
  background-color: rgba(0, 245, 255, 0.2);
  box-shadow: 0 0 15px rgba(0, 245, 255, 0.5);
}

.twitter-icon:hover {
  background-color: rgba(255, 30, 86, 0.2);
  box-shadow: 0 0 15px rgba(255, 30, 86, 0.5);
}

.instagram-icon:hover {
  background-color: rgba(255, 214, 10, 0.2);
  box-shadow: 0 0 15px rgba(255, 214, 10, 0.5);
}

.footer-bottom {
  text-align: center;
  padding-top: var(--spacing-md);
}

.footer-bottom p {
  color: var(--text-muted);
  font-size: 0.8rem;
  margin: 0;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .footer-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--spacing-md);
  }
  
  .footer-links {
    flex-direction: column;
    gap: var(--spacing-sm);
  }
}

@media (max-width: 480px) {
  #main-footer {
    padding: var(--spacing-md) var(--spacing-sm) var(--spacing-sm);
  }
  
  .footer-social {
    gap: var(--spacing-sm);
  }
  
  .social-icon {
    width: 35px;
    height: 35px;
    background-size: 20px;
  }
}