/* Alt sayfaların ortak biçimi: hakkımızda, misyon, vizyon, gizlilik, koşullar */
:root{
  --kagit:#f3f6fb; --beyaz:#fff; --murekkep:#0d1b2a; --gri:#5c6b7e; --cizgi:#d9e1ec;
  --turuncu:#f97316;
  --wa:#1faa59; --ig:#d62f7f; --fb:#2463eb; --web:#7a4df0; --posta:#0e9bb5; --tel:#e0a400;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{font-family:Onest,system-ui,sans-serif;background:var(--kagit);color:var(--murekkep);font-size:18px;line-height:1.55;overflow-x:clip}
a{color:inherit}
:focus-visible{outline:2px solid var(--turuncu);outline-offset:3px}
.sar{width:min(1200px,100% - 48px);margin-inline:auto}
.dugme{display:inline-block;font:inherit;font-weight:650;background:var(--murekkep);color:#fff;text-decoration:none;border:0;cursor:pointer;padding:15px 26px;border-radius:999px;transition:background .3s,transform .2s}
.dugme:hover{background:var(--turuncu);transform:translateY(-2px)}
.dugme.kucuk{padding:10px 20px;font-size:16px}
.dugme.acik{background:#fff;color:var(--murekkep)}.dugme.acik:hover{background:var(--murekkep);color:#fff}

/* üst çubuk */
.ust{display:flex;justify-content:space-between;align-items:center;padding:22px 0}
.marka{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.03em;text-decoration:none}
.marka img{width:36px;height:36px;display:block}
.marka b{color:var(--turuncu)}
.ust nav{display:flex;gap:28px;font-size:16px}
.ust nav a{text-decoration:none;color:var(--gri);transition:color .3s}
.ust nav a:hover,.ust nav a[aria-current]{color:var(--murekkep)}

/* kapak */
.kapak{position:relative;padding:70px 0 90px}
.kapak .iz{font-size:15px;font-weight:650;color:var(--gri);display:flex;gap:10px;align-items:center;margin-bottom:26px}
.kapak .iz a{text-decoration:none}.kapak .iz a:hover{color:var(--murekkep)}
.kapak .iz i{width:6px;height:6px;border-radius:50%;background:var(--turuncu)}
.kapak h1{font-size:clamp(40px,6vw,92px);line-height:.98;letter-spacing:-.05em;font-weight:750;max-width:13em;position:relative}
.kapak .giris{position:relative;font-size:22px;color:var(--gri);max-width:32em;margin-top:28px}
.top{position:absolute;border-radius:50%;background:var(--r);animation:suzul var(--s,9s) ease-in-out infinite alternate;z-index:0}
@keyframes suzul{to{transform:translate(var(--x,0),var(--y,-26px)) scale(1.06)}}
.kapak .sar{position:relative;z-index:1}

/* bölüm */
section{padding:0 0 110px}
.baslik{font-size:clamp(34px,4.6vw,66px);line-height:1;letter-spacing:-.045em;font-weight:750;max-width:15em}
.altmetin{color:var(--gri);max-width:34em;margin-top:18px;font-size:20px}
.iki{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.iki .baslik{position:sticky;top:40px}
.duz p{font-size:20px;max-width:34em}
.duz p+p{margin-top:20px}
.duz strong{font-weight:700}

/* kartlar */
.kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}
.kartlar.dort{grid-template-columns:repeat(2,1fr)}
.kart{position:relative;overflow:hidden;background:#fff;border:1px solid var(--cizgi);border-radius:28px;padding:100px 30px 30px;min-height:240px;display:flex;flex-direction:column;justify-content:flex-end}
.kart::before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:var(--r);top:-50px;right:-40px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.kart:hover::before{transform:scale(1.5)}
.kart h3{font-size:26px;line-height:1.1;letter-spacing:-.03em;margin-bottom:10px;position:relative}
.kart p{color:var(--gri);font-size:17px;position:relative}
.kart.koyu{background:var(--murekkep);border-color:var(--murekkep);color:#fff}
.kart.koyu p{color:#b9c4d3}
a.kart{text-decoration:none;transition:transform .3s}
a.kart:hover{transform:translateY(-4px)}
a.kart span{position:relative;margin-top:16px;font-weight:650;color:var(--turuncu)}

/* numaralı adımlar */
.adimlar{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:56px;counter-reset:a;position:relative;padding:0}
.adimlar::before{content:"";position:absolute;left:28px;right:28px;top:28px;height:2px;background:repeating-linear-gradient(90deg,var(--turuncu) 0 8px,transparent 8px 18px)}
.adimlar li{list-style:none;counter-increment:a;position:relative}
.adimlar li::before{content:counter(a);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--turuncu);color:#fff;font-weight:800;font-size:22px;margin-bottom:22px;position:relative;box-shadow:0 0 0 8px var(--kagit)}
.adimlar h3{font-size:26px;line-height:1.15;letter-spacing:-.03em;margin-bottom:6px}
.adimlar p{color:var(--gri)}

/* büyük cümle */
.cumle{background:var(--murekkep);color:#fff;border-radius:40px;padding:clamp(34px,6vw,90px);position:relative;overflow:hidden}
.cumle p{position:relative;font-size:clamp(30px,4.6vw,68px);line-height:1.04;letter-spacing:-.045em;font-weight:750;max-width:15em}
.cumle p em{font-style:normal;color:var(--turuncu)}
.cumle small{position:relative;display:block;margin-top:26px;font-size:18px;color:#b9c4d3;max-width:34em}

/* söz listesi */
.sozler{display:flex;flex-direction:column;gap:12px}
.soz{background:#fff;border:1px solid var(--cizgi);border-radius:24px;padding:26px 28px;display:grid;grid-template-columns:44px 1fr;gap:20px;align-items:start}
.soz i{width:44px;height:44px;border-radius:50%;background:var(--r)}
.soz h3{font-size:22px;line-height:1.15;letter-spacing:-.025em;margin-bottom:6px}
.soz p{color:var(--gri);font-size:17px}
.soz.yok i{background:none;border:2px dashed var(--gri)}

/* yol haritası */
.yol{position:relative;padding:0 0 0 46px}
.yol::before{content:"";position:absolute;left:13px;top:10px;bottom:10px;width:2px;background:repeating-linear-gradient(var(--turuncu) 0 8px,transparent 8px 18px)}
.yol li{list-style:none;position:relative;padding-bottom:44px}
.yol li:last-child{padding-bottom:0}
.yol li::before{content:"";position:absolute;left:-46px;top:4px;width:28px;height:28px;border-radius:50%;background:var(--kagit);border:3px solid var(--turuncu)}
.yol li.simdi::before{background:var(--turuncu);box-shadow:0 0 0 8px rgba(249,115,22,.2)}
.yol small{font-size:15px;font-weight:700;color:var(--turuncu)}
.yol h3{font-size:28px;line-height:1.12;letter-spacing:-.03em;margin:2px 0 8px}
.yol p{color:var(--gri);max-width:34em}

/* çağrı */
.cagri-kutu{background:var(--turuncu);color:#fff;border-radius:40px;padding:clamp(34px,5.4vw,76px);display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}
.cagri-kutu .baslik{max-width:13em}

/* uzun metin (gizlilik, koşullar) */
.belge{display:grid;grid-template-columns:280px minmax(0,1fr);gap:70px;align-items:start}
.icindekiler{position:sticky;top:30px;max-height:calc(100vh - 60px);overflow:auto;font-size:15px;padding-right:6px}
.icindekiler b{display:block;font-size:14px;color:var(--gri);font-weight:600;margin-bottom:12px}
.icindekiler a{display:block;text-decoration:none;color:var(--gri);padding:7px 0 7px 14px;border-left:2px solid var(--cizgi);transition:color .2s,border-color .2s}
.icindekiler a:hover{color:var(--murekkep)}
.icindekiler a.aktif{color:var(--murekkep);font-weight:650;border-color:var(--turuncu)}
.yazi{max-width:44em;line-height:1.65}
.yazi h2{font-size:30px;line-height:1.1;letter-spacing:-.035em;margin:64px 0 16px;scroll-margin-top:30px}
.yazi h2:first-child{margin-top:0}
.yazi h3{font-size:20px;letter-spacing:-.02em;margin:30px 0 8px}
.yazi p,.yazi li{color:#33455a}
.yazi p+p{margin-top:14px}
.yazi ul,.yazi ol{padding-left:22px;margin:12px 0}
.yazi li{margin-bottom:8px}
.yazi li::marker{color:var(--turuncu)}
.yazi a{color:var(--murekkep);text-decoration-color:var(--turuncu);text-underline-offset:4px}
.yazi strong{color:var(--murekkep)}
.ozet{background:#fff;border:1px solid var(--cizgi);border-radius:24px;padding:26px 28px;margin-bottom:10px}
.ozet h2{margin:0 0 12px;font-size:22px}
.ozet ul{margin:0}
.tablo{width:100%;min-width:520px;border-collapse:separate;border-spacing:0;margin:16px 0;font-size:16px;background:#fff;border:1px solid var(--cizgi);border-radius:18px;overflow:hidden}
.tablo th,.tablo td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--cizgi)}
.tablo th{font-size:14px;color:var(--gri);font-weight:650;background:#f8fafd}
.tablo tr:last-child td{border-bottom:0}
.tablo-sar{overflow-x:auto}
.not{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:16px 20px;font-size:16px;margin:16px 0}
.tarih{font-size:15px;color:var(--gri);margin-top:26px}

/* alt bilgi */
.alt{position:relative;overflow:hidden;background:var(--murekkep);color:#fff;border-radius:44px 44px 0 0;padding:70px 0 34px}
.alt .ag{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}
.alt .marka{color:#fff}
.alt p{color:#9fb0c3;font-size:16px;margin-top:16px;max-width:22em}
.alt h4{font-size:14px;color:#9fb0c3;font-weight:600;margin-bottom:14px}
.alt ul{padding:0}
.alt li{list-style:none;margin-bottom:9px}
.alt li a{text-decoration:none;color:#fff;background:linear-gradient(var(--turuncu),var(--turuncu)) left bottom/0 2px no-repeat;transition:background-size .3s}
.alt li a:hover{background-size:100% 2px}
.simdi{display:flex;align-items:center;gap:12px;margin-top:56px;padding-top:24px;border-top:1px solid #24364a;font-size:16px;color:#c9d4e0}
.simdi i{width:10px;height:10px;border-radius:50%;background:var(--wa);animation:nabiz 2s infinite}
@keyframes nabiz{from{box-shadow:0 0 0 0 rgba(31,170,89,.6)}to{box-shadow:0 0 0 12px rgba(31,170,89,0)}}
.simdi span:last-child{margin-left:auto;color:#7d8fa3;font-size:14px}

@media (max-width:1560px){
  .kapak>.top{opacity:.14}
}
@media (max-width:1000px){
  .ust nav{display:none}
  .iki,.kartlar,.kartlar.dort,.adimlar,.belge,.alt .ag{grid-template-columns:minmax(0,1fr)}
  .kapak>.top{display:none}
  .kapak .giris{font-size:19px}
  .cumle{border-radius:30px}
  .cumle .top{width:130px!important;height:130px!important;top:-66px!important;right:-50px!important}
  .kart{min-height:0;padding:90px 24px 24px}
  .soz{grid-template-columns:32px minmax(0,1fr);gap:14px;padding:20px}.soz i{width:32px;height:32px}
  .cagri-kutu{border-radius:30px}
  .yazi h2{font-size:25px;margin-top:48px}
  .ozet{padding:20px}
  .alt{border-radius:30px 30px 0 0;padding-top:50px}.alt .ag{gap:30px}
  .iki{gap:26px}.iki .baslik{position:static}
  .adimlar::before{display:none}
  .icindekiler{display:none}
  .belge{gap:36px}
  .kapak{padding:40px 0 60px}
  section{padding-bottom:76px}
  .simdi{flex-wrap:wrap;margin-top:36px}.simdi span:first-of-type{flex:1;min-width:0}.simdi span:last-child{margin-left:0;flex-basis:100%}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01s!important}html{scroll-behavior:auto}}