/* Danışmanlık talep formu: uzun başvurular için odaklı ve duyarlı düzen */

.application-page{
  --form-surface:#fbfcfb;
  --form-accent:#2f6a5c;
  --form-accent-soft:#e8f1ed;
  background:#f2f5f3;
}

.application-hero{
  position:relative;
  overflow:hidden;
  width:calc(100% - (var(--page-pad) * 2));
  max-width:1180px;
  margin:24px auto 0;
  border-radius:12px;
  padding:42px var(--page-pad) 86px;
  background:var(--deep);
  color:#fff;
}
.application-hero::after{
  content:"";
  position:absolute;
  right:-140px;
  bottom:-230px;
  width:520px;
  height:520px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.02);
}
.application-hero__inner,
.application-layout{
  width:min(1180px,100%);
  margin:0 auto;
}
.application-back{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:54px;
  color:rgba(255,255,255,.76);
  font-size:13px;
  font-weight:700;
}
.application-back::before{content:"←";font-size:17px}
.application-back:hover{color:#fff}
.application-hero__content{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:64px;
  align-items:end;
}
.application-eyebrow{
  display:block;
  margin-bottom:14px;
  color:#a7c9bf;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.application-hero h1{
  max-width:760px;
  margin:0;
  font-size:clamp(38px,5vw,64px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.application-hero__content > div > p{
  max-width:720px;
  margin:22px 0 0;
  color:rgba(255,255,255,.72);
  font-size:17px;
  line-height:1.7;
}
.application-hero__content > div > .application-required-note{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:16px;
  color:rgba(255,255,255,.56);
  font-size:11px;
  font-weight:700;
}
.application-required-note::before{content:"";width:6px;height:6px;border-radius:50%;background:#a7c9bf}
.application-workspace{padding:0 var(--page-pad) 96px}
.application-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:270px minmax(0,1fr);
  gap:24px;
  align-items:start;
  margin-top:-42px;
}
.application-sidebar,
.form-section{
  border:1px solid #d9e1dd;
  border-radius:10px;
  background:#fff;
  box-shadow:0 18px 50px rgba(20,52,44,.08);
}
.application-sidebar{
  position:sticky;
  top:148px;
  overflow:hidden;
}
.form-section{scroll-margin-top:148px}
.application-sidebar__head{padding:24px;border-bottom:1px solid #e4e9e7}
.application-sidebar__label{
  display:block;
  margin-bottom:5px;
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.application-sidebar__head strong{font-size:20px}
.application-progress{
  height:4px;
  margin-top:14px;
  overflow:hidden;
  border-radius:999px;
  background:#e7ecea;
}
.application-progress span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:var(--form-accent);
  transition:width .25s ease;
}
.application-steps{display:grid;padding:10px}
.application-steps a{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:11px 12px;
  border-radius:7px;
  color:#57645f;
  font-size:12px;
  font-weight:750;
}
.application-steps a:hover{background:#f4f7f5;color:var(--deep)}
.application-steps a.is-active{background:var(--form-accent-soft);color:var(--deep)}
.application-steps a span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid #d6dfdb;
  border-radius:50%;
  background:#fff;
  color:var(--moss);
  font-size:11px;
  font-weight:900;
}
.application-steps a.is-active span{border-color:var(--form-accent);background:var(--form-accent);color:#fff}
.application-privacy{
  display:flex;
  gap:11px;
  margin:6px 10px 10px;
  padding:15px;
  border-radius:7px;
  background:#f7f9f8;
}
.application-privacy > span{color:var(--form-accent);font-size:10px}
.application-privacy p{margin:0;color:#718079;font-size:10px;line-height:1.55}
.application-privacy strong{display:block;margin-bottom:2px;color:#3d4a45;font-size:11px}

.consultancy-form{display:grid;gap:18px}
.form-section{padding:34px}
.form-section__head{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:16px;
  align-items:start;
  margin-bottom:30px;
  padding-bottom:24px;
  border-bottom:1px solid #e5eae8;
}
.form-section__number{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:7px;
  background:var(--deep);
  color:#fff;
  font-size:11px;
  font-weight:900;
}
.form-section__head h2{margin:0;font-size:25px;line-height:1.2;letter-spacing:-.02em}
.form-section__head p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.form-fields--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.form-field{display:grid;align-content:start;gap:9px;min-width:0}
.form-field--full{grid-column:1/-1}
.form-field label,
.form-field legend{color:#2a3833;font-size:12px;font-weight:800;line-height:1.45}
.form-field label span,
.form-field legend span{color:#b24a3e}
.form-field label em{
  margin-left:5px;
  color:#87928e;
  font-size:9px;
  font-style:normal;
  font-weight:650;
}
.form-field input,
.form-field textarea,
.form-field select{
  width:100%;
  min-height:50px;
  padding:13px 14px;
  border:1px solid #cfd8d4;
  border-radius:7px;
  outline:none;
  background:var(--form-surface);
  color:var(--ink);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.form-field input::placeholder,.form-field textarea::placeholder{color:#96a09c}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{
  border-color:var(--form-accent);
  background:#fff;
  box-shadow:0 0 0 3px rgba(47,106,92,.11);
}
.form-field input:disabled{background:#f1f3f2;color:#83908b;cursor:not-allowed}
.form-field > small{color:#7a8782;font-size:10px;line-height:1.45}
.choice-field{margin:0;padding:0;border:0}
.choice-field legend{margin-bottom:10px}
.choice-grid{display:grid;gap:10px}
.choice-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.choice-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.choice-card{
  position:relative;
  display:flex;
  gap:11px;
  align-items:flex-start;
  min-height:76px;
  padding:14px;
  border:1px solid #d6dedb;
  border-radius:7px;
  background:#fff;
  cursor:pointer;
}
.choice-card:hover{border-color:#9bb3aa;background:#fbfdfc}
.choice-card:has(input:checked){border-color:var(--form-accent);background:var(--form-accent-soft);box-shadow:inset 0 0 0 1px var(--form-accent)}
.choice-card input{flex:0 0 auto;width:16px;min-height:16px;margin:2px 0 0;accent-color:var(--form-accent)}
.choice-card span{display:grid;gap:4px;font-size:12px}
.choice-card strong{color:#28352f;font-size:12px}
.choice-card small{color:#78857f;font-size:9px;line-height:1.35}
.choice-card--compact{min-height:52px;align-items:center;padding:12px}
.choice-card--service{min-height:90px}
.request-other{margin-top:14px}
.field-error{
  margin:2px 0 0;
  color:#a5382d;
  font-size:11px;
  font-weight:750;
}
.request-types.has-error .choice-grid{padding:5px;border:1px solid #bc5a50;border-radius:9px}

.prompt-list{display:grid;gap:30px}
.prompt-field + .prompt-field{padding-top:30px;border-top:1px dashed #dce3e0}
.prompt-field__label{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}
.prompt-field__label label{max-width:720px;font-size:14px;line-height:1.55}
.prompt-field__label > small{flex:0 0 auto;color:#8b9691;font-size:10px;font-variant-numeric:tabular-nums}
.prompt-field textarea{min-height:118px;resize:vertical;line-height:1.65}

.risks-field{padding-top:2px}
.risk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.risk-grid label{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:center;
  overflow:hidden;
  border:1px solid #cfd8d4;
  border-radius:7px;
  background:var(--form-surface);
}
.risk-grid label:focus-within{border-color:var(--form-accent);box-shadow:0 0 0 3px rgba(47,106,92,.11)}
.risk-grid label > span{display:grid;place-items:center;align-self:stretch;background:#edf2f0;color:var(--moss);font-size:10px;font-weight:900}
.risk-grid input{min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none!important}

.form-submit{
  display:grid;
  gap:24px;
  padding:34px;
  overflow:hidden;
  border-radius:10px;
  background:var(--deep);
  color:#fff;
  box-shadow:0 18px 50px rgba(20,52,44,.14);
}
.form-submit .application-eyebrow{margin-bottom:10px}
.form-submit h2{margin:0;font-size:27px;line-height:1.25;letter-spacing:-.02em}
.form-submit > div > p{margin:8px 0 0;color:rgba(255,255,255,.64);font-size:12px;line-height:1.55}
.consent-check{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:16px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:7px;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.78);
  font-size:11px;
  line-height:1.55;
}
.consent-check input{flex:0 0 auto;width:17px;height:17px;margin:0;accent-color:#8ec1b2}
.form-submit__actions{display:flex;align-items:center;justify-content:space-between;gap:24px}
.form-submit__actions > p{max-width:340px;margin:0;color:rgba(255,255,255,.5);font-size:10px;line-height:1.5}
.kvkk-notice{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  background:rgba(255,255,255,.055);
}
.kvkk-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:13px 18px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  color:#d8eee7;
  cursor:pointer;
  font:inherit;
  font-size:11px;
  font-weight:850;
  text-align:left;
}
.kvkk-toggle:hover{background:rgba(255,255,255,.13)}
.kvkk-toggle:focus-visible{outline:2px solid #a7c9bf;outline-offset:-3px}
.kvkk-toggle > span:last-child{font-size:18px;line-height:1;transition:transform .2s ease}
.kvkk-notice.is-open .kvkk-toggle > span:last-child{transform:rotate(180deg)}
.kvkk-notice:not(.is-open) .kvkk-notice__body{display:none}
.kvkk-notice__head{display:flex;gap:13px;align-items:flex-start;padding:18px;border-bottom:1px solid rgba(255,255,255,.12)}
.kvkk-badge{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:7px;background:#a7c9bf;color:var(--deep);font-size:9px;font-weight:900;letter-spacing:.08em}
.kvkk-notice h3{margin:1px 0 4px;color:#fff;font-size:14px;line-height:1.35}
.kvkk-notice__head p{margin:0;color:rgba(255,255,255,.58);font-size:10px;line-height:1.5}
.kvkk-notice__body{display:grid;gap:9px;padding:18px}
.kvkk-notice__body p{margin:0;color:rgba(255,255,255,.72);font-size:11px;line-height:1.6}
.kvkk-notice__body strong{color:#fff}
.kvkk-notice__body a{color:#b8ded2;text-decoration:underline;text-underline-offset:2px}
.kvkk-notice__body small{display:block;padding-top:7px;color:rgba(255,255,255,.45);font-size:9px;line-height:1.55}
.kvkk-approve{
  justify-self:start;
  margin-top:5px;
  padding:10px 14px;
  border:1px solid #a7c9bf;
  border-radius:6px;
  background:#a7c9bf;
  color:var(--deep);
  cursor:pointer;
  font:inherit;
  font-size:11px;
  font-weight:900;
}
.kvkk-approve:hover{background:#c6e0d7}
.kvkk-approve:disabled{cursor:default;opacity:.72}
.submit-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  min-height:52px;
  padding:0 22px;
  border:0;
  border-radius:7px;
  background:#fff;
  color:var(--deep);
  cursor:pointer;
  font-size:12px;
  font-weight:900;
  transition:transform .2s ease,background .2s ease;
}
.submit-button:hover{background:#eaf3ef;transform:translateY(-1px)}
.submit-button:focus-visible{outline:3px solid #8ec1b2;outline-offset:3px}
.submit-button:disabled{cursor:wait;opacity:.72;transform:none}
.form-honeypot{display:none!important}
.form-status{
  padding:15px 17px;
  border-radius:7px;
  background:#e7f2ed;
  color:#173e34;
  font-size:12px;
  font-weight:750;
  line-height:1.55;
}
.form-status[data-state="error"]{background:#fff0ed;color:#8a2f27}
.form-field :is(input,textarea,select)[aria-invalid="true"]{border-color:#b94d42;background:#fff9f8}

.site-footer{background:#fff}

@media (max-width:1080px){
  .application-hero__content{grid-template-columns:1fr;gap:32px}
  .application-layout{grid-template-columns:220px minmax(0,1fr)}
  .choice-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-fields--three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .risk-grid{grid-template-columns:1fr}
}

@media (max-width:760px){
  .application-hero{padding:30px var(--page-pad) 68px}
  .application-back{margin-bottom:38px}
  .application-hero h1{font-size:38px;line-height:1.06}
  .application-hero__content > div > p{font-size:15px}
  .application-workspace{padding-bottom:64px}
  .application-layout{grid-template-columns:1fr;margin-top:-30px}
  .application-sidebar{position:static}
  .form-section{scroll-margin-top:86px}
  .application-sidebar__head,.application-privacy{display:none}
  .application-steps{display:flex;gap:7px;padding:9px;overflow-x:auto;scrollbar-width:none}
  .application-steps::-webkit-scrollbar{display:none}
  .application-steps a{flex:0 0 auto;display:flex;padding:7px 11px 7px 7px;white-space:nowrap}
  .form-section{padding:24px 18px}
  .form-fields{grid-template-columns:1fr;gap:20px}
  .form-fields--three{grid-template-columns:1fr}
  .form-field--full{grid-column:auto}
  .choice-grid--three{grid-template-columns:1fr}
  .choice-card{min-height:64px}
  .prompt-list{gap:24px}
  .prompt-field + .prompt-field{padding-top:24px}
  .prompt-field__label{display:grid;gap:5px}
  .prompt-field__label > small{justify-self:end}
  .form-submit{padding:26px 20px}
  .form-submit__actions{align-items:stretch;flex-direction:column}
  .form-submit__actions > p{max-width:none}
  .submit-button{width:100%}
}

@media (max-width:420px){
  .choice-grid--four{grid-template-columns:1fr}
  .form-section__head{grid-template-columns:38px minmax(0,1fr);gap:12px}
  .form-section__number{width:36px;height:36px}
  .form-section__head h2{font-size:22px}
}

@media (prefers-reduced-motion:reduce){
  .application-progress span,
  .form-field input,
  .form-field textarea,
  .form-field select,
  .submit-button{transition:none}
}
