:root { --zemin:#f7f5f0; --yazi:#1d1b18; --soluk:#5f5a52; --vurgu:#c2410c; --kart:#ffffff; --cizgi:#e5e0d6; }
@media (prefers-color-scheme: dark) { :root { --zemin:#151412; --yazi:#ece8e1; --soluk:#a8a196; --vurgu:#fb923c; --kart:#1f1d1a; --cizgi:#2e2b27; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--zemin); color:var(--yazi); font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
a { color:var(--vurgu); }
.kap { max-width:960px; margin:0 auto; padding:0 16px; }
.ust { border-bottom:1px solid var(--cizgi); }
.ust .kap { display:flex; justify-content:space-between; align-items:center; height:60px; }
.logo { font-size:1.25rem; letter-spacing:.02em; }
.dil { font-size:.9rem; color:var(--soluk); }
section { padding:40px 0; border-bottom:1px solid var(--cizgi); }
h1 { font-size:clamp(1.8rem,4vw,2.6rem); line-height:1.15; margin:0 0 16px; }
h2 { font-size:1.4rem; margin:0 0 20px; }
h3 { margin:0 0 8px; }
.giris p { max-width:640px; color:var(--soluk); font-size:1.1rem; }
.dugme { display:inline-block; margin-top:12px; padding:10px 18px; border-radius:8px; background:var(--vurgu); color:#fff; text-decoration:none; font-weight:600; }
.kartlar { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.kart { background:var(--kart); border:1px solid var(--cizgi); border-radius:12px; padding:20px; }
.kart p { color:var(--soluk); margin:0 0 12px; }
.liste { padding-left:20px; color:var(--soluk); }
.en p { color:var(--soluk); max-width:720px; }
.alt { padding:24px 0; color:var(--soluk); font-size:.9rem; }