/* ==========================================================================
   Webofisin - Ozel stiller (gradyanlar, animasyonlar)
   Tailwind CDN + bu dosya birlikte kullanilir.
   ========================================================================== */

:root {
  --navy-900: #1c1550;
  --navy-800: #2e2478;
  --navy-700: #3a2e8c;
  --gold-500: #f5a623;
  --gold-600: #dd900f;
}

html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; color: #1f2937; }
h1,h2,h3,h4,h5,h6,.font-display { font-family: 'Poppins', 'Inter', sans-serif; }

/* Gradyanlar */
.gradient-navy { background: linear-gradient(135deg, #2e2478 0%, #1c1550 100%); }
.gradient-navy-soft { background: linear-gradient(135deg, #3a2e8c 0%, #2e2478 100%); }
.gradient-gold { background: linear-gradient(135deg, #f5a623 0%, #dd900f 100%); }
.text-gradient {
  background: linear-gradient(135deg, #f5a623 0%, #dd900f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Yuzen animasyon */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-14px); }
}
.animate-float { animation: float 4s ease-in-out infinite; }

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-up { animation: fadeInUp 0.7s ease-out both; }

/* Kart hover */
.card-hover { transition: transform .3s ease, box-shadow .3s ease; }
.card-hover:hover { transform: translateY(-6px); box-shadow: 0 20px 40px -12px rgba(28,21,80,.25); }

/* Section spacing yardimcisi */
.section-pad { padding-top: 5rem; padding-bottom: 5rem; }
@media (min-width: 768px) { .section-pad { padding-top: 7rem; padding-bottom: 7rem; } }

/* Mobil menu */
#mobileMenu { transition: max-height .35s ease, opacity .35s ease; max-height: 0; opacity: 0; overflow: hidden; }
#mobileMenu.open { max-height: 520px; opacity: 1; }

/* Prose (blog icerigi) */
.prose-content h2 { font-size: 1.6rem; font-weight: 700; margin: 1.6rem 0 .8rem; color: #1c1550; }
.prose-content h3 { font-size: 1.25rem; font-weight: 600; margin: 1.3rem 0 .6rem; color: #2e2478; }
.prose-content p { margin: .9rem 0; line-height: 1.8; color: #374151; }
.prose-content ul { margin: .9rem 0; padding-left: 1.4rem; list-style: disc; }
.prose-content li { margin: .4rem 0; line-height: 1.7; color: #374151; }