/* Ana sayfa üst alanı: arka plan (fotoğraf / fotoğrafsız) + başvuru formu + bilgi kartı.
   Form görünümü basvuru-form.css (af-*) ile ortaktır. */
.hf{position:relative;isolation:isolate;overflow:hidden;padding:44px 16px 60px;font-family:Montserrat,system-ui,sans-serif}
.hf *,.hf *::before,.hf *::after{box-sizing:border-box}
.hf-bg{position:absolute;inset:0;z-index:-2;display:block}
.hf-bg img{width:100%;height:100%;object-fit:cover;display:block}
.hf--photo{background:#3a0000}
.hf--photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(35,0,0,.55),rgba(35,0,0,.3) 45%,rgba(35,0,0,.6))}
.hf--dark{background:linear-gradient(135deg,#3a0000 0%,#8b0000 60%,#c1121f 100%)}
.hf--pattern{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.14) 0 2px,transparent 3px) 0 0/24px 24px,linear-gradient(135deg,#2a0000,#8b0000 70%,#a50d1c)}
.hf--light{background:linear-gradient(180deg,#faf7f5,#f1e7e4)}
.hf-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:26px;align-items:start}
.hf-form{box-shadow:0 18px 50px rgba(0,0,0,.3)}
.hf--light .hf-form{box-shadow:0 10px 34px rgba(90,0,0,.12)}
.hf-form h1{margin:0 0 6px;font-size:1.6rem;color:#8b0000;font-weight:700;text-align:left}
.hf-form .af-types{grid-template-columns:repeat(3,1fr)}
.hf-info{background:rgba(255,255,255,.95);border-radius:18px;padding:26px 24px;box-shadow:0 14px 40px rgba(0,0,0,.25);color:#444;font-size:.95rem;line-height:1.6}
.hf--light .hf-info{background:#fff;box-shadow:0 8px 28px rgba(90,0,0,.1)}
.hf-info h2{margin:0 0 10px;color:#8b0000;font-size:1.25rem}
.hf-info p{margin:0 0 12px}
.hf-info ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hf-info li{position:relative;padding-left:20px}
.hf-info li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:#8b0000}
.hf-info a{color:#8b0000;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(139,0,0,.35)}
.hf-info a:hover{border-bottom-color:#8b0000}
@media (max-width:900px){
  .hf{padding:22px 12px 40px}
  .hf-inner{grid-template-columns:1fr}
  .hf-form .af-types{grid-template-columns:1fr}
  .hf-form h1{font-size:1.35rem}
}