/* Yazı tipi: Newsreader (SIL OFL 1.1), sitenin kendi klasöründen. */
@font-face{
  font-family:"Newsreader"; font-style:normal; font-weight:200 800; font-display:swap;
  src:url("fonts/newsreader-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Newsreader"; font-style:normal; font-weight:200 800; font-display:swap;
  src:url("fonts/newsreader-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --zemin:#faf8f9;
  --yazi:#262329;
  --soluk:#56515c;
  --vurgu:#7f3f5a;
  --ince:rgba(38,35,41,.14);
  --serif:"Newsreader","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --kenar:clamp(20px,4vw,52px);
}

*{box-sizing:border-box; margin:0; padding:0}
html{-webkit-text-size-adjust:100%}
body{
  min-height:100vh; min-height:100svh; overflow-x:hidden;
  display:grid; grid-template-rows:auto 1fr auto;
  padding:var(--kenar);
  padding-left:max(var(--kenar),env(safe-area-inset-left));
  padding-right:max(var(--kenar),env(safe-area-inset-right));
  color:var(--yazi); background:var(--zemin);
  font-family:var(--sans); font-size:1rem; line-height:1.55; text-align:center;
}
ul{list-style:none}
a{color:inherit}
:focus-visible{outline:2px solid var(--vurgu); outline-offset:3px}

/* Arka plan ışığı: konum ve dönüş sayfa.js tarafından verilir. */
.isik{position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none}
.isik span{position:absolute; left:0; top:0; filter:blur(54px); opacity:0; will-change:transform,opacity}
.isik span:nth-child(1){width:64vmax; height:56vmax; background:#f6bfd1; border-radius:42% 58% 60% 40% / 55% 42% 58% 45%}
.isik span:nth-child(2){width:54vmax; height:60vmax; background:#d6c4f8; border-radius:60% 40% 45% 55% / 42% 58% 42% 58%}
.isik span:nth-child(3){width:52vmax; height:46vmax; background:#fcd0b2; border-radius:50% 50% 38% 62% / 60% 45% 55% 40%}
.isik span:nth-child(4){width:42vmax; height:44vmax; background:#bfe6ea; border-radius:45% 55% 52% 48% / 48% 60% 40% 52%}
.isik span:nth-child(5){width:36vmax; height:34vmax; background:#f1bfe2; border-radius:58% 42% 48% 52% / 44% 52% 48% 56%}

header,main,footer{position:relative; z-index:1}
header{display:flex; justify-content:space-between; align-items:center}
.imza{font-family:var(--serif); font-size:1.05rem; letter-spacing:.14em; color:var(--vurgu)}

.dil{display:inline-flex; gap:2px; border:1px solid var(--ince); border-radius:999px; padding:3px}
.dil button{
  font:inherit; font-size:.8rem; letter-spacing:.08em; color:var(--soluk);
  background:none; border:0; border-radius:999px; min-width:46px; min-height:40px; cursor:pointer;
}
.dil button[aria-pressed="true"]{background:var(--yazi); color:var(--zemin)}

main{align-self:start; justify-self:center; max-width:46rem; padding:clamp(22px,5.5vh,64px) 0 clamp(24px,5vh,56px)}
.durum{
  display:inline-flex; align-items:center; gap:.65em; padding:0 16px; min-height:34px;
  margin-top:clamp(30px,6vh,60px);
  font-size:.72rem; letter-spacing:.2em; color:var(--vurgu);
  border:1px solid rgba(127,63,90,.35); border-radius:999px;
  background:rgba(255,255,255,.45);
}
.nokta{width:6px; height:6px; border-radius:50%; background:currentColor; animation:nefes 2.8s ease-in-out infinite}
@keyframes nefes{50%{opacity:.25}}
.unvan{font-size:1.05rem; color:var(--soluk)}
h1{
  font-family:var(--serif); font-weight:250; letter-spacing:-.02em; line-height:1.02;
  font-size:clamp(3rem,10.5vw,7.4rem); margin-top:.06em;
}
.kurum{margin-top:clamp(18px,3vh,30px); color:var(--soluk)}
.kurum span{display:block}
.giris{margin:clamp(20px,3.5vh,34px) auto 0; max-width:30rem; font-size:1.12rem; line-height:1.6}
.cizgi{width:1px; height:clamp(28px,5vh,48px); background:var(--ince); margin:clamp(22px,4vh,38px) auto 6px}

.baglar{display:flex; flex-wrap:wrap; justify-content:center; gap:6px 26px}
.baglar a{
  display:inline-flex; align-items:center; gap:.35em; min-height:40px; text-decoration:none;
  background:linear-gradient(var(--vurgu),var(--vurgu)) 0 78%/100% 1px no-repeat;
  transition:color .25s;
}
.baglar a:hover{color:var(--vurgu)}
.baglar a span{font-size:.8em; color:var(--vurgu)}

footer{display:flex; justify-content:space-between; gap:12px; font-size:.8rem; color:var(--soluk)}

/* Geniş ve yüksek ekranda içerik ortaya yakın durur, hafifçe yukarıda. */
@media (min-width:900px) and (min-height:700px){
  main{align-self:center; padding:0 0 9vh}
}

@media (prefers-reduced-motion: reduce){
  *{animation:none !important; transition:none !important}
}