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

* {
  font-family: 'Tektur', sans-serif !important;
}

body {
  background: #050b18 !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #ffffff !important;
  text-shadow: 0 0 20px rgba(0, 220, 255, 0.5) !important;
  letter-spacing: 0.05em !important;
}

p, span, li, td, th {
  color: #a8c0d8 !important;
}

.btn, button, [class*="btn"] {
  border-radius: 8px !important;
  font-family: 'Tektur', sans-serif !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

.btn-primary, [class*="btn-primary"] {
  background: linear-gradient(135deg, #5865F2, #4752c4) !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 0 15px rgba(88, 101, 242, 0.4) !important;
}

.btn-primary:hover, [class*="btn-primary"]:hover {
  box-shadow: 0 0 30px rgba(88, 101, 242, 0.7) !important;
  transform: translateY(-2px) !important;
}

a[href*="discord.gg"] {
  border-radius: 8px !important;
  box-shadow: 0 0 25px rgba(88, 101, 242, 0.6) !important;
  transition: all 0.3s ease !important;
  margin: 0 6px !important;
}

a[href*="discord.gg"]:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 0 45px rgba(88, 101, 242, 0.9) !important;
}

a[href*="t.me"] {
  border-radius: 8px !important;
  box-shadow: 0 0 25px rgba(34, 158, 217, 0.5) !important;
  transition: all 0.3s ease !important;
  margin: 0 6px !important;
}

a[href*="t.me"]:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 0 45px rgba(34, 158, 217, 0.8) !important;
}

a[href*="youtube.com"] {
  border-radius: 8px !important;
  box-shadow: 0 0 25px rgba(255, 0, 0, 0.4) !important;
  transition: all 0.3s ease !important;
  margin: 0 6px !important;
}

a[href*="youtube.com"]:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 0 45px rgba(255, 0, 0, 0.7) !important;
}

a[href*="tiktok.com"] {
  border-radius: 8px !important;
  box-shadow: 0 0 25px rgba(255, 0, 80, 0.4) !important;
  transition: all 0.3s ease !important;
  margin: 0 6px !important;
}

a[href*="tiktok.com"]:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 0 45px rgba(255, 0, 80, 0.7) !important;
}

.card, [class*="card"], [class*="product"] {
  background: rgba(10, 20, 40, 0.8) !important;
  border: 1px solid rgba(0, 220, 255, 0.12) !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}

.card:hover, [class*="card"]:hover {
  border-color: rgba(0, 220, 255, 0.35) !important;
  box-shadow: 0 8px 35px rgba(0, 220, 255, 0.12) !important;
  transform: translateY(-2px) !important;
}

input, textarea, select {
  background: rgba(10, 20, 40, 0.8) !important;
  border: 1px solid rgba(0, 220, 255, 0.2) !important;
  border-radius: 6px !important;
  color: #fff !important;
}

input:focus, textarea:focus, select:focus {
  border-color: rgba(0, 220, 255, 0.6) !important;
  outline: none !important;
}

.gradient-text {
  background: linear-gradient(135deg, #c39bd3, #9b59b6, #6c3483) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline-block !important;
}

.gradient-text-cyber {
  background: linear-gradient(135deg, #00dcff, #0066ff) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline-block !important;
}

.gradient-text-fire {
  background: linear-gradient(135deg, #ff6b00, #ff0050) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline-block !important;
}

.gradient-text-gold {
  background: linear-gradient(135deg, #f7971e, #ffd200) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline-block !important;
}

::-webkit-scrollbar { width: 5px !important; }
::-webkit-scrollbar-track { background: #050b18 !important; }
::-webkit-scrollbar-thumb { background: rgba(0, 220, 255, 0.3) !important; border-radius: 3px !important; }
::-webkit-scrollbar-thumb:hover { background: rgba(0, 220, 255, 0.6) !important; }