.oy-hero { padding-top: 2.4rem; }
.oy-et {
  display: inline-block; font-family: var(--f-mono); font-size: 0.62rem; font-weight: 800;
  letter-spacing: 0.14em; color: var(--c-bg); background: var(--c-gold);
  padding: 0.24rem 0.62rem; border-radius: 999px; margin-bottom: 0.9rem;
}
.oy-h1 {
  font-family: var(--f-display); font-size: clamp(1.8rem, 4.2vw, 2.9rem); font-weight: 900;
  color: var(--c-cream); margin: 0 0 0.8rem; letter-spacing: -0.03em; line-height: 1.15;
}
.oy-sure { color: var(--c-muted); font-size: 1.04rem; line-height: 1.8; margin: 0 0 1rem; max-width: 72ch; }
.oy-sure strong { color: var(--c-cream); }
.oy-kime {
  display: inline-block; padding: 0.5rem 0.9rem; margin-bottom: 1rem;
  background: rgba(127,178,229,0.09); border: 1px solid rgba(127,178,229,0.3);
  border-radius: 10px; color: var(--c-muted); font-size: 0.88rem;
}
.oy-kime strong { color: #9CC5EE; }
.oy-gercek {
  padding: 1.1rem 1.3rem; margin-bottom: 1.4rem;
  background: rgba(214,168,79,0.08); border: 1px solid rgba(214,168,79,0.32);
  border-left: 3px solid var(--c-gold); border-radius: 12px;
  color: var(--c-muted); font-size: 0.94rem; line-height: 1.8; max-width: 78ch;
}
.oy-gercek strong { color: var(--c-cream); }
.oy-gercek em { color: var(--c-gold); font-style: italic; }
.oy-ilerleme { display: flex; align-items: center; gap: 0.9rem; margin-top: 1.2rem; max-width: 520px; }
.oy-bar { flex: 1; height: 8px; background: rgba(255,255,255,0.08); border-radius: 999px; overflow: hidden; }
.oy-dolu { height: 100%; width: 0; background: linear-gradient(90deg, var(--c-pitch), var(--c-gold)); transition: width 0.3s; }
.oy-yuzde { font-family: var(--f-mono); font-size: 0.72rem; font-weight: 800; color: var(--c-pitch); white-space: nowrap; }
.oy-liste { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.9rem; counter-reset: oy; }
.oy-adim {
  display: flex; gap: 1rem; padding: 1.3rem 1.5rem;
  background: rgba(13,27,47,0.55); border: 1px solid var(--c-line);
  border-left: 3px solid var(--c-pitch); border-radius: 14px;
  transition: border-color 0.18s, background 0.18s;
}
.oy-adim.oy-tamam { border-left-color: var(--c-gold); background: rgba(214,168,79,0.05); }
.oy-adim.oy-tamam .oy-no { background: var(--c-gold); color: var(--c-bg); }
.oy-adim.oy-tamam .oy-baslik { text-decoration: line-through; opacity: 0.7; }
.oy-no {
  flex: 0 0 34px; height: 34px; display: grid; place-items: center;
  font-family: var(--f-mono); font-size: 0.85rem; font-weight: 900;
  background: var(--c-pitch); color: var(--c-bg); border-radius: 50%;
}
.oy-govde { flex: 1; min-width: 0; }
.oy-baslik { font-family: var(--f-display); font-size: 1.12rem; font-weight: 800; color: var(--c-cream); margin: 0 0 0.5rem; }
.oy-aciklama { color: var(--c-muted); font-size: 0.94rem; line-height: 1.8; margin: 0 0 0.9rem; max-width: 76ch; }
.oy-aciklama strong { color: var(--c-cream); }
.oy-aciklama em { color: var(--c-gold); font-style: italic; }
.oy-git {
  display: flex; flex-direction: column; gap: 0.15rem;
  padding: 0.7rem 1rem; margin-bottom: 0.6rem;
  background: rgba(79,209,161,0.08); border: 1px solid rgba(79,209,161,0.3);
  border-radius: 10px; transition: border-color 0.15s;
}
.oy-git:hover { border-color: var(--c-pitch); }
.oy-git-et { font-family: var(--f-mono); font-size: 0.6rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--c-pitch); }
.oy-git-ad { color: var(--c-cream); font-size: 0.93rem; font-weight: 600; }
.oy-konu {
  display: inline-block; margin-bottom: 0.7rem;
  font-family: var(--f-mono); font-size: 0.66rem; font-weight: 700; color: var(--c-gold);
}
.oy-onay {
  display: flex; align-items: center; gap: 0.5rem; cursor: pointer;
  font-size: 0.85rem; color: var(--c-muted-2); user-select: none;
}
.oy-onay input { width: 17px; height: 17px; accent-color: var(--c-gold); cursor: pointer; }
.oy-onay:hover { color: var(--c-cream); }
.oy-son {
  margin-top: 2rem; padding: 1.6rem 1.8rem;
  background: rgba(13,27,47,0.5); border: 1px solid var(--c-line);
  border-left: 3px solid var(--c-gold); border-radius: 16px;
}
.oy-son h2 { font-family: var(--f-display); font-size: 1.3rem; color: var(--c-cream); margin: 0 0 0.8rem; }
.oy-son p { color: var(--c-muted); font-size: 0.95rem; line-height: 1.85; margin: 0 0 0.8rem; max-width: 78ch; }
.oy-son p strong { color: var(--c-cream); }
.oy-son-btn { display: flex; gap: 0.6rem; flex-wrap: wrap; margin-top: 1rem; }
.oyk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1rem; }
.oyk-kart {
  display: flex; flex-direction: column; gap: 0.5rem; padding: 1.4rem 1.5rem;
  background: rgba(13,27,47,0.55); border: 1px solid var(--c-line);
  border-left: 3px solid var(--c-gold); border-radius: 16px;
  transition: transform 0.18s, border-color 0.18s;
}
.oyk-kart:hover { transform: translateY(-3px); border-color: var(--c-gold); }
.oyk-bolum { font-family: var(--f-mono); font-size: 0.62rem; font-weight: 800; letter-spacing: 0.08em; color: var(--c-pitch); }
.oyk-ad { font-family: var(--f-display); font-size: 1.2rem; font-weight: 800; color: var(--c-cream); margin: 0; letter-spacing: -0.01em; }
.oyk-sure { color: var(--c-muted); font-size: 0.9rem; line-height: 1.7; margin: 0; flex: 1; }
.oyk-sure strong { color: var(--c-cream); }
.oyk-adim {
  font-family: var(--f-mono); font-size: 0.66rem; font-weight: 800;
  color: var(--c-bg); background: var(--c-gold);
  padding: 0.18rem 0.55rem; border-radius: 999px; align-self: flex-start;
}
@media (max-width: 640px) {
  .oy-adim { flex-direction: column; gap: 0.7rem; }
  .oy-no { flex: 0 0 30px; height: 30px; }
}
.oy-veri{margin:.62rem 0 0;padding:.72rem .95rem;border-radius:0 10px 10px 0;
  background:linear-gradient(100deg,#0B2038,#12314f);border-left:3px solid #49C9D6;color:#D6E2EE}
.oy-veri-et{display:block;font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;
  font-weight:800;color:#49C9D6;margin-bottom:.3rem}
.oy-veri p{margin:.2rem 0;font-size:.87rem;line-height:1.6}
.oy-veri-s{color:#9FB3C8}
.oy-veri-s strong{color:#F2D486}
.oy-veri-a{display:inline-block;margin-top:.5rem;padding:.34rem .8rem;border-radius:7px;
  background:#F2D486;color:#0B2038;font-weight:800;font-size:.8rem;text-decoration:none}
.oy-veri-a:hover{background:#fff}
@media print{.oy-veri{background:#fff!important;color:#000!important;border-left-color:#999}}
.oy-gorev,.oy-kontrol{border-radius:0 8px 8px 0;padding:.62rem .9rem;margin:.62rem 0 0;font-size:.87rem;line-height:1.6}
.oy-gorev{background:#EDF7F2;border-left:3px solid #2E8B57;color:#1F5C3B}
.oy-kontrol{background:#F3F1FB;border-left:3px solid #6C5CE7;color:#3C3474}
.oy-gorev p,.oy-kontrol p{margin:.22rem 0 0}
.oy-gorev-et,.oy-kontrol-et{display:block;font-size:.66rem;letter-spacing:.11em;font-weight:800;text-transform:uppercase}
.oy-gorev-et{color:#2E8B57}
.oy-kontrol-et{color:#6C5CE7}
.oy-arac{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}
.oy-graf{background:#F6F8FB;border:1px solid #dfe6ef;border-radius:13px;padding:1.15rem 1.25rem;margin:1.9rem 0}
.oy-graf h2{margin:0 0 .85rem;font-size:1.1rem;color:#0B2038}
.oy-graf-blok{margin-bottom:.95rem}
.oy-graf-blok h3{font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;color:#6B7C90;margin:0 0 .48rem}
.oy-graf-sira{display:flex;gap:.55rem;flex-wrap:wrap}
.oy-graf-kart{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:.55rem .82rem;
  text-decoration:none;color:#0B2038;font-weight:650;font-size:.88rem;transition:.15s}
.oy-graf-kart:hover{border-color:#D8AF55;color:#B9872E}
.oy-graf-kart span{display:block;font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;color:#8FA1B3;font-weight:800}
.oy-sv{margin-top:2.1rem}
.oy-yazdir-alan{display:none}