/* Bilirkişi Asistanı ortak stil: index + rehber sayfaları */
:root {
  --gece:#070D19; --lacivert:#0B1526; --lacivert2:#13213D; --mavi:#1E3A8A; --mavi-acik:#7FA8FF;
  --altin:#D4AF37; --altin-acik:#F2D18C; --altin-koyu:#A87519; --krem:#FBF7EC;
  --yazi:#E7ECF5; --soluk:#9AA8C2; --cizgi:rgba(212,175,55,.22);
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--gece); color:var(--yazi); font-family:var(--sans); line-height:1.6; }
a { color:inherit; }
.kap { max-width:1120px; margin:0 auto; padding:0 20px; }

/* ---------- üst şerit ---------- */
.ust { position:sticky; top:0; z-index:50; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
       background:rgba(7,13,25,.78); border-bottom:1px solid var(--cizgi); }
.ust .kap { display:flex; align-items:center; justify-content:space-between; height:68px; gap:16px; }
.marka { display:flex; align-items:center; gap:12px; text-decoration:none; }
.marka img { width:38px; height:38px; border-radius:9px; box-shadow:0 0 0 1px var(--cizgi); }
.marka .yazi { display:flex; flex-direction:column; line-height:1.05; }
.marka .yazi b { font-family:var(--serif); font-weight:500; font-size:15px; letter-spacing:.30em; color:var(--krem); }
.marka .yazi small { font-family:var(--sans); font-size:9.5px; letter-spacing:.42em; color:var(--altin); margin-top:5px; }
.menu { display:flex; gap:26px; font-size:14.5px; }
.menu a { text-decoration:none; color:var(--soluk); transition:color .2s; }
.menu a:hover { color:var(--altin-acik); }

/* ---------- kahraman ---------- */
.kahraman { position:relative; overflow:hidden; padding:96px 0 110px;
  background:
    radial-gradient(900px 480px at 78% 18%, rgba(30,58,138,.55), transparent 62%),
    radial-gradient(700px 420px at 8% 92%, rgba(212,175,55,.10), transparent 60%),
    linear-gradient(180deg, var(--lacivert) 0%, var(--gece) 100%); }
.kahraman::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.35;
  background-image:linear-gradient(rgba(212,175,55,.06) 1px, transparent 1px),
                   linear-gradient(90deg, rgba(212,175,55,.06) 1px, transparent 1px);
  background-size:56px 56px; mask-image:radial-gradient(ellipse at center, #000 30%, transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse at center, #000 30%, transparent 75%); }
.kahraman .kap { position:relative; display:grid; grid-template-columns:1.15fr .85fr; gap:48px; align-items:center; }
.ust-baslik { display:inline-flex; align-items:center; gap:10px; font-size:12.5px; letter-spacing:.22em;
  text-transform:uppercase; color:var(--altin-acik); margin-bottom:22px; }
.ust-baslik::before { content:""; width:34px; height:1px; background:var(--altin); }
h1 { font-family:var(--serif); font-weight:500; font-size:clamp(36px,5.4vw,64px); line-height:1.08;
     margin:0 0 22px; color:var(--krem); letter-spacing:-.5px; }
h1 em { font-style:italic; color:var(--altin-acik); }
.giris { font-size:clamp(16px,1.9vw,19px); color:var(--soluk); max-width:560px; margin:0 0 34px; }
.dugmeler { display:flex; gap:12px; flex-wrap:wrap; }
.dugme { display:inline-flex; align-items:center; gap:10px; padding:14px 24px; border-radius:999px;
         text-decoration:none; font-weight:600; font-size:15px; letter-spacing:.2px; transition:transform .2s, box-shadow .2s; }
.dugme.altin { color:#1A1305; background:linear-gradient(135deg,#FFF1C2 0%,#F2D18C 30%,#D4AF37 70%,#A87519 100%);
               box-shadow:0 10px 30px -10px rgba(212,175,55,.6); }
.dugme.altin:hover { transform:translateY(-2px); box-shadow:0 16px 36px -12px rgba(212,175,55,.75); }
.dugme.cizgi { color:var(--krem); border:1px solid var(--cizgi); }
.dugme.cizgi:hover { border-color:var(--altin); }

.amblem { position:relative; display:flex; justify-content:center; }
.amblem .hale { position:absolute; width:118%; aspect-ratio:1; border-radius:50%; top:50%; left:50%;
  transform:translate(-50%,-50%); background:radial-gradient(circle, rgba(212,175,55,.20) 0%, transparent 62%);
  animation:nabiz 6s ease-in-out infinite; }
.amblem .halka { position:absolute; width:100%; aspect-ratio:1; top:50%; left:50%; transform:translate(-50%,-50%);
  border-radius:50%; border:1px solid var(--cizgi); }
.amblem .halka.iki { width:78%; border-style:dashed; animation:don 60s linear infinite; }
.amblem svg { position:relative; width:min(360px,80%); height:auto; filter:drop-shadow(0 30px 40px rgba(0,0,0,.6));
  animation:suzul 7s ease-in-out infinite; }
@keyframes suzul { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-12px); } }
@keyframes nabiz { 0%,100% { opacity:.7; } 50% { opacity:1; } }
@keyframes don { to { transform:translate(-50%,-50%) rotate(360deg); } }

/* ---------- bölümler ---------- */
section { padding:96px 0; }
.bolum-bas { max-width:680px; margin:0 0 52px; }
.bolum-bas .ust-baslik { margin-bottom:14px; }
h2 { font-family:var(--serif); font-weight:500; font-size:clamp(28px,3.6vw,42px); line-height:1.15; margin:0 0 14px; color:var(--krem); }
.bolum-bas p { color:var(--soluk); font-size:17px; margin:0; }
.altin-cizgi { height:1px; background:linear-gradient(90deg, transparent, var(--altin), transparent); opacity:.6; }

.izgara { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.kart { position:relative; padding:30px 26px; border-radius:18px; background:linear-gradient(180deg, var(--lacivert2), var(--lacivert));
        border:1px solid rgba(127,168,255,.12); transition:transform .3s, border-color .3s; }
.kart:hover { transform:translateY(-4px); border-color:var(--cizgi); }
.madalyon { width:54px; height:54px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:20px;
            background:radial-gradient(circle at 35% 30%, #27479E 0%, #1E3A8A 60%, #16295F 100%);
            box-shadow:0 0 0 1px rgba(212,175,55,.55) inset, 0 0 0 4px rgba(212,175,55,.08), 0 8px 18px rgba(0,0,0,.45); }
.madalyon svg { width:26px; height:26px; stroke:var(--altin-acik); fill:none; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.kart h3 { font-family:var(--serif); font-weight:600; font-size:20px; margin:0 0 8px; color:var(--krem); }
.kart p { margin:0; color:var(--soluk); font-size:15px; }

.alanlar { background:linear-gradient(180deg, var(--gece), var(--lacivert) 60%, var(--gece)); }
.alan-izgara { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.alan { padding:38px 34px; border-radius:22px; border:1px solid var(--cizgi);
        background:radial-gradient(500px 220px at 100% 0%, rgba(30,58,138,.45), transparent 70%), rgba(19,33,61,.55); }
.alan .no { font-family:var(--serif); font-size:15px; color:var(--altin); letter-spacing:.2em; }
.alan h3 { font-family:var(--serif); font-weight:500; font-size:28px; margin:10px 0 12px; color:var(--krem); }
.alan p { color:var(--soluk); margin:0 0 16px; }
.alan ul { list-style:none; padding:0; margin:0; display:grid; gap:9px; }
.alan li { display:flex; gap:10px; color:var(--yazi); font-size:15px; }
.alan li::before { content:""; flex:0 0 7px; height:7px; margin-top:9px; transform:rotate(45deg); background:var(--altin); }

.surec { display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative; }
.surec::before { content:""; position:absolute; top:27px; left:12%; right:12%; height:1px;
                 background:linear-gradient(90deg, transparent, var(--altin), var(--altin), transparent); opacity:.5; }
.adim { text-align:center; padding:0 14px; position:relative; }
.adim .sayi { width:56px; height:56px; margin:0 auto 18px; border-radius:50%; display:flex; align-items:center; justify-content:center;
              font-family:var(--serif); font-size:22px; color:#1A1305;
              background:linear-gradient(135deg,#FFF1C2,#D4AF37 60%,#A87519); box-shadow:0 0 0 6px var(--gece), 0 10px 24px -8px rgba(212,175,55,.6); }
.adim h4 { font-family:var(--serif); font-weight:600; font-size:19px; margin:0 0 6px; color:var(--krem); }
.adim p { margin:0; color:var(--soluk); font-size:14.5px; }

.ilke { position:relative; text-align:center; padding:110px 0;
        background:radial-gradient(700px 300px at 50% 0%, rgba(212,175,55,.12), transparent 70%), var(--lacivert); }
.ilke blockquote { font-family:var(--serif); font-style:italic; font-weight:400; font-size:clamp(24px,3.4vw,38px);
                   line-height:1.35; color:var(--krem); max-width:860px; margin:0 auto 26px; }
.ilke blockquote::before { content:"“"; display:block; font-size:72px; line-height:.6; color:var(--altin); margin-bottom:18px; }
.ilke .imza { color:var(--altin-acik); letter-spacing:.2em; text-transform:uppercase; font-size:12.5px; }
.ilke-liste { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; max-width:980px; margin:56px auto 0; text-align:left; }
.ilke-liste div { padding:22px 22px; border-top:1px solid var(--altin); }
.ilke-liste b { display:block; font-family:var(--serif); font-size:19px; font-weight:600; color:var(--krem); margin-bottom:6px; }
.ilke-liste span { color:var(--soluk); font-size:15px; }

.bilgi-izgara { display:grid; grid-template-columns:1.1fr .9fr; gap:42px; align-items:start; }
.bilgi-metin p { color:var(--yazi); opacity:.92; font-size:16.5px; margin:0 0 16px; }
.bilgi-metin p b { color:var(--altin-acik); font-weight:600; }
.sss { display:grid; gap:12px; }
.sss details { border:1px solid var(--cizgi); border-radius:14px; background:rgba(19,33,61,.55); padding:4px 20px; }
.sss summary { cursor:pointer; list-style:none; font-family:var(--serif); font-size:18px; color:var(--krem); padding:14px 0; display:flex; justify-content:space-between; gap:12px; }
.sss summary::-webkit-details-marker { display:none; }
.sss summary::after { content:"+"; color:var(--altin); font-size:22px; line-height:1; }
.sss details[open] summary::after { content:"–"; }
.sss details p { color:var(--soluk); margin:0 0 16px; font-size:15px; }
/* 14.10: açılır kutular yumuşak açılıp kapanır; + işareti dönerek – olur (betiksiz) */
:root { interpolate-size:allow-keywords; }
.sss summary::after { content:""; flex:0 0 14px; width:14px; height:14px; margin-top:6px;
  background:linear-gradient(var(--altin),var(--altin)) center/100% 2px no-repeat,
             linear-gradient(var(--altin),var(--altin)) center/2px 100% no-repeat;
  transition:transform .35s ease, background-size .35s ease; }
.sss details[open] summary::after { content:""; transform:rotate(180deg);
  background-size:100% 2px, 2px 0; }
details::details-content { block-size:0; overflow:hidden;
  transition:block-size .35s ease, content-visibility .35s allow-discrete; }
details[open]::details-content { block-size:auto; }
@supports not selector(::details-content) {
  details[open] > :not(summary) { animation:ac .35s ease; }
}
@keyframes ac { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) {
  details::details-content { transition:none; }
  .sss summary::after { transition:none; }
}
#uzman-mutalaasi + .bilgi-izgara .bilgi-metin a { color:var(--altin-acik); text-decoration-thickness:1px; text-underline-offset:3px; }
.alan-kart-izgara { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.alan-kart { padding:24px 22px; border-radius:16px; border:1px solid rgba(127,168,255,.12);
             background:linear-gradient(180deg, var(--lacivert2), var(--lacivert)); transition:border-color .3s, transform .3s; }
.alan-kart:hover { border-color:var(--cizgi); transform:translateY(-3px); }
.alan-kart .no { font-family:var(--serif); color:var(--altin); font-size:13px; letter-spacing:.2em; }
.alan-kart h3 { font-family:var(--serif); font-weight:600; font-size:18.5px; color:var(--krem); margin:8px 0 6px; }
.alan-kart p { margin:0; color:var(--soluk); font-size:14.5px; }
.alan-not { margin-top:22px; color:var(--soluk); font-size:14px; }
.ilke-izgara { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; max-width:1040px; margin:56px auto 0; text-align:left; }
.ilke-kart { padding:26px 24px; border-radius:16px; border:1px solid var(--cizgi); background:rgba(7,13,25,.35); }
.ilke-kart .sira { font-family:var(--serif); color:var(--altin); font-size:13px; letter-spacing:.22em; }
.ilke-kart b { display:block; font-family:var(--serif); font-size:20px; font-weight:600; color:var(--krem); margin:8px 0 8px; }
.ilke-kart span { color:var(--soluk); font-size:15px; }
.nitelik { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:40px auto 0; max-width:900px; }
.nitelik-bas { text-align:center; margin-top:44px; color:var(--soluk); font-size:13px; letter-spacing:.18em; text-transform:uppercase; }
.nitelik { margin-top:16px; }
.nitelik input { position:absolute; opacity:0; pointer-events:none; }
.nitelik label { cursor:pointer; padding:9px 18px; border-radius:999px; border:1px solid var(--cizgi); color:var(--altin-acik); font-family:var(--serif); font-size:16px; transition:background .2s, color .2s; }
.nitelik label:hover { border-color:var(--altin); }
.nitelik input:checked + label { background:var(--altin); color:var(--gece); border-color:var(--altin); }
.nitelik input:focus-visible + label { outline:2px solid var(--mavi-acik); outline-offset:2px; }
.np { display:none; flex-basis:100%; text-align:center; color:var(--soluk); max-width:640px; margin:14px auto 0; font-size:15px; }
.np a { color:var(--altin-acik); }
#nt1:checked ~ .np1, #nt2:checked ~ .np2, #nt3:checked ~ .np3, #nt4:checked ~ .np4, #nt5:checked ~ .np5 { display:block; }
.arama { text-align:left; max-width:560px; margin:40px auto 0; padding-top:32px; border-top:1px solid var(--cizgi); display:grid; gap:14px; }
.arama h3 { font-family:var(--serif); color:var(--krem); font-size:22px; margin:0; text-align:center; }
.arama .satir { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.arama label { display:grid; gap:6px; color:var(--soluk); font-size:14px; }
.arama input, .arama select, .arama textarea { font:inherit; font-size:15px; color:var(--krem); background:rgba(7,13,25,.6); border:1px solid var(--cizgi); border-radius:10px; padding:11px 12px; width:100%; box-sizing:border-box; }
.arama input:focus, .arama select:focus, .arama textarea:focus { outline:none; border-color:var(--altin); }
.arama .onay { display:flex; gap:10px; align-items:flex-start; font-size:13px; }
.arama .onay input { width:auto; margin-top:3px; }
.arama button { justify-self:center; border:0; cursor:pointer; font:inherit; }
.arama small { color:var(--soluk); font-size:12px; text-align:center; }
.arama .hata { color:#F2A3A3; font-size:14px; margin:0; text-align:center; }
@media (max-width:600px) { .arama .satir { grid-template-columns:1fr; } }
.rehber-izgara { display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.mevzuat { display:grid; gap:10px; }
.mevzuat a { display:flex; justify-content:space-between; align-items:center; gap:14px; text-decoration:none;
             padding:16px 20px; border-radius:14px; border:1px solid rgba(127,168,255,.14); background:rgba(19,33,61,.55); transition:border-color .2s; }
.mevzuat a:hover { border-color:var(--altin); }
.mevzuat b { font-family:var(--serif); font-weight:600; font-size:17px; color:var(--krem); display:block; }
.mevzuat small { color:var(--soluk); font-size:13.5px; }
.mevzuat a::after { content:"↗"; color:var(--altin); font-size:18px; }
.kontrol { list-style:none; margin:0; padding:24px 26px; border-radius:18px; border:1px solid var(--cizgi);
           background:radial-gradient(400px 200px at 100% 0%, rgba(30,58,138,.4), transparent 70%), var(--lacivert2); counter-reset:k; }
.kontrol li { counter-increment:k; display:grid; grid-template-columns:34px 1fr; gap:12px; padding:11px 0; border-bottom:1px solid rgba(212,175,55,.12); color:var(--yazi); font-size:15px; }
.kontrol li:last-child { border-bottom:none; }
.kontrol li::before { content:counter(k); width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center;
                      font-family:var(--serif); font-size:14px; color:#1A1305; background:linear-gradient(135deg,#FFF1C2,#D4AF37 60%,#A87519); }
.kontrol h3 { font-family:var(--serif); font-weight:600; color:var(--krem); margin:0 0 6px; font-size:20px; }
.iletisim { text-align:center; }
.iletisim .kutu { max-width:820px; margin:0 auto; padding:58px 34px; border-radius:26px; border:1px solid var(--cizgi);
                  background:radial-gradient(600px 260px at 50% 0%, rgba(30,58,138,.55), transparent 70%), var(--lacivert2); }
.iletisim p { color:var(--soluk); max-width:540px; margin:0 auto 28px; }
.eposta { font-family:var(--serif); font-size:clamp(20px,3vw,28px); color:var(--altin-acik); text-decoration:none;
          border-bottom:1px solid var(--cizgi); padding-bottom:4px; }

footer { border-top:1px solid var(--cizgi); padding:30px 0 40px; color:var(--soluk); font-size:13.5px; }
footer .kap { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; align-items:center; }


/* giriş animasyonu (betiksiz) */
.belir { opacity:0; transform:translateY(18px); animation:belir .9s cubic-bezier(.2,.7,.2,1) forwards; }
.g1 { animation-delay:.05s } .g2 { animation-delay:.18s } .g3 { animation-delay:.32s } .g4 { animation-delay:.46s }
@keyframes belir { to { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) { * { animation:none !important; transition:none !important; } .belir { opacity:1; transform:none; } }

@media (max-width:960px) {
  .kahraman .kap { grid-template-columns:1fr; text-align:center; }
  .giris { margin-left:auto; margin-right:auto; } .dugmeler { justify-content:center; } .ust-baslik { justify-content:center; }
  .amblem { order:-1; } .amblem svg { width:min(250px,64%); }
  .izgara { grid-template-columns:1fr 1fr; } .alan-izgara { grid-template-columns:1fr; }
  .surec { grid-template-columns:1fr 1fr; row-gap:34px; } .surec::before { display:none; }
  .ilke-liste, .ilke-izgara { grid-template-columns:1fr; }
  .bilgi-izgara, .rehber-izgara { grid-template-columns:1fr; } .alan-kart-izgara { grid-template-columns:1fr 1fr; }
}
@media (max-width:600px) {
  .menu { display:none; } section { padding:72px 0; } .kahraman { padding:56px 0 76px; }
  .izgara, .alan-kart-izgara { grid-template-columns:1fr; } .alan { padding:30px 24px; }
}

/* ---------- rehber sayfaları (index'te kullanılmaz; yalnız ana sayfadaki "Rehber yazıları" listesi) ---------- */
.rehber-yazilari { margin-top:48px; }
.rehber-yazilari h3 { font-family:var(--serif); font-weight:600; color:var(--krem); margin:0 0 14px; font-size:22px; }
.mevzuat.ic { grid-template-columns:1fr 1fr; }
.mevzuat.ic a::after { content:"→"; }
.ayrinti a { color:var(--altin-acik); }
.rehber-bas { padding:44px 0 40px; border-bottom:1px solid var(--cizgi);
  background:radial-gradient(800px 360px at 85% 0%, rgba(30,58,138,.45), transparent 65%), linear-gradient(180deg, var(--lacivert) 0%, var(--gece) 100%); }
.kirinti { font-size:13.5px; color:var(--soluk); margin:0 0 18px; }
.kirinti ol { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:6px; }
.kirinti li + li::before { content:"/"; margin-right:6px; color:var(--altin); }
.kirinti a { color:var(--soluk); text-decoration:none; }
.kirinti a:hover { color:var(--altin-acik); }
.rehber-bas h1 { font-size:clamp(30px,4.4vw,48px); margin:0 0 16px; max-width:860px; }
.metin { max-width:760px; padding:48px 0 24px; }
.metin p, .metin li { font-size:16.5px; color:var(--yazi); }
.metin p { margin:0 0 16px; }
.metin .ozet { font-size:clamp(17px,1.9vw,19px); color:var(--krem); }
.metin h2 { font-size:clamp(24px,2.8vw,31px); margin:40px 0 14px; }
.metin ul { padding-left:20px; margin:0 0 16px; }
.metin li { margin-bottom:8px; }
.metin a { color:var(--altin-acik); }
.metin b { color:var(--krem); font-weight:600; }
.tablo { overflow-x:auto; margin:8px 0 20px; border:1px solid var(--cizgi); border-radius:14px; }
.tablo table { width:100%; border-collapse:collapse; font-size:15px; min-width:520px; }
.tablo th, .tablo td { text-align:left; vertical-align:top; padding:12px 14px; border-bottom:1px solid rgba(212,175,55,.14); }
.tablo thead th { font-family:var(--serif); font-weight:600; color:var(--krem); background:rgba(19,33,61,.75); }
.tablo tbody th { font-weight:600; color:var(--altin-acik); }
.tablo tr:last-child td, .tablo tr:last-child th { border-bottom:none; }
.metin .sss { margin-top:6px; }
.metin .sss details p { font-size:15px; color:var(--soluk); }
footer .dipnot { display:block; margin-top:12px; font-size:9px; letter-spacing:.02em; color:var(--soluk); opacity:.6; }
.diger { padding:24px 0 8px; max-width:760px; }
.diger h2 { font-size:clamp(22px,2.6vw,28px); }
.rehber-iletisim { padding:56px 0 80px; }
.rehber-iletisim .kutu { padding:44px 28px; }
@media (max-width:600px) {
  .mevzuat.ic { grid-template-columns:1fr; }
  .tablo table { min-width:0; font-size:14px; }
  .tablo th, .tablo td { padding:10px 10px; }
}

/* 14.10: rehber sütunu ortada; başlık, metin, diğer yazılar ve iletişim aynı eksende */
.rehber-bas .kap > *, .metin, .diger { max-width:760px; margin-left:auto; margin-right:auto; }
.rehber-bas .ust-baslik { display:flex; }

/* form ek alanları */
  .arama .donus { border:0; padding:0; margin:0; display:grid; gap:6px; color:var(--soluk); font-size:14px; }
  .arama .donus legend { padding:0; margin-bottom:6px; }
  .arama .donus label { display:inline-flex; align-items:center; gap:8px; margin-right:18px; }
  .arama .donus input { width:auto; }
  .arama .tuzak { position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }
  .arama .tamam { color:var(--altin-acik); font-size:15px; margin:0; text-align:center; }
  .arama button[disabled] { opacity:.6; cursor:wait; }