/* Panelin açık temasıyla uyumlu (uygulama/app/gembos.css renkleri). */
:root{--lacivert:#0d425f;--murekkep:#1d3440;--ikincil:#4d6571;--vurgu:#48bfcc;--zemin:#f5f8f9;--kart:#fff;--cizgi:#dbe5e9;
  --yazi:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:16px/1.6 var(--yazi);color:var(--murekkep);background:var(--zemin)}
img,video{max-width:100%;display:block}
a{color:var(--lacivert)}
a:focus-visible,.dugme:focus-visible{outline:3px solid var(--vurgu);outline-offset:2px}
h1,h2{line-height:1.2;margin:0 0 .5em}
.atla{position:absolute;left:-999px;top:0;background:#fff;padding:.5rem 1rem;z-index:10}
.atla:focus{left:1rem;top:1rem}

.ust{position:absolute;inset:0 0 auto;z-index:3;padding:max(16px,env(safe-area-inset-top)) 20px 16px}
.ust .logo img{height:64px;width:auto;border-radius:10px;box-shadow:0 2px 12px #0004}
.ust-duz{position:static;background:var(--lacivert)}

.acilis{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;
  background:linear-gradient(160deg,#0d425f 0%,#145a7c 55%,#48bfcc 130%)}
.acilis-medya{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.acilis::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0006 0%,#0000 35%,#000a 100%)}
.acilis-metin{position:relative;z-index:2;padding:0 20px max(48px,env(safe-area-inset-bottom));max-width:40rem}
.acilis h1{font-size:clamp(2rem,8vw,3.5rem)}
.acilis p{font-size:1.125rem;margin:0 0 1.5rem}
.etiket{display:inline-block;font-size:.85rem!important;letter-spacing:.08em;text-transform:uppercase;background:#ffffff26;padding:.25rem .75rem;border-radius:99px;margin-bottom:1rem!important}
.dugme{display:inline-block;background:#fff;color:var(--lacivert);font-weight:700;text-decoration:none;padding:.8rem 1.5rem;border-radius:8px;min-height:44px}
.duz .dugme{background:var(--lacivert);color:#fff}

main{max-width:1080px;margin:0 auto;padding:48px 20px}
.basliklar{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:56px}
.basliklar article{background:var(--kart);border:1px solid var(--cizgi);border-top:4px solid var(--vurgu);border-radius:10px;padding:20px}
.basliklar h2{font-size:1.15rem;color:var(--lacivert)}
.basliklar p{margin:0;color:var(--ikincil)}

.galeri{margin-bottom:56px}
.galeri h2,.iletisim h2{font-size:1.5rem;color:var(--lacivert)}
.galeri ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.galeri img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px;background:var(--cizgi)}

.iletisim{background:var(--kart);border:1px solid var(--cizgi);border-radius:10px;padding:24px}
.iletisim ul{list-style:none;padding:0;margin:0}
.iletisim li{padding:.35rem 0}
.iletisim a{font-weight:600;display:inline-block;padding:.5rem 0}

.metin{max-width:44rem}
.metin h2{font-size:1.2rem;margin-top:1.5em;color:var(--lacivert)}

.alt{border-top:1px solid var(--cizgi);padding:24px 20px max(24px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--ikincil);max-width:1080px;margin:0 auto}
.alt p{margin:0}
.alt nav{display:flex;gap:20px;flex-wrap:wrap}
.alt a{color:var(--ikincil);padding:10px 0}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.galeri .not{font-size:.875rem;color:var(--ikincil);margin:.75rem 0 0}