*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0b1020;background:#ffffff}
.container{max-width:1000px;margin:0 auto;padding:22px}
.header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.site-header{position:sticky;top:0;background:#ffffffee;border-bottom:1px solid #eef0f4;backdrop-filter:saturate(180%) blur(8px);z-index:10}
.site-header h1{margin:0;font-size:22px}
.site-header .tagline{margin:6px 0 0;color:#4a5568;font-size:14px}
.site-header nav{display:flex;gap:12px;flex-wrap:wrap;font-size:14px}
.site-header nav a{color:#0b1020;text-decoration:none;border-bottom:2px solid transparent;padding-bottom:4px}
.site-header nav a:hover{border-color:#0b102033}

.accent{color:#2a7f5f}
.hero{background:#f6fbf9;border-bottom:1px solid #eef0f4}
.hero h2{font-size:28px;margin:0 0 8px}
.hero p{color:#374151;margin:0}
.cta{display:inline-block;margin-top:12px;background:#2a7f5f;color:#fff;text-decoration:none;padding:12px 18px;border-radius:10px;font-weight:600}
.cta:hover{opacity:.92}

h3{font-size:22px;margin:18px 0 10px}
.cards{display:grid;gap:14px;grid-template-columns:1fr}
.card{border:1px solid #eef0f4;padding:16px;border-radius:12px;background:#fff}
.card h4{margin:0 0 6px}
.card ul{margin:8px 0 0 18px}

.ticks{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ticks li{padding-left:28px;position:relative}
.ticks li::before{content:'✓';position:absolute;left:0;top:0;color:#2a7f5f;font-weight:800}

.steps{display:grid;gap:14px}
.step{border:1px solid #eef0f4;padding:16px;border-radius:12px;background:#fff}
.step h4{margin:0 0 6px}

.ba-grid{display:grid;grid-template-columns:1fr;gap:18px}
.ba{position:relative;overflow:hidden;border-radius:12px;border:1px solid #eef0f4}
.ba>img{display:block;width:100%;height:auto}
.ba .resize{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden;border-right:2px solid #fff}
.ba .resize>img{display:block;width:100%;height:auto}
.ba .slider{position:absolute;left:0;right:0;bottom:12px;width:90%;margin:0 auto;appearance:none;height:4px;background:#e5e7eb;border-radius:999px;outline:none}
.ba .slider::-webkit-slider-thumb{appearance:none;width:28px;height:28px;border-radius:50%;background:#2a7f5f;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.ba .handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:#2a7f5f;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.2);pointer-events:none}

.refs{list-style:disc;padding-left:20px}
.badges{display:flex;gap:10px;flex-wrap:wrap;padding:0;margin:10px 0;list-style:none}
.badges li{background:#f0fdf4;color:#065f46;border:1px solid #bbf7d0;border-radius:999px;padding:6px 12px;font-size:13px}

.contact .btn{display:inline-block;margin-right:10px;background:#2a7f5f;color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:600}

.site-footer{border-top:1px solid #eef0f4;margin-top:20px}
.small{font-size:13px;color:#4b5563}

/* Larger screens */
@media (min-width:900px){
  .hero h2{font-size:40px}
  .cards{grid-template-columns:repeat(3,1fr)}
  .ba-grid{grid-template-columns:repeat(2,1fr)}
}


/* === Custom: Diplomas & Certificates sizing === */
#diplomalar .card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#diplomalar .card img.diploma-img {
  width: 100%;
  height: 240px;        /* same visual height */
  object-fit: contain;  /* keep aspect ratio inside box */
  display: block;
}
@media (max-width: 600px) {
  #diplomalar .card img.diploma-img {
    height: 180px;
  }
}

/* === Custom: 1:1 Koçluk steps redesign === */
#program .steps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
  margin-top: 12px;
}
.step-card {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.04);
}
.step-card .step-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.step-badge {
  color: #2a7f5f;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid #2a7f5f;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
.step-card p {
  margin: 0;
  line-height: 1.45;
  color: #444;
}


/* === Anchor scroll offset for fixed header === */
html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 96px; }
@media (max-width: 768px) {
  section[id] { scroll-margin-top: 80px; }
}