/* Ventom kimliği: lacivert zemin, adaçayı vurgu. Kurumsal font Gotham Narrow lisanslı olduğu için webde Barlow Semi Condensed kullanılır. */
:root{
  --lacivert:#082C3E; --koyu:#05202E; --adacayi:#9AB8AC; --parlak:#B8DCCE;
  --metin-acik:#E4EDE9; --soluk-acik:#B8CBC3; --zemin:#F3F6F5; --yuzey:#FFFFFF;
  --metin:#082C3E; --soluk:#4E6670; --cizgi:#D5E0DB;
  --baslik:"Barlow Semi Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --govde:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--govde);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--adacayi);outline-offset:3px}
.logo{display:block;height:12px;aspect-ratio:609/89;background:currentColor;-webkit-mask:url(/varlik/logo-maske.png) left/contain no-repeat;mask:url(/varlik/logo-maske.png) left/contain no-repeat}
.metin-sayfa{background:var(--zemin);color:var(--metin);min-height:100vh;
  padding:max(28px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 56px max(20px,env(safe-area-inset-left))}
.metin-sayfa main{max-width:640px;margin:0 auto}
.metin-sayfa .logo{color:var(--lacivert);margin-bottom:40px}
.metin-sayfa h1{font-family:var(--baslik);font-weight:400;font-size:clamp(30px,6vw,40px);line-height:1.08;margin:0 0 16px;text-wrap:balance}
.metin-sayfa h2{font-family:var(--baslik);font-weight:500;font-size:22px;margin:32px 0 8px}
.metin-sayfa p,.metin-sayfa li{color:var(--soluk)}
.metin-sayfa p strong,.metin-sayfa li strong{color:var(--metin)}
.dugme{display:inline-block;font:inherit;font-weight:600;border:0;border-radius:10px;padding:13px 18px;background:var(--lacivert);color:var(--metin-acik);cursor:pointer;text-decoration:none}
.dugme[disabled]{opacity:.55;cursor:default}
.kutu{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:12px;padding:18px 20px;margin-top:20px}
.alt{margin-top:48px;font-size:13px;color:var(--soluk)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
