@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Sedgwick+Ave+Display&display=swap');
:root { --zemin:#000000; --yazi:#F4F4EE; --gri:#A3A39C; --vurgu:#E8FF00; --cizgi:#2A2A2A; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--zemin); color: var(--yazi); }
body { font-family: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 1.0625rem; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: var(--vurgu); }
.logo { font-weight: 600; font-size: 1.5rem; letter-spacing: -.03em; text-decoration: none; color: var(--yazi); }
.logo .to { color: var(--vurgu); }
header { display: flex; justify-content: space-between; align-items: center; padding: 1.25rem clamp(1rem, 5vw, 4rem); border-bottom: 1px solid var(--cizgi); }
header nav a { color: var(--gri); text-decoration: none; margin-left: 1.25rem; font-size: .95rem; }
header nav a:hover { color: var(--yazi); }
main.metin { max-width: 46rem; margin: 0 auto; padding: 3rem 1rem 5rem; }
main.metin h1 { font-size: clamp(2rem, 5vw, 3rem); letter-spacing: -.035em; line-height: 1.05; margin: 0 0 .5rem; }
main.metin h2 { font-size: 1.25rem; margin: 2.25rem 0 .5rem; }
main.metin .tarih { color: var(--gri); margin: 0 0 2rem; }
main.metin li { margin: .25rem 0; }
main.metin hr { border: 0; border-top: 1px solid var(--cizgi); margin: 3rem 0; }
footer { border-top: 1px solid var(--cizgi); padding: 1.5rem clamp(1rem, 5vw, 4rem); color: var(--gri); font-size: .9rem; display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; }
footer a { color: var(--gri); }
.yakinda { min-height: calc(100vh - 140px); display: flex; flex-direction: column; justify-content: center; padding: 2rem clamp(1rem, 5vw, 4rem); }
.yakinda h1 { font-size: clamp(3.5rem, 13vw, 10rem); letter-spacing: -.045em; line-height: .9; margin: 0; }
.yakinda h1 .to { color: var(--vurgu); }
.yakinda p { color: var(--gri); font-size: clamp(1.1rem, 2.4vw, 1.5rem); max-width: 34rem; margin: 1.5rem 0 0; }
.yakinda .kollar { margin-top: 2rem; color: var(--yazi); font-weight: 500; }
.yakinda .kollar span { color: var(--gri); margin: 0 .5rem; }
main.metin, footer { overflow-wrap: anywhere; }
header { flex-wrap: wrap; gap: .5rem; }
@media (max-width: 480px) { header nav a { margin-left: .9rem; } main.metin { padding-top: 2rem; } }
.logo { display: inline-flex; align-items: center; gap: .35rem; }
.logo img { width: 1.75rem; height: 1.75rem; }
.yakinda .kollar { display: flex; flex-wrap: wrap; gap: .75rem 2rem; }
.yakinda .kollar .kol { display: inline-flex; align-items: center; gap: .5rem; color: var(--yazi); margin: 0; }
.yakinda .kollar .kol img { width: 2.75rem; height: 2.75rem; }
.yakinda h1 { display: flex; align-items: center; gap: 0; }
.yakinda h1 .isaret-buyuk { width: .95em; height: .95em; margin: 0 -.12em 0 -.18em; }
.kol.create { color: var(--yazi); }
.kol.create b { color: var(--vurgu); font-weight: 600; }
.kol.create { display: inline-flex; align-items: center; gap: .3rem; font-weight: 600; letter-spacing: -.03em; }
.kol.create i { font-style: normal; color: var(--vurgu); }
.kol.create b { font-family: "Sedgwick Ave Display", cursive; font-weight: 400; font-size: 1.6rem; color: #000; -webkit-text-stroke: .045em var(--yazi); letter-spacing: 0; display: inline-block; transform: rotate(-6deg); text-shadow: .07em .07em 0 var(--vurgu); line-height: 1; }
.yakinda .kollar .kol.create { text-decoration: none; font-weight: 600; letter-spacing: -.03em; gap: .4rem; }
.yakinda .kollar .kol.create b { font-size: 2.1rem; }
.yakinda .kollar .kol.create, .yakinda .kollar .kol.create > span { color: var(--yazi); margin: 0; }