/* QOLEH — konkur prep: deep navy / gold / chalk-white academic dashboard */
body.tk-konkur{
  font-family:"Vazirmatn",system-ui,sans-serif;
  background:#f4f6fa;
  color:#1a2744;
  padding-top:52px;
  padding-bottom:78px;
}
.tk-konkur h1,.tk-konkur h2,.tk-konkur h3,.tk-logo,.tk-rank-num{
  font-family:"Space Grotesk","Vazirmatn",sans-serif;
  font-weight:700;
}

.tk-scores{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  padding:.55rem 1rem;
  background:rgba(15,28,56,.96);
  backdrop-filter:blur(10px);
  border-bottom:1px solid #2a3f6e;
}
.tk-score{
  flex:0 0 auto;font-size:.78rem;font-weight:700;
  padding:.35rem .8rem;border-radius:6px;
  background:#1a2f55;color:#f0d78c;border:1px solid #3a5080;
  white-space:nowrap;text-decoration:none;
}
.tk-score:hover{background:#c9a227;color:#0f1c38;border-color:#c9a227}
.tk-scores-link{margin-inline-start:auto;font-size:.8rem;font-weight:700;color:#f0d78c;white-space:nowrap}

.tk-top{
  width:min(1100px,94%);margin:1rem auto 0;
  display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
}
.tk-logo{font-size:1.45rem;color:#0f1c38;text-decoration:none}
.tk-logo span{
  margin-inline-start:.4rem;font-size:.68rem;font-family:"Vazirmatn",sans-serif;
  background:#0f1c38;color:#f0d78c;padding:.2rem .55rem;border-radius:6px;vertical-align:middle;
}
.tk-nav{display:flex;gap:1rem;flex:1;flex-wrap:wrap;font-size:.9rem}
.tk-nav a{opacity:.75;color:#1a2744}
.tk-nav a:hover{opacity:1;color:#0f1c38}

.tk-hero{
  width:min(1100px,94%);margin:1.5rem auto 2.5rem;
  display:grid;grid-template-columns:1.15fr .85fr;gap:1.75rem;align-items:center;
  background:#fff;border:1px solid #d8e0ef;border-radius:18px;padding:1.75rem 1.5rem;
  box-shadow:0 10px 36px rgba(15,28,56,.08);
}
@media(max-width:860px){.tk-hero{grid-template-columns:1fr}}
.tk-eyebrow{font-size:.78rem;font-weight:800;color:#c9a227;margin-bottom:.45rem}
.tk-hero-copy h1{font-size:clamp(1.7rem,4vw,2.55rem);line-height:1.3;margin-bottom:.65rem;color:#0f1c38}
.tk-lead{color:#4a5a78;line-height:1.85;margin-bottom:1.15rem}
.tk-hero-actions{display:flex;flex-wrap:wrap;gap:.7rem}
.tk-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.7rem 1.25rem;border-radius:10px;font-weight:700;font-size:.92rem;text-decoration:none;
}
.tk-btn.primary{background:#0f1c38;color:#f0d78c;box-shadow:0 8px 24px rgba(15,28,56,.25)}
.tk-btn.soft{background:#f4f6fa;color:#0f1c38;border:1px solid #d8e0ef}

.tk-rank{
  background:linear-gradient(160deg,#0f1c38,#1a2f55);
  color:#fff;border-radius:16px;padding:1.5rem 1.25rem;text-align:center;
  border:1px solid #2a3f6e;
}
.tk-rank-label{font-size:.82rem;color:#f0d78c;font-weight:700;margin-bottom:.35rem}
.tk-rank-num{font-size:3.2rem;line-height:1;color:#f0d78c;margin-bottom:.35rem}
.tk-rank p{font-size:.88rem;opacity:.85;margin:0;line-height:1.65}

.tk-sec-head{width:min(1100px,94%);margin:0 auto 1.15rem}
.tk-sec-head h2{font-size:1.5rem;color:#0f1c38;margin-bottom:.3rem}
.tk-sec-head p{color:#5a6a88}

.tk-dash{margin-bottom:2.5rem}
.tk-rows{
  width:min(900px,94%);margin:0 auto;display:flex;flex-direction:column;gap:.65rem;
}
.tk-row{
  display:grid;grid-template-columns:110px 1fr 48px;gap:.85rem;align-items:center;
  background:#fff;border:1px solid #d8e0ef;border-radius:12px;padding:.85rem 1rem;
}
@media(max-width:520px){.tk-row{grid-template-columns:1fr;gap:.4rem}}
.tk-row h3{margin:0;font-size:.95rem;color:#0f1c38}
.tk-bar{height:10px;background:#e8eef8;border-radius:999px;overflow:hidden}
.tk-bar > i{display:block;height:100%;background:linear-gradient(90deg,#c9a227,#e8c85a);border-radius:999px}
.tk-pct{font-weight:800;font-size:.9rem;color:#0f1c38;text-align:center}

.tk-timetable{margin-bottom:2.5rem}
.tk-grid{
  width:min(1100px,94%);margin:0 auto;overflow-x:auto;
  display:grid;grid-template-columns:80px repeat(5,1fr);gap:2px;
  background:#d8e0ef;border:1px solid #d8e0ef;border-radius:12px;
}
.tk-grid > *{background:#fff;padding:.65rem .5rem;font-size:.78rem;text-align:center;min-width:70px}
.tk-grid .hd{background:#0f1c38;color:#f0d78c;font-weight:800}
.tk-grid .slot{color:#1a2744;font-weight:600}
.tk-grid .slot.gold{background:#fff8e6;color:#8a7010}

.tk-mentors{margin-bottom:2.5rem}
.tk-avatars{
  width:min(900px,94%);margin:0 auto;
  display:flex;justify-content:center;gap:1.35rem;flex-wrap:wrap;
}
.tk-avatars figure{margin:0;text-align:center;width:110px}
.tk-avatars img{
  width:88px;height:88px;border-radius:50%;object-fit:cover;
  border:3px solid #fff;box-shadow:0 6px 18px rgba(15,28,56,.15);
}
.tk-avatars strong{display:block;font-size:.9rem;margin-top:.5rem}
.tk-avatars span{font-size:.75rem;color:#5a6a88}

.tk-faq{margin-bottom:2.5rem}
.tk-acc{width:min(800px,94%);margin:0 auto;display:flex;flex-direction:column;gap:.55rem}
.tk-acc details{background:#fff;border:1px solid #d8e0ef;border-radius:12px;overflow:hidden}
.tk-acc summary{
  cursor:pointer;padding:.95rem 1.1rem;font-weight:700;color:#0f1c38;list-style:none;
}
.tk-acc summary::-webkit-details-marker{display:none}
.tk-acc details[open] summary{border-bottom:1px solid #e8eef8;background:#f8fafc}
.tk-acc details p{padding:.85rem 1.1rem 1.1rem;color:#4a5a78;line-height:1.8;margin:0}

.tk-contact{
  width:min(1100px,94%);margin:0 auto 2rem;
  display:grid;grid-template-columns:1fr 1.1fr;gap:1.25rem;
  background:#fff;border:1px solid #d8e0ef;border-radius:18px;overflow:hidden;
}
@media(max-width:800px){.tk-contact{grid-template-columns:1fr}}
.tk-contact > div{padding:1.75rem 1.5rem}
.tk-contact h2{color:#0f1c38;margin-bottom:.6rem}
.tk-contact p{color:#4a5a78;margin-bottom:1.1rem;line-height:1.8}
.tk-contact .tk-btn{margin-inline-end:.5rem;margin-bottom:.5rem}
.tk-contact iframe{width:100%;min-height:280px;border:0}

.tk-foot{text-align:center;padding:1.25rem;color:#8a9ab8;font-size:.85rem}

.tk-sticky-bar{
  position:fixed;bottom:0;inset-inline:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding:.75rem 1.25rem;
  background:#0f1c38;color:#fff;
  box-shadow:0 -8px 28px rgba(15,28,56,.28);
}
.tk-sticky-bar span{font-size:.9rem;opacity:.9}
.tk-sticky-bar a{
  background:#c9a227;color:#0f1c38;font-weight:800;font-size:.9rem;
  padding:.6rem 1.2rem;border-radius:10px;text-decoration:none;white-space:nowrap;
}