:root{
  --ana:#0f766e; --anakoyu:#115e59; --koyu:#1e293b; --acik:#f0fdfa; --vurgu:#f59e0b;
  --yesil:#16a34a; --kirmizi:#dc2626; --cizgi:#e2e8f0; --gri:#f8fafc;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--koyu);
  background:#fff;line-height:1.75;font-size:17px}
.kap{max-width:960px;margin:0 auto;padding:0 16px}
a{color:var(--ana)}
h1{font-size:1.85rem;margin:24px 0 12px;line-height:1.3}
h2{font-size:1.35rem;margin:30px 0 10px;color:var(--ana);border-bottom:2px solid var(--acik);padding-bottom:6px}
h3{font-size:1.12rem;margin:20px 0 8px;color:var(--anakoyu)}
p{margin:10px 0}
ul,ol{margin:10px 0 10px 24px}
li{margin:5px 0}
main{min-height:60vh;padding-bottom:40px}

.ust{background:#fff;border-bottom:3px solid var(--ana);position:sticky;top:0;z-index:50}
.ust-ic{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 16px}
.logo{font-size:1.4rem;font-weight:800;text-decoration:none;color:var(--koyu);line-height:1.1}
.logo span{color:var(--ana)}
.logo em{display:block;font-style:normal;font-size:.62rem;letter-spacing:3px;color:var(--vurgu);font-weight:700}
.ust nav{display:flex;gap:2px;flex-wrap:wrap}
.ust nav a{text-decoration:none;color:var(--koyu);padding:8px 10px;border-radius:8px;font-weight:600;font-size:.93rem}
.ust nav a:hover{background:var(--acik);color:var(--ana)}

.kahraman{background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;border-radius:16px;
  padding:36px 24px;margin:24px 0;text-align:center}
.kahraman h1{color:#fff;margin-top:0}
.kahraman p{opacity:.95;max-width:680px;margin:10px auto}

.kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:20px 0}
.kart{border:1px solid var(--cizgi);border-radius:14px;padding:20px;background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.05);text-decoration:none;color:var(--koyu);display:block}
.kart:hover{border-color:var(--ana);box-shadow:0 4px 14px rgba(15,118,110,.15)}
.kart h3{margin-top:0;color:var(--ana)}
.kart p{font-size:.95rem;color:#475569}

.kutu{background:var(--gri);border:1px solid var(--cizgi);border-radius:14px;padding:20px;margin:20px 0}
.uyari{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px 16px;margin:16px 0;font-size:.95rem}
.sinav-notu{background:var(--acik);border-left:5px solid var(--ana);border-radius:0 12px 12px 0;
  padding:14px 16px;margin:18px 0;font-size:.96rem}
.sinav-notu strong:first-child{color:var(--ana)}
.ornek{background:#fdf4ff;border:1px solid #f0abfc;border-radius:12px;padding:14px 16px;margin:16px 0;font-size:.96rem}
.ornek strong:first-child{color:#a21caf}

table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.94rem}
th,td{border:1px solid var(--cizgi);padding:9px 12px;text-align:left;vertical-align:top}
th{background:var(--acik);color:var(--anakoyu)}
tr:nth-child(even) td{background:var(--gri)}
.tablo-kaydir{overflow-x:auto}

.kirinti{font-size:.88rem;color:#64748b;margin:14px 0 0}
.kirinti a{color:#64748b}
.gezinti{display:flex;justify-content:space-between;gap:12px;margin:28px 0 8px;flex-wrap:wrap}
.gezinti a{text-decoration:none;background:var(--acik);border:1px solid var(--cizgi);
  border-radius:10px;padding:10px 16px;font-weight:600;font-size:.92rem;color:var(--anakoyu)}
.gezinti a:hover{border-color:var(--ana)}
.dugme{background:var(--ana);color:#fff;border:none;border-radius:10px;padding:12px 24px;
  font-size:1rem;font-weight:700;cursor:pointer;display:inline-block;text-decoration:none;margin-top:10px}
.dugme:hover{background:var(--anakoyu)}

.alt{background:var(--koyu);color:#cbd5e1;margin-top:40px;padding:28px 0;font-size:.9rem}
.alt a{color:#5eead4;text-decoration:none;margin-right:14px}
.alt-baglanti{margin-bottom:12px}
.alt-not{margin:6px 0;opacity:.85}

@media(max-width:600px){
  body{font-size:16px}
  h1{font-size:1.45rem}
  .kahraman{padding:26px 16px}
}