/* ==========================================================================
   Gelişim Kariyer — Kurumsal Web Sitesi (v2)
   Modern, uyumlu, simetrik, kullanıcı dostu. HTML + CSS.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* Marka */
  --teal-900: #123029;
  --teal-800: #143a35;
  --teal-700: #1f5c56;
  --teal-600: #2a7269;
  --teal-500: #359184;
  --teal-50:  #eaf4f1;
  --coral-700: #b14f24;
  --coral-600: #d4652e;
  --coral-500: #e98a52;
  --coral-50:  #fdefe5;
  /* Nötr */
  --ink: #1b2522;
  --muted: #5f6b67;
  --line: #e9e4da;
  --bg: #f8f6f1;
  --bg-mint: #eef5f3;
  --bg-peach: #fdf4ec;
  --white: #ffffff;
  /* Efektler */
  --shadow-xs: 0 1px 2px rgba(18,48,41,.05);
  --shadow-sm: 0 4px 14px rgba(18,48,41,.07);
  --shadow-md: 0 14px 34px rgba(18,48,41,.12);
  --shadow-lg: 0 24px 60px rgba(18,48,41,.16);
  --radius: 18px;
  --radius-sm: 12px;
  --radius-lg: 26px;
  --maxw: 1180px;
  --serif: 'Montserrat', 'Helvetica Neue', Arial, system-ui, sans-serif;
  --sans: 'Inter', 'Helvetica Neue', Arial, system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0; font-family: var(--sans); color: var(--ink); background: var(--bg);
  line-height: 1.7; -webkit-font-smoothing: antialiased; font-size: 16.5px;
  overflow-wrap: break-word; word-break: normal; hyphens: none;
}
img { max-width: 100%; display: block; }
a { color: var(--teal-700); text-decoration: none; transition: color .2s; }
a:hover { color: var(--coral-600); }

h1,h2,h3,h4 { font-family: var(--serif); color: var(--ink); line-height: 1.22; margin: 0 0 .5em; font-weight: 700; letter-spacing: -.015em; text-wrap: balance; overflow-wrap: break-word; }
h1 { font-size: clamp(2rem, 4.2vw, 3.1rem); line-height: 1.14; }
h2 { font-size: clamp(1.6rem, 3.2vw, 2.3rem); line-height: 1.18; }
h3 { font-size: 1.24rem; font-weight: 700; letter-spacing: -.01em; }
p { margin: 0 0 1rem; text-wrap: pretty; overflow-wrap: break-word; }

.container { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 24px; }
.section { padding: 86px 0; }
.section--tight { padding: 56px 0; }
.section--alt  { background: var(--white); }
.section--mint { background: var(--bg-mint); }
.section--teal { background: var(--teal-800); color: #dcebe7; }
.section--teal h2, .section--teal h3 { color: #fff; }

.eyebrow {
  display: inline-block; font-family: var(--sans); font-size: .78rem; font-weight: 700;
  letter-spacing: 2.5px; text-transform: uppercase; color: var(--coral-600); margin-bottom: 14px;
}
.section--teal .eyebrow { color: var(--coral-500); }
.section-head { max-width: 680px; margin: 0 auto 52px; text-align: center; }
.section-head p { color: var(--muted); font-size: 1.08rem; margin: 0; }
.section--teal .section-head p { color: #c3dad5; }

/* Butonlar -------------------------------------------------------------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  font-family: var(--sans); font-weight: 600; font-size: .97rem; line-height: 1;
  padding: 14px 26px; border-radius: 999px; border: 1.5px solid transparent;
  cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s; white-space: nowrap;
}
.btn--primary { background: var(--coral-600); color:#fff; border-color: var(--coral-600); box-shadow: 0 8px 20px rgba(212,101,46,.28); }
.btn--primary:hover { background: var(--coral-500); border-color: var(--coral-500); color:#fff; transform: translateY(-2px); box-shadow: 0 12px 26px rgba(212,101,46,.34); }
.btn--teal { background: var(--teal-700); color:#fff; border-color: var(--teal-700); box-shadow: 0 8px 20px rgba(31,92,86,.24); }
.btn--teal:hover { background: var(--teal-600); border-color: var(--teal-600); color:#fff; transform: translateY(-2px); }
.btn--ghost { background: transparent; color: var(--teal-700); border-color: #cfdedb; }
.btn--ghost:hover { background: var(--teal-700); color:#fff; border-color: var(--teal-700); transform: translateY(-2px); }
.btn--light { background:#fff; color: var(--teal-800); border-color:#fff; }
.btn--light:hover { background: var(--coral-600); color:#fff; border-color: var(--coral-600); transform: translateY(-2px); }
.btn--sm { padding: 9px 18px; font-size: .86rem; }
.btn--lg { padding: 16px 32px; font-size: 1.04rem; }
.btn--block { width: 100%; }

/* Üst bilgi çubuğu ------------------------------------------------------ */
.topbar { background: var(--teal-900); color: #bcd3cd; font-size: .85rem; }
.topbar .container { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; }
.topbar a { color:#bcd3cd; } .topbar a:hover { color:#fff; }
.topbar__info { display:flex; gap:26px; flex-wrap:wrap; }
.topbar__info span { display:inline-flex; align-items:center; gap:7px; }
.topbar__actions { display:flex; gap:10px; }
.topbar__actions .btn { padding: 6px 16px; font-size:.8rem; box-shadow:none; }
.topbar__actions .btn--light { background: rgba(255,255,255,.12); color:#fff; border-color: transparent; }
.topbar__actions .btn--light:hover { background:#fff; color: var(--teal-800); }

/* Header / nav ---------------------------------------------------------- */
.site-header { position: sticky; top:0; z-index:60; background: rgba(255,255,255,.92); backdrop-filter: blur(10px); border-bottom:1px solid var(--line); }
.nav { display:flex; align-items:center; justify-content:space-between; min-height:80px; gap:24px; }
.nav__logo img { height: 52px; width:auto; display:block; }
.nav__links { display:flex; align-items:center; gap:34px; list-style:none; margin:0; padding:0; }
.nav__links a { color: var(--ink); font-weight:600; font-size:.98rem; padding:6px 0; position:relative; }
.nav__links a::after { content:""; position:absolute; left:0; bottom:-2px; height:2px; width:0; background: var(--coral-600); transition:width .22s; border-radius:2px; }
.nav__links a:hover, .nav__links a.active { color: var(--teal-700); }
.nav__links a.active::after, .nav__links a:hover::after { width:100%; }
.nav__cta { display:flex; align-items:center; gap:10px; }
.nav-toggle { display:none; }
.nav-burger { display:none; cursor:pointer; width:46px; height:46px; border:1px solid var(--line); border-radius:12px; align-items:center; justify-content:center; background:#fff; }
.nav-burger span, .nav-burger span::before, .nav-burger span::after { content:""; display:block; width:22px; height:2px; background: var(--ink); border-radius:2px; transition:.25s; }
.nav-burger span::before { position:absolute; margin-top:-7px; } .nav-burger span::after { position:absolute; margin-top:7px; }

/* Hero ------------------------------------------------------------------ */
.hero { position:relative; overflow:hidden; background: var(--teal-900) url('/assets/img/hero-1.jpg') center/cover no-repeat; }
.hero__slides { position:absolute; inset:0; }
.hero__slides .slide { position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; animation: heroFade 18s infinite; }
.hero__slides .slide:nth-child(1){ animation-delay:0s; } .hero__slides .slide:nth-child(2){ animation-delay:6s; } .hero__slides .slide:nth-child(3){ animation-delay:12s; }
@keyframes heroFade { 0%{opacity:0;transform:scale(1.07);} 6%{opacity:1;} 28%{opacity:1;} 34%{opacity:0;transform:scale(1);} 100%{opacity:0;} }
@media (prefers-reduced-motion: reduce) { .hero__slides .slide { animation:none; } .hero__slides .slide:first-child { opacity:1; } }
.hero__overlay { position:absolute; inset:0; background: linear-gradient(100deg, rgba(18,48,41,.94) 0%, rgba(18,48,41,.78) 42%, rgba(18,48,41,.40) 100%); }
.hero__inner { position:relative; z-index:2; padding: 112px 0 116px; max-width: 660px; color:#fff; }
.hero__inner h1 { color:#fff; } .hero__inner .eyebrow { color: var(--coral-500); }
.hero__inner p { color:#d7e7e3; font-size: 1.16rem; max-width: 560px; }
.hero__actions { display:flex; gap:14px; flex-wrap:wrap; margin-top:28px; }
.hero__stats { display:flex; gap:44px; margin-top:48px; flex-wrap:wrap; }
.hero__stats .stat strong { display:block; font-family:var(--serif); font-size:2.1rem; color:#fff; line-height:1; margin-bottom:4px; }
.hero__stats .stat span { color:#aecec8; font-size:.9rem; }

/* Grid / kart ----------------------------------------------------------- */
.grid { display:grid; gap:28px; }
.grid--2 { grid-template-columns: repeat(2,1fr); }
.grid--3 { grid-template-columns: repeat(3,1fr); }
.grid--4 { grid-template-columns: repeat(4,1fr); }

.card { background:#fff; border:1px solid var(--line); border-radius: var(--radius); overflow:hidden; box-shadow: var(--shadow-sm); transition: transform .22s, box-shadow .22s; display:flex; flex-direction:column; }
.card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.card__media { aspect-ratio: 4/3; overflow:hidden; display:block; }
.card__media img { width:100%; height:100%; object-fit:cover; transition: transform .5s; }
.card:hover .card__media img { transform: scale(1.06); }
.card__body { padding: 24px; display:flex; flex-direction:column; gap:10px; flex:1; }
.card__tag { align-self:flex-start; font-size:.72rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; color: var(--coral-700); background: var(--coral-50); padding:5px 12px; border-radius:999px; }
.card__body h3 { margin:0; }
.card__body p { color: var(--muted); font-size:.96rem; margin:0; }
.card__foot { margin-top:auto; padding-top:12px; }
.card__link { font-weight:700; color: var(--teal-700); font-size:.93rem; display:inline-flex; align-items:center; gap:6px; }
.card__link::after { content:"→"; transition: transform .2s; }
.card:hover .card__link::after { transform: translateX(4px); }

/* Özellik blokları ------------------------------------------------------ */
.features { display:grid; grid-template-columns: repeat(3,1fr); gap:28px; }
.feature { background:#fff; border:1px solid var(--line); border-radius: var(--radius); padding:32px 28px; box-shadow: var(--shadow-xs); transition: transform .2s, box-shadow .2s; }
.feature:hover { transform: translateY(-4px); box-shadow: var(--shadow-sm); }
.feature .ic { width:58px; height:58px; border-radius:16px; background: var(--teal-50); color: var(--teal-700); display:grid; place-items:center; margin-bottom:18px; font-family: var(--serif); font-weight:700; font-size:1.4rem; }
.feature .ic svg { width:27px; height:27px; }
.feature:nth-child(3n+2) .ic { background: var(--coral-50); color: var(--coral-600); }
.feature h3 { margin-bottom:8px; }
.feature p { color: var(--muted); font-size:.96rem; margin:0; }

/* Split (görsel + metin) ------------------------------------------------ */
.split { display:grid; grid-template-columns: 1fr 1fr; gap:58px; align-items:center; }
.split__media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.split ul.ticks { list-style:none; padding:0; margin:20px 0 0; display:grid; gap:14px; }
.split ul.ticks li { position:relative; padding-left:36px; color: var(--muted); }
.split ul.ticks li::before { content:"✓"; position:absolute; left:0; top:1px; width:24px; height:24px; border-radius:50%; background: var(--teal-50); color: var(--teal-700); font-weight:700; font-size:.78rem; display:grid; place-items:center; }

/* İstatistik bandı ------------------------------------------------------ */
.statband { display:grid; grid-template-columns: repeat(4,1fr); gap:28px; text-align:center; }
.statband .stat { position:relative; padding: 6px 0; }
.statband .stat::after { content:""; position:absolute; right:-14px; top:14%; height:72%; width:1px; background: rgba(255,255,255,.16); }
.statband .stat:last-child::after { display:none; }
.statband .stat strong { display:block; font-family:var(--serif); font-size:2.6rem; color:#fff; line-height:1; margin-bottom:6px; }
.statband .stat span { color:#bcd3cd; font-size:.95rem; }

/* CTA ------------------------------------------------------------------- */
.cta { background: linear-gradient(125deg, var(--teal-700), var(--teal-900)); border-radius: var(--radius-lg); padding: 62px; text-align:center; color:#fff; position:relative; overflow:hidden; box-shadow: var(--shadow-md); }
.cta::before { content:""; position:absolute; right:-70px; top:-70px; width:240px; height:240px; border-radius:50%; background: rgba(233,138,82,.22); }
.cta::after { content:""; position:absolute; left:-60px; bottom:-80px; width:220px; height:220px; border-radius:50%; background: rgba(53,145,132,.22); }
.cta h2 { color:#fff; position:relative; }
.cta p { color:#d7e7e3; max-width:640px; margin:0 auto 24px; position:relative; }
.cta .hero__actions { justify-content:center; position:relative; }

/* İç sayfa başlığı ------------------------------------------------------ */
.page-hero { background: linear-gradient(125deg, var(--teal-900), var(--teal-700)); color:#fff; padding: 84px 0; position:relative; overflow:hidden; }
.page-hero::after { content:""; position:absolute; right:-80px; top:-60px; width:260px; height:260px; border-radius:50%; background: rgba(233,138,82,.16); }
.page-hero h1 { color:#fff; margin:0; position:relative; }
.page-hero p { color:#cfe2dd; max-width:660px; margin:.7rem 0 0; position:relative; }
.breadcrumb { font-size:.86rem; color:#a9ccc6; margin-bottom:16px; position:relative; }
.breadcrumb a { color:#a9ccc6; } .breadcrumb a:hover { color:#fff; }

/* Eğitim detay ---------------------------------------------------------- */
.detail { display:grid; grid-template-columns: 2fr 1fr; gap:46px; align-items:start; }
.detail__media img { border-radius: var(--radius); box-shadow: var(--shadow-md); margin-bottom:28px; }
.detail__content h2 { margin-top:30px; }
.detail__content ul { padding-left:22px; color: var(--muted); }
.detail__content ul li { margin-bottom:9px; }
.detail__aside { position:sticky; top:104px; background:#fff; border:1px solid var(--line); border-radius: var(--radius); padding:28px; box-shadow: var(--shadow-sm); }
.detail__aside h3 { margin-top:0; }
.detail__meta { list-style:none; padding:0; margin:0 0 20px; display:grid; gap:12px; }
.detail__meta li { display:flex; justify-content:space-between; border-bottom:1px dashed var(--line); padding-bottom:11px; font-size:.95rem; }
.detail__meta li span:first-child { color: var(--muted); }
.detail__meta li span:last-child { font-weight:700; }

/* Blog yazısı ----------------------------------------------------------- */
.post { max-width:760px; margin:0 auto; }
.post__media img { border-radius: var(--radius); box-shadow: var(--shadow-md); margin-bottom:30px; }
.post__meta { color: var(--coral-700); font-size:.85rem; font-weight:600; letter-spacing:.3px; margin-bottom:10px; text-transform:uppercase; }
.post p { color:#394641; font-size:1.08rem; }
.post h2 { margin-top:1.7em; font-size: 1.7rem; }
.post blockquote { margin:1.7em 0; padding:20px 26px; border-left:4px solid var(--coral-600); background: var(--coral-50); border-radius:0 var(--radius-sm) var(--radius-sm) 0; color:#6b3d22; font-style:italic; font-size:1.1rem; }

/* İletişim -------------------------------------------------------------- */
.contact { display:grid; grid-template-columns: 1fr 1fr; gap:46px; align-items:start; }
.contact__cards { display:grid; gap:18px; }
.contact__card { display:flex; gap:16px; background:#fff; border:1px solid var(--line); border-radius: var(--radius); padding:22px 24px; box-shadow: var(--shadow-xs); transition: box-shadow .2s, transform .2s; }
.contact__card:hover { box-shadow: var(--shadow-sm); transform: translateY(-2px); }
.contact__card .ic { flex:0 0 50px; width:50px; height:50px; border-radius:14px; background: var(--teal-50); color: var(--teal-700); display:grid; place-items:center; }
.contact__card:nth-child(2n) .ic { background: var(--coral-50); color: var(--coral-600); }
.contact__card h3 { margin:0 0 4px; font-size:1.05rem; }
.contact__card p { margin:0; color: var(--muted); }
.form { background:#fff; border:1px solid var(--line); border-radius: var(--radius); padding:32px; box-shadow: var(--shadow-sm); }
.form label { display:block; font-weight:600; font-size:.9rem; margin:0 0 6px; }
.form .field { margin-bottom:18px; }
.form input, .form textarea { width:100%; padding:13px 15px; border:1px solid var(--line); border-radius: var(--radius-sm); font-family: var(--sans); font-size:1rem; background:#fcfbf8; transition: border-color .2s, box-shadow .2s; }
.form input:focus, .form textarea:focus { outline:none; border-color: var(--teal-500); box-shadow:0 0 0 4px var(--teal-50); background:#fff; }
.map-embed { border:0; width:100%; height:330px; border-radius: var(--radius); margin-top:20px; box-shadow: var(--shadow-sm); }

/* Footer ---------------------------------------------------------------- */
.site-footer { background: var(--teal-900); color:#aecbc5; padding:64px 0 26px; }
.footer-grid { display:grid; grid-template-columns: 1.7fr 1fr 1fr 1.2fr; gap:40px; }
.site-footer img.flogo { height:56px; margin-bottom:18px; }
.site-footer h4 { color:#fff; font-family: var(--sans); font-size:.9rem; letter-spacing:1.4px; text-transform:uppercase; margin:0 0 18px; }
.site-footer ul { list-style:none; padding:0; margin:0; display:grid; gap:11px; }
.site-footer a { color:#aecbc5; font-size:.96rem; } .site-footer a:hover { color:#fff; }
.site-footer p { color:#92b6b0; font-size:.96rem; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.12); margin-top:44px; padding-top:22px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:.85rem; color:#86aba4; }
.social { display:flex; gap:10px; margin-top:18px; }
.social a { width:40px; height:40px; border-radius:50%; background: rgba(255,255,255,.1); display:grid; place-items:center; transition: background .2s, transform .2s; }
.social a:hover { background: var(--coral-600); transform: translateY(-2px); }
.social svg { width:18px; height:18px; fill:#fff; }

/* Yardımcılar ----------------------------------------------------------- */
.text-center { text-align:center; } .mt-0 { margin-top:0; }
.mobile-cta { display:none; }

/* Responsive ------------------------------------------------------------ */
@media (max-width: 980px) {
  .grid--3, .grid--4 { grid-template-columns: repeat(2,1fr); }
  .features { grid-template-columns: repeat(2,1fr); }
  .statband { grid-template-columns: repeat(2,1fr); gap:34px 28px; }
  .statband .stat:nth-child(2)::after { display:none; }
  .split, .detail, .contact { grid-template-columns:1fr; gap:36px; }
  .detail__aside { position:static; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:32px; }
  .hero__inner { padding:80px 0; }
}
@media (max-width: 760px) {
  .topbar__info { display:none; }
  .topbar .container { justify-content:center; }
  .nav-burger { display:flex; }
  .nav__cta { display:none; }
  .nav__links {
    position:fixed; inset:80px 0 auto 0; flex-direction:column; align-items:stretch; gap:0;
    background:#fff; border-bottom:1px solid var(--line); box-shadow: var(--shadow-md);
    max-height:0; overflow:hidden; transition:max-height .32s ease; padding:0 24px;
  }
  .nav__links li { border-bottom:1px solid var(--line); }
  .nav__links a { display:block; padding:17px 0; }
  .nav__links a::after { display:none; }
  .nav__links .mobile-cta { display:flex; gap:12px; padding:18px 0; border:0; }
  .nav__links .mobile-cta .btn { flex:1; }
  .nav-toggle:checked ~ .nav__links { max-height:560px; }
  .nav-toggle:checked ~ .nav-burger span { background:transparent; }
  .nav-toggle:checked ~ .nav-burger span::before { margin-top:0; transform:rotate(45deg); }
  .nav-toggle:checked ~ .nav-burger span::after { margin-top:0; transform:rotate(-45deg); }
  .cta { padding:42px 24px; }
  .section { padding:62px 0; }
}
@media (max-width: 560px) {
  .grid--2, .grid--3, .grid--4, .features { grid-template-columns:1fr; }
  .statband { grid-template-columns:1fr 1fr; }
  .footer-grid { grid-template-columns:1fr; }
  .hero__stats { gap:26px; }
  .btn--lg { padding:14px 26px; }
}