/* =============================================
   DernekSoft Landing Page — Custom Styles
   Tailwind ile örtüşmeyen özel stiller buraya
   ============================================= */

/* Clip-path section geçişleri */
.clip-bottom-right { clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%); }
.clip-bottom-left  { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%); }

/* Glassmorphism */
.glass {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Hero 3D mockup */
.mockup-3d {
  transform: rotateX(5deg) rotateY(-5deg);
  transition: transform 0.4s ease;
  transform-style: preserve-3d;
}
.mockup-3d-wrap {
  perspective: 1200px;
}
.mockup-3d:hover { transform: rotateX(0deg) rotateY(0deg); }

/* Navbar scroll state */
#navbar { transition: all 0.3s ease; }
#navbar.scrolled {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 1px 20px rgba(15, 31, 61, 0.10);
}

/* Feature card hover */
.feature-card {
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 48px rgba(27, 79, 191, 0.13);
}

/* Mobile sticky CTA */
.mobile-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
  padding: 13px 20px;
  background: linear-gradient(90deg, #1B4FBF, #3B82F6);
  text-align: center;
  box-shadow: 0 -4px 20px rgba(27, 79, 191, 0.25);
}
@media (min-width: 768px) { .mobile-cta { display: none !important; } }

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* AOS override: görünüm sınırı yok */
[data-aos] { pointer-events: none; }
[data-aos].aos-animate { pointer-events: auto; }

/* Hero blob animasyonu */
@keyframes blob-float {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50%       { transform: translate(-20px, 20px) scale(1.08); }
}
.blob-animate { animation: blob-float 8s ease-in-out infinite; }

/* Pricing card popular scale */
.pricing-popular {
  transform: scale(1.04);
  box-shadow: 0 32px 64px rgba(27, 79, 191, 0.30);
}

/* FAQ chevron transition */
.faq-chevron { transition: transform 0.25s ease; }
.faq-chevron.open { transform: rotate(180deg); }

/* Step connector line (desktop) */
.step-connector {
  position: absolute;
  top: 52px;
  left: calc(33.33% + 40px);
  right: calc(33.33% + 40px);
  height: 2px;
  border-top: 2px dashed #BFDBFE;
  pointer-events: none;
}

/* Screenshot tab active */
.tab-btn { transition: all 0.2s ease; }
.tab-btn.active {
  background: #1B4FBF;
  color: #fff;
  box-shadow: 0 4px 14px rgba(27, 79, 191, 0.30);
}

/* Testimonial star */
.stars { color: #FBBF24; letter-spacing: 2px; }

/* Footer link hover */
.footer-link {
  transition: color 0.2s ease;
  color: #93C5FD;
}
.footer-link:hover { color: #fff; }