/* PDFBoiler ortak tasarim sistemi (yeni sayfalar icin) */
:root{--mavi:#4f46e5;--mor:#7c3aed;--ink:#0f172a;--mut:#64748b;--cizgi:#e5e9f2;
      --bg:#f5f7fb;--kart:#ffffff;--yesil:#16a34a;--golge:0 1px 3px rgba(15,23,42,.06)}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',system-ui,'Segoe UI',sans-serif;background:var(--bg);
     color:var(--ink);line-height:1.6}
a{color:var(--mavi);text-decoration:none}

header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);
       border-bottom:1px solid var(--cizgi);padding:14px 22px;display:flex;align-items:center;gap:12px}
header .logo{font-size:21px;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:8px;color:inherit}
header .logo .mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--mavi),var(--mor));
       display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}
header .logo span{background:linear-gradient(135deg,var(--mavi),var(--mor));
       -webkit-background-clip:text;background-clip:text;color:transparent}
header nav{margin-left:auto;display:flex;gap:20px;font-size:15.5px;font-weight:600;align-items:center}
header nav a{color:var(--mut)} header nav a:hover{color:var(--ink);text-decoration:none}
.ust{display:flex;align-items:center;gap:6px}
.ust-ayrac{width:1px;height:24px;background:var(--cizgi);margin:0 6px;display:inline-block}
.ust-btn{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:5px;
       background:#fff;border:1px solid var(--cizgi);color:var(--ink);border-radius:9px;padding:0 13px;
       font-size:14.5px;font-weight:700;cursor:pointer;font-family:inherit;line-height:1;white-space:nowrap}
.ust-btn:hover{border-color:var(--mavi)} .dilbtn{min-width:46px} .tema{min-width:118px}
.dilbtn.aktif{background:var(--mavi);color:#fff;border-color:var(--mavi)}

main{max-width:1150px;margin:0 auto;padding:26px 18px 60px}
.dar{max-width:820px}
.yol{font-size:13px;color:var(--mut);margin-bottom:12px}
.baslik-satir{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.bikon{width:46px;height:46px;flex:0 0 46px;border-radius:14px;display:flex;align-items:center;
       justify-content:center;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--mavi),var(--mor))}
h1{font-size:32px;font-weight:800;margin:0;letter-spacing:-.7px;line-height:1.15}
h2{font-size:20px;margin-top:26px}
.alt{color:var(--mut);margin:6px 0 22px;font-size:15.5px}
.reklam{background:#fff;border:1px dashed #cbd5e1;border-radius:12px;min-height:90px;display:flex;
       align-items:center;justify-content:center;color:#a3adc2;font-size:12px;margin:0 0 20px}

.kutu{background:var(--kart);border:1px solid var(--cizgi);border-radius:18px;padding:22px;box-shadow:var(--golge)}
.icerik{background:var(--kart);border:1px solid var(--cizgi);border-radius:18px;padding:26px;
       margin-top:24px;box-shadow:var(--golge)}
.icerik h2:first-child{margin-top:0}
label{display:block;font-size:13px;font-weight:700;color:var(--mut);margin:14px 0 6px}
label:first-of-type{margin-top:0}
input,textarea,select{width:100%;padding:11px 13px;border:1px solid #cbd5e1;border-radius:10px;
       font-family:inherit;font-size:14.5px;background:#fff;color:var(--ink)}
textarea{resize:vertical;min-height:92px}
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:520px){.ikili{grid-template-columns:1fr}}
.btn{width:100%;background:linear-gradient(135deg,var(--mavi),var(--mor));color:#fff;border:none;
      padding:13px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;
      font-family:inherit;margin-top:18px}
.btn:hover{filter:brightness(1.06)} .btn:disabled{opacity:.55;cursor:default}

.rozet{display:inline-flex;align-items:center;gap:6px;background:#eef2ff;color:var(--mavi);
      border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700;margin-bottom:14px}
.onizleme{background:#f8fafc;border:1px solid var(--cizgi);border-radius:12px;padding:18px;
      white-space:pre-wrap;font-size:14px;line-height:1.75;min-height:320px;color:var(--ink)}
.bos{color:var(--mut);text-align:center;padding:60px 10px;font-size:14px}
.spin{display:inline-block;width:15px;height:15px;border:2px solid #cbd5e1;border-top-color:var(--mavi);
      border-radius:50%;animation:pbspin .8s linear infinite;vertical-align:middle;margin-right:6px}
@keyframes pbspin{to{transform:rotate(360deg)}}
.indir-satir{display:flex;gap:10px;margin-top:14px}
.indir-satir button{flex:1;padding:11px;border-radius:10px;border:1px solid var(--cizgi);
      background:var(--kart);color:var(--ink);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer}
.indir-satir button:hover{border-color:var(--mavi)}
.indir-satir button:disabled{opacity:.5;cursor:default}

.yan-kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:18px;padding:20px;
      box-shadow:var(--golge);margin-bottom:16px}
.yan-kart .yb{font-size:11.5px;font-weight:800;color:var(--mut);letter-spacing:.5px;
      text-transform:uppercase;margin-bottom:12px}
.yan-kart a.arac{display:flex;align-items:center;gap:10px;padding:9px 0;color:var(--ink);
      font-size:13.5px;font-weight:600}
.yan-kart a.arac:hover{color:var(--mavi);text-decoration:none}
.yan-kart a.arac .ai{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:flex;
      align-items:center;justify-content:center;font-size:15px;background:linear-gradient(135deg,#eef2ff,#f3e8ff)}
.uyari{font-size:12px;color:var(--mut);margin-top:14px;line-height:1.55}
.uyari-kutu{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:14px 16px;
      font-size:13px;color:#9a3412;margin-top:18px;line-height:1.6}

footer{background:#0b1120;color:#94a3b8;padding:56px 24px 26px;margin-top:40px}
.pf-inner{max-width:1180px;margin:0 auto}
.pf-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;text-align:left}
.pf-marka{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:800;color:#fff;margin-bottom:12px}
.pf-aciklama{font-size:13.5px;line-height:1.7;max-width:320px;color:#7c8aa5;margin:0}
.pf-baslik{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#4f6b9e;margin-bottom:14px}
.pf-col a{display:block;color:#a9b4c9;text-decoration:none;font-size:13.5px;margin-bottom:11px}
.pf-col a:hover{color:#fff}
.pf-alt{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;
      margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px;color:#64748b}
.pf-alt a{color:#64748b}
@media(max-width:820px){.pf-top{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.pf-top{grid-template-columns:1fr}.pf-alt{flex-direction:column;align-items:flex-start}}

/* Koyu tema */
:root[data-theme="dark"]{--ink:#e6eaf3;--mut:#9aa6bd;--cizgi:#2b3654;--bg:#0e1524;--kart:#182135}
:root[data-theme="dark"] header{background:rgba(18,25,42,.9)}
:root[data-theme="dark"] .kutu,:root[data-theme="dark"] .icerik,
:root[data-theme="dark"] .ust-btn,:root[data-theme="dark"] .yan-kart{background:var(--kart);
      border-color:var(--cizgi);color:var(--ink)}
:root[data-theme="dark"] input,:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select{background:#111a2b;color:var(--ink);border-color:#34426a}
:root[data-theme="dark"] .reklam,:root[data-theme="dark"] .onizleme{background:#111a2b;border-color:#34426a}
:root[data-theme="dark"] .rozet{background:#1e2748}
:root[data-theme="dark"] .yan-kart a.arac .ai{background:linear-gradient(135deg,#26304a,#312453)}
:root[data-theme="dark"] .uyari-kutu{background:#2a1d12;border-color:#7c3f1d;color:#fdba74}

@media(max-width:820px){
  header{flex-wrap:wrap;padding:10px 14px;gap:8px}
  header nav{width:100%;margin-left:0;justify-content:center;flex-wrap:wrap;gap:12px 16px}
  .ust{margin-left:0} .ust-ayrac{display:none}
  h1{font-size:25px} .kutu{padding:18px 16px} .icerik{padding:20px 16px}
}