/*
Theme Name: Gaming Hub Theme
Theme URI: https://example.com
Author: Radon
Description: Gaming Hub WordPress Theme
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ---------- BACKGROUND ---------- */
body {
  background: linear-gradient(-45deg, #020617, #0f172a, #1e293b, #020617);
  background-size: 400% 400%;
  animation: bgMove 20s ease infinite;
  color: white;
  overflow-x: hidden;
  min-height: 100vh;
  font-family: 'Inter', sans-serif;
}

@keyframes bgMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.card {
  background: rgba(31, 41, 55, 0.85);
  border-radius: 16px;
  padding: 24px;
  text-align: center;
  transition: transform .3s ease, box-shadow .3s ease;
}

.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 0 20px rgba(34,197,94,.5);
}

.btn {
  padding: 10px 22px;
  border-radius: 12px;
  font-weight: 600;
  color: white;
  display: inline-block;
  text-decoration: none;
  transition: transform .3s ease;
}

.btn:hover {
  transform: scale(1.08);
}

.btn.green {
  background: linear-gradient(to right,#22c55e,#15803d);
}

.site-header,
.site-footer {
  background: #111827;
}

.site-footer {
  padding: 25px;
  text-align: center;
  color: #9ca3af;
}

.navbar {
  background: #1f2937;
  padding: 14px;
  text-align: center;
}

.navbar a {
  color: white;
  margin: 0 15px;
  text-decoration: none;
}

.navbar a:hover {
  color: #4ade80;
}