:root { --k: #C6633F; --k2: #E08A5C; --pembe: #E0557A; --bg: #050506; --soluk: #9a9aa2; }
* { box-sizing: border-box; margin: 0; padding: 0; }
html { overflow-x: clip; }
body { font-family: "Hanken Grotesk", sans-serif; -webkit-font-smoothing: antialiased; background: var(--bg); color: #ededef; overflow-x: clip; min-height: 100vh; display: flex; flex-direction: column; }
a { color: inherit; text-decoration: none; }
.yok { flex: 1; display: grid; align-content: center; gap: 22px; max-width: 1240px; width: 100%; margin: 0 auto; padding: 140px 24px 100px; }
.etk { font: 500 13px/1 "IBM Plex Mono", monospace; letter-spacing: .14em; color: var(--k2); }
h1 { font: 800 clamp(44px, 8vw, 104px)/.95 "Hanken Grotesk", sans-serif; letter-spacing: -.035em; }
.degrade { background: linear-gradient(100deg, var(--k2), var(--pembe)); -webkit-background-clip: text; background-clip: text; color: transparent; }
p { max-width: 560px; font-size: 18px; line-height: 1.6; color: var(--soluk); }
.dgm { display: flex; gap: 10px; flex-wrap: wrap; }
.cb { display: inline-flex; align-items: center; height: 48px; padding: 0 22px; border-radius: 999px; font: 600 15px/1 "Hanken Grotesk", sans-serif; background: #ededef; color: #000; }
.cb.hay { background: transparent; color: #ededef; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); }
.gozle { opacity: 0; transform: translateY(24px); transition: opacity .9s cubic-bezier(.2, .7, .2, 1), transform .9s cubic-bezier(.2, .7, .2, 1); }
.gozle.gor { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } .gozle { opacity: 1; transform: none; } }

/* gizlilik: uzun, okunur metin */
.yok { align-content: start; max-width: 760px; }
.yok h1 { font-size: clamp(40px, 6vw, 72px); }
.mad { display: grid; gap: 10px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .08); }
.mad h2 { font: 700 22px/1.2 "Hanken Grotesk", sans-serif; letter-spacing: -.02em; color: #ededef; }
.mad p { max-width: none; font-size: 16.5px; }
.mad b { color: #ededef; font-weight: 600; }
.mad a { color: #ededef; border-bottom: 1px solid rgba(255, 255, 255, .3); }
.son-tarih { font: 500 13px/1.4 "IBM Plex Mono", monospace; color: #6c6c74; }