:root{--green:#0F6E56;--green-ink:#0b5946;--ink:#1a2420;--soft:#5b6b63;--bg:#f5f8f6;--surface:#fff;--line:#e3e8e3}
@media(prefers-color-scheme:dark){:root{--ink:#e9f1ec;--soft:#a1b0a7;--bg:#0e1713;--surface:#16211c;--line:#263630;--green:#3fae8c}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
header{background:var(--green);color:#fff;padding:20px;text-align:center}
header a.logo{color:#fff;text-decoration:none;font-weight:800;font-size:22px;letter-spacing:.5px}
header .slogan{font-size:13px;opacity:.92;margin-top:4px}
.wrap{max-width:760px;margin:0 auto;padding:32px 20px 56px}
h1{font-size:26px;margin:0 0 6px;letter-spacing:-.01em}
.tarih{color:var(--soft);font-size:13px;margin:0 0 22px}
h2{font-size:18px;margin:26px 0 8px;color:var(--green)}
p,li{font-size:15px;color:var(--ink)}
.soft{color:var(--soft)}
a{color:var(--green)}
.kart{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 24px;box-shadow:0 4px 16px rgba(20,40,32,.05)}
ul{padding-left:20px}
li{margin:6px 0}
footer{border-top:1px solid var(--line);text-align:center;padding:24px 20px;color:var(--soft);font-size:13px}
footer a{margin:0 6px;font-weight:600;white-space:nowrap}
.hero{text-align:center;padding:64px 20px 44px;max-width:640px;margin:0 auto}
.hero h1{font-size:clamp(26px,6vw,36px);text-wrap:balance}
.hero p{font-size:17px;color:var(--soft);margin:14px auto 0}
.rozet{display:inline-block;background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green);font-weight:700;font-size:13px;padding:7px 15px;border-radius:99px;margin-top:18px}