/*
Theme Name: FalusiMeki Pro
Description: Prémium lila gamer Discord bot landing oldal. PHP 8.1 kompatibilis.
Version: 2.0
Requires PHP: 8.1
*/

body {
  margin:0;
  font-family: 'Segoe UI', sans-serif;
  background: radial-gradient(circle at top, #3a0066, #12001f);
  color:#eee;
}

.hero {
  padding:100px 20px;
  text-align:center;
  background: linear-gradient(180deg, rgba(120,60,200,.4), rgba(0,0,0,.6));
}

.hero h1 {
  font-size:48px;
  color:#d7a8ff;
}

.hero p {
  max-width:800px;
  margin:20px auto;
  font-size:18px;
  color:#ddd;
}

.btn-main {
  display:inline-block;
  margin-top:30px;
  padding:18px 40px;
  border-radius:14px;
  background: linear-gradient(135deg,#8f4bff,#c77dff);
  color:#fff;
  font-size:18px;
  font-weight:600;
}

.stats {
  display:flex;
  justify-content:center;
  gap:40px;
  margin-top:60px;
  flex-wrap:wrap;
}

.stat {
  background: rgba(255,255,255,0.05);
  padding:30px;
  border-radius:20px;
  min-width:180px;
}

.stat h2 {
  color:#c77dff;
  font-size:36px;
  margin:0;
}

.section {
  max-width:1100px;
  margin:80px auto;
  padding:0 20px;
}

.card {
  background: rgba(255,255,255,0.06);
  border-radius:20px;
  padding:40px;
  margin-bottom:40px;
}

footer {
  background:#0b0014;
  text-align:center;
  padding:30px;
  color:#aaa;
}
.hero-buttons {
  margin-top: 30px;
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.btn-tiktok {
  display: inline-block;
  padding: 18px 40px;
  border-radius: 14px;
  background: linear-gradient(135deg,#000000,#1f1f1f);
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  border: 2px solid #ff0050;
  box-shadow: 0 0 20px rgba(255,0,80,0.6);
}

.btn-tiktok:hover {
  box-shadow: 0 0 35px rgba(255,0,80,0.9);
}