/* =========================================================
   Görev Yap Kazan - Anasayfa (Landing) özel stilleri
   ========================================================= */

.lp-navbar {
  background: var(--gyk-card-bg);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  border-bottom: 1px solid var(--gyk-card-border);
}

.lp-badge {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: var(--gyk-card-bg);
  border: 1px solid var(--gyk-card-border);
  border-radius: 999px;
  padding: .5rem 1rem;
  font-size: .82rem;
  font-weight: 600;
  color: var(--gyk-text-muted);
  box-shadow: var(--gyk-shadow);
}

.lp-hero { position: relative; overflow: hidden; padding-top: 3.5rem; }
.lp-hero-title { font-size: clamp(2.2rem, 4.2vw, 3.4rem); line-height: 1.12; font-weight: 800; }
.lp-hero-sub { font-size: 1.15rem; color: var(--gyk-text-muted); max-width: 560px; }

.lp-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(70px);
  opacity: .45;
  z-index: -1;
  pointer-events: none;
}
.lp-blob-1 { width: 420px; height: 420px; background: #7c6cf2; top: -120px; right: -100px; }
.lp-blob-2 { width: 360px; height: 360px; background: #06b6d4; bottom: -140px; left: -100px; }
[data-theme="dark"] .lp-blob { opacity: .28; }

.lp-trust-row { color: var(--gyk-text-muted); font-size: .82rem; font-weight: 600; }

/* İstatistik rozetleri hero kartında */
.lp-mini-stat {
  background: var(--gyk-card-bg);
  border: 1px solid var(--gyk-card-border);
  border-radius: 14px;
  padding: .9rem;
}
.lp-mini-stat .num { font-family: 'Sora', sans-serif; font-size: 1.5rem; font-weight: 800; }

/* Görev türü / platform ikon rozetleri */
.lp-platform-icon {
  width: 46px; height: 46px; border-radius: 13px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.25rem; color: #fff; flex-shrink: 0;
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
}
.plat-instagram { background: linear-gradient(135deg,#f58529,#dd2a7b 45%,#8134af 75%,#515bd4); }
.plat-tiktok    { background: linear-gradient(135deg,#010101,#25f4ee 55%,#fe2c55); }
.plat-youtube   { background: linear-gradient(135deg,#ff0000,#c4302b); }
.plat-facebook  { background: linear-gradient(135deg,#1877f2,#0a58c2); }
.plat-twitter   { background: linear-gradient(135deg,#1da1f2,#0e71c8); }
.plat-telegram  { background: linear-gradient(135deg,#2aabee,#229ed9); }
.plat-discord   { background: linear-gradient(135deg,#5865f2,#404eed); }
.plat-website   { background: linear-gradient(135deg,#5b4fe9,#06b6d4); }
.plat-googleplay{ background: linear-gradient(135deg,#00d28f,#00a1ff 55%,#ff3b6e); }
.plat-appstore  { background: linear-gradient(135deg,#111,#4b4b4b); }
.plat-survey    { background: linear-gradient(135deg,#f79009,#f04438); }
.plat-app_install{ background: linear-gradient(135deg,#9333ea,#5b4fe9); }
.plat-other     { background: linear-gradient(135deg,#656d84,#3f4557); }

.lp-task-card { padding: 1.1rem; height: 100%; }
.lp-task-card:hover, .lp-testimonial:hover, .lp-step:hover { transform: translateY(-3px); }
.lp-task-card .name { font-weight: 700; font-size: .92rem; }
.lp-task-card .range { font-size: .78rem; color: var(--gyk-text-muted); }

/* Nasıl çalışır - adım çizelgesi */
.lp-step { position: relative; padding: 1.8rem 1.5rem; height: 100%; }
.lp-step .step-num {
  width: 40px; height: 40px; border-radius: 12px;
  background: linear-gradient(135deg, var(--gyk-primary), var(--gyk-primary-2));
  color: #fff; display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-family: 'Sora', sans-serif; margin-bottom: 1rem;
}
.lp-step-connector {
  display: none;
}
@media (min-width: 768px) {
  .lp-steps-row { position: relative; }
  .lp-steps-row::before {
    content: '';
    position: absolute; top: 42px; left: 12%; right: 12%; height: 2px;
    background: linear-gradient(90deg, transparent, var(--gyk-card-border) 15%, var(--gyk-card-border) 85%, transparent);
    z-index: 0;
  }
}

/* Özellik satırı ikonları */
.lp-feature-icon {
  width: 50px; height: 50px; border-radius: 14px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, rgba(91,79,233,.14), rgba(147,51,234,.14));
  color: var(--gyk-primary); font-size: 1.2rem;
}

/* Yorum kartları */
.lp-testimonial { padding: 1.6rem; height: 100%; }
.lp-avatar {
  width: 46px; height: 46px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--gyk-primary), var(--gyk-accent));
  color: #fff; font-weight: 700; font-family: 'Sora', sans-serif;
}
.lp-stars { color: #f79009; font-size: .85rem; }

/* CTA bölümü */
.lp-cta {
  background: linear-gradient(120deg, rgba(91,79,233,.14), rgba(6,182,212,.10));
  border: 1px solid var(--gyk-card-border);
}

/* Footer */
.lp-footer { border-top: 1px solid var(--gyk-card-border); }
.lp-footer h6 { font-weight: 700; font-size: .82rem; text-transform: uppercase; letter-spacing: .06em; color: var(--gyk-text-muted); }
.lp-footer a { color: var(--gyk-text-muted); font-size: .88rem; }
.lp-footer a:hover { color: var(--gyk-primary); }
.lp-social-btn {
  width: 38px; height: 38px; border-radius: 10px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--gyk-card-bg); border: 1px solid var(--gyk-card-border);
  color: var(--gyk-text-muted);
}
.lp-social-btn:hover { color: var(--gyk-primary); }

.section-eyebrow {
  display: inline-block; font-size: .78rem; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--gyk-primary); margin-bottom: .5rem;
}