/* ==========================================================================
   TRN Teknoloji - İş Ortaklığı / Başvuru Formu
   (Ortak stiller: css/is-ortakligi.css)
   ========================================================================== */

/* Hero */
.apply-hero{position:relative;display:flex;min-height:520px;align-items:center;overflow:hidden;color:#fff;background:linear-gradient(115deg,#111217 0%,#18191f 60%,#260506 100%)}
.apply-hero::after{content:"";position:absolute;right:-130px;top:-240px;width:620px;height:620px;border:1px solid rgba(214,0,1,.38);border-radius:50%;box-shadow:0 0 0 70px rgba(214,0,1,.06),0 0 0 145px rgba(214,0,1,.035)}
.apply-hero-inner{position:relative;z-index:1;padding:70px 0 76px}
.io-page .apply-hero h1{max-width:840px;font-size:clamp(2.15rem,4.5vw,4.2rem);line-height:1.12}
.apply-hero .lead{max-width:720px;margin-top:18px;color:#d7d8dc}

/* Başvuru alanı */
.application{padding:70px 0 88px;background:linear-gradient(#fff 0,#fff 45%,#f6f6f7 45%,#f6f6f7 100%)}
.application-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:start}
.info-card,.form-card{border:1px solid #e4e5e9;border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(17,18,23,.09)}
.info-card{position:sticky;top:140px;padding:34px}
.io-page .info-card h2,.io-page .form-card h2{font-size:clamp(1.55rem,2.7vw,2.25rem);line-height:1.12}
.info-card .lead{margin-top:14px}
.apply-benefits{display:grid;gap:18px;margin:30px 0 0;padding:0;list-style:none}
.apply-benefit{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start}
.apply-benefit-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:#fff;background:var(--red);font-size:1rem;font-weight:900}
.apply-benefit strong{display:block;margin-bottom:3px}
.apply-benefit p{color:#60636c;font-size:.93rem}
.contact-note{margin-top:30px;padding-top:22px;border-top:1px solid #e4e5e9;color:#60636c;font-size:.92rem}
.contact-note a{color:var(--red);font-weight:800}

/* Form */
.form-card{padding:38px;scroll-margin-top:140px}
.form-head{margin-bottom:30px}
.form-head .lead{margin-top:10px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field.full{grid-column:1/-1}
.field label,.group-label{font-size:.9rem;font-weight:800}
fieldset.field{margin:0;padding:0;border:0}
.required{color:var(--red)}
.form-card input,.form-card select,.form-card textarea{width:100%;min-height:49px;padding:12px 14px;border:1px solid #d8d9de;border-radius:10px;color:#111217;background:#fff;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}
.form-card textarea{min-height:112px;resize:vertical}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(214,0,1,.1)}
.form-card input::placeholder,.form-card textarea::placeholder{color:#999ca4}
.form-card .has-error input,.form-card .has-error select{border-color:var(--red)}
.field-error{color:var(--red);font-size:.82rem;font-weight:700}
.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:3px}
.choice{display:flex;min-height:46px;align-items:center;gap:9px;padding:10px 12px;border:1px solid #e4e5e9;border-radius:10px;background:#fafafa;font-size:.92rem;font-weight:500;cursor:pointer}
.form-card .choice input,.form-card .consent input{width:17px;height:17px;min-height:0;padding:0;flex:0 0 auto;accent-color:var(--red)}
.consents{display:grid;gap:12px;margin-top:5px}
.form-card .consent{display:flex;align-items:flex-start;gap:10px;color:#60636c;font-size:.86rem;font-weight:500}
.consent a{color:var(--red);font-weight:750;text-decoration:underline}
.submit-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px;margin-top:7px}
.submit-btn{min-width:205px;border:0;cursor:pointer;font:inherit;font-weight:800}
.privacy-note{max-width:330px;color:#858790;font-size:.78rem}
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-alert{margin-bottom:22px;padding:15px 17px;border-radius:10px;font-weight:750}
.form-alert.success{color:#176b39;background:#eaf8f0}
.form-alert.error{color:#8a0c0c;background:#fdecec}

@media(max-width:940px){
  .application-grid{grid-template-columns:1fr}
  .info-card{position:static}
  .apply-benefits{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .apply-hero{min-height:0}
  .apply-hero-inner{padding:46px 0 52px}
  .application{padding:42px 0 58px}
  .form-card,.info-card{padding:24px;border-radius:17px}
  .form-grid,.choice-grid,.apply-benefits{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .submit-row{align-items:stretch;flex-direction:column}
  .submit-btn{width:100%}
}