/* Altuntaş Akademi — ortak stiller (tüm sayfalar bu dosyayı kullanır) */

body { font-family: 'Inter', sans-serif; background: #f9fafb; color: #0a1b33; padding-bottom: 130px; }
.font-display { font-family: 'Outfit', sans-serif; }
html { scroll-behavior: smooth; }

/* Kelime/blok giriş animasyonu */
.w { display: inline-block; opacity: 0; transform: translateY(18px); }
.w.go { animation: wordUp .6s cubic-bezier(.16,1,.3,1) forwards; }
@keyframes wordUp { to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce){ .w{opacity:1; transform:none;} }

/* Yüzen alt menü */
.navpill { position: fixed; bottom: 22px; left: 50%; transform: translateX(-50%); z-index: 50;
  max-width: 96vw; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; }
.navpill::-webkit-scrollbar { display: none; }
/* Beyaz zemin, kaydırılan içeriğin TAMAMINI kaplasın.
   Olmazsa nav genişliğini kapsayıcıdan alır; zemin görünen alanda biter,
   kaydırınca çıkan maddeler zeminsiz kalır. */
.navpill > nav { width: max-content; }
.nav-btn { color: #64748b; transition: color .2s; white-space: nowrap; }
.nav-btn:hover, .nav-btn.nav-active { color: #0a1b33; }

/* Marquee */
.marquee-wrap { overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.marquee-track { display: flex; gap: 1rem; width: max-content; animation: marq 30s linear infinite; }
.marquee-wrap:hover .marquee-track { animation-play-state: paused; }
@keyframes marq { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.topic-card { position: relative; height: 6rem; width: 11rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
  border-radius: 999px; background: #fff; border: 1px solid rgba(226,232,240,.7); box-shadow: 0 1px 2px rgba(0,0,0,.04);
  overflow: hidden; transition: border-color .3s; }
.topic-card:hover { border-color: #cbd5e1; }
.topic-card span { position: relative; z-index: 1; font-weight: 600; color: #0a1b33; font-size: .95rem; transition: color .3s; }
.topic-card .glow { position: absolute; inset: 0; opacity: 0; transform: scale(1.5); transition: opacity .4s, transform .4s; }
.topic-card:hover .glow { opacity: .16; transform: scale(1); }

/* Aydınlık kartlar */
.lcard { background: #fff; border: 1px solid rgba(226,232,240,.7); border-radius: 28px; padding: 1.6rem;
  box-shadow: 0 1px 2px rgba(0,0,0,.04); transition: box-shadow .3s, transform .3s, border-color .3s; display: flex; flex-direction: column; }
.lcard:hover { box-shadow: 0 30px 60px -25px rgba(10,27,51,.18); transform: translateY(-4px); border-color: #cbd5e1; }
/* İkon kutusu — lacivert degrade zemin, altın ikon (marka: lacivert + altın) */
.lcard-ico {
  position: relative;
  width: 56px; height: 56px;
  border-radius: 18px;
  background: linear-gradient(145deg, #1c3055 0%, #0a1b33 100%);
  color: #e6cf95;
  display: grid; place-items: center;
  margin-bottom: 1.15rem;
  border: 1px solid rgba(198,160,82,.22);
  box-shadow: 0 8px 20px -8px rgba(10,27,51,.45);
  transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s, border-color .3s;
}
/* Üstten ince ışık çizgisi — kutuya derinlik verir */
.lcard-ico::after {
  content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.14), transparent 55%);
}
.lcard-ico svg { width: 26px; height: 26px; stroke-width: 1.75; }

.lcard:hover .lcard-ico {
  transform: translateY(-2px) scale(1.04);
  border-color: rgba(198,160,82,.5);
  box-shadow: 0 14px 28px -10px rgba(10,27,51,.55);
}
.lcard h3 { font-family: 'Outfit', sans-serif; font-size: 1.2rem; color: #0a1b33; margin-bottom: .4rem; }
.lcard p { color: #64748b; font-size: .92rem; line-height: 1.55; }
.lcard-link { display: inline-flex; align-items: center; gap: .35rem; color: #0a1b33; font-size: .85rem; font-weight: 600; margin-top: 1rem; transition: gap .2s; }
.lcard-link:hover { gap: .6rem; }
.lcard-link svg { width: 15px; height: 15px; }
.check-row { display: flex; gap: .5rem; align-items: flex-start; color: #64748b; font-size: .88rem; margin-top: .5rem; }
.check-row svg { width: 16px; height: 16px; color: #16a34a; flex: none; margin-top: 2px; }

.pill-btn { display:inline-flex; align-items:center; gap:.4rem; background:#0a152d; color:#fff; border-radius:999px; padding:.7rem 1.4rem; font-weight:600; font-size:.9rem; transition: transform .15s, opacity .2s; }
.pill-btn:hover { transform: scale(1.04); }

/* Form */
.field { margin-bottom: 1rem; }
.field label { display:block; font-size:.82rem; font-weight:600; color:#0a1b33; margin-bottom:.35rem; }
.field input, .field textarea { width:100%; padding:.8rem .95rem; border-radius:14px; font:inherit; font-size:.95rem;
  background:#f9fafb; border:1px solid #e2e8f0; color:#0a1b33; }
.field input::placeholder, .field textarea::placeholder { color:#94a3b8; }
.field input:focus, .field textarea:focus { outline:none; border-color:#0a152d; box-shadow:0 0 0 4px rgba(10,21,45,.08); }
.form-note { margin-top:.8rem; font-size:.9rem; text-align:center; }
.form-note.ok { color:#16a34a; } .form-note.err { color:#dc2626; }
.back-link { display:inline-flex; align-items:center; gap:.4rem; color:#0a1b33; font-weight:600; font-size:.9rem; margin-bottom:1.4rem; opacity:.85; }
.back-link:hover { opacity:1; }

/* Sayfa gövdesi ortak boşluk */
.page-body { min-height: 70vh; }

/* Görünür kırıntı yolu (breadcrumb) */
.crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem;
  font-size: .82rem; color: #94a3b8; margin-bottom: 1.1rem; }
.crumbs a { color: #64748b; font-weight: 500; transition: color .2s; }
.crumbs a:hover { color: #0a1b33; }
.crumbs .sep { color: #cbd5e1; user-select: none; }
.crumbs .cur { color: #0a1b33; font-weight: 600; }

/* Uzun metin sayfaları (gizlilik, KVKK) */
.prose { max-width: 760px; color: #475569; font-size: 15px; line-height: 1.75; }
.prose h2 { font-family: 'Outfit', sans-serif; font-size: 1.45rem; color: #0a1b33;
  margin: 2.2rem 0 .7rem; font-weight: 600; }
.prose h3 { font-family: 'Outfit', sans-serif; font-size: 1.1rem; color: #0a1b33;
  margin: 1.5rem 0 .4rem; font-weight: 600; }
.prose p { margin: 0 0 1rem; }
.prose ul { margin: 0 0 1rem; padding-left: 1.2rem; }
.prose li { margin-bottom: .45rem; }
.prose a { color: #0a1b33; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.prose strong { color: #0a1b33; }
.prose table { width: 100%; border-collapse: collapse; margin: 0 0 1.4rem; font-size: 14px; }
.prose th, .prose td { border: 1px solid #e2e8f0; padding: .6rem .75rem; text-align: left; vertical-align: top; }
.prose th { background: #f8fafc; color: #0a1b33; font-weight: 600; }
.prose .updated { font-size: 13px; color: #94a3b8; margin-bottom: 2rem; }

/* Onay kutusu (iletişim formu KVKK rızası) */
.consent { display: flex; align-items: flex-start; gap: .6rem; margin: .2rem 0 1rem; }
.consent input { width: 17px; height: 17px; margin-top: 2px; flex: none; accent-color: #0a152d; }
.consent label { font-size: .82rem; color: #64748b; line-height: 1.5; }
.consent label a { color: #0a1b33; font-weight: 600; text-decoration: underline; }