.basvuru { background: #EDF0F4; }

.basvuru .sayfa-bant {
  background:
    radial-gradient(620px 340px at 84% 18%, rgba(92, 118, 158, .34), transparent 70%),
    radial-gradient(480px 260px at 100% 0%, rgba(224, 20, 42, .2), transparent 70%),
    linear-gradient(180deg, #11213A 0%, #0C1729 100%);
}
.basvuru .sayfa-bant::before {
  opacity: 1;
  background: linear-gradient(90deg, transparent 4%, rgba(255, 255, 255, .12) 30%, rgba(255, 255, 255, .2) 70%, transparent 96%) left bottom 104px / 100% 1px no-repeat;
}
.basvuru .sayfa-bant .kap { padding-top: 26px; padding-bottom: 150px; }
.basvuru .bant { align-items: flex-end; margin-top: 30px; }
.basvuru .bant__metin h1 { margin-top: 18px; font-size: clamp(32px, 3.6vw, 48px); letter-spacing: -.035em; }
.basvuru .bant__metin p { color: rgba(255, 255, 255, .66); }
.bant__foy { flex: none; margin-bottom: 4px; }

.basvuru .cerceve, .basvuru .bul__kart {
  background: #fff; border-radius: 18px; border: 1px solid rgba(15, 27, 45, .06);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 34px 80px rgba(10, 20, 35, .16), 0 6px 18px rgba(10, 20, 35, .06);
}

.basvuru .panel-bas { margin-bottom: 28px; }
.basvuru .panel-bas__no {
  display: inline-flex; align-items: center; gap: 12px;
  font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--yazi-2);
}
.basvuru .panel-bas__no::before { content: ""; width: 28px; height: 2px; background: var(--kirmizi); }
.basvuru .panel-bas h2 { margin-top: 14px; font-size: clamp(23px, 2.2vw, 29px); letter-spacing: -.03em; }
.basvuru .panel-bas p { margin-top: 8px; font-size: 15px; color: var(--soluk); }
.basvuru .geri-btn { height: 38px; padding: 0 14px 0 10px; border: 1px solid var(--cizgi-2); border-radius: 8px; font-size: 13.5px; color: var(--yazi-2); }
.basvuru .geri-btn:hover { border-color: var(--yazi); background: #fff; }

.basvuru .alanlar { display: grid; gap: 0 14px; }
.basvuru .alanlar--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.basvuru .alanlar--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.basvuru .alanlar--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.basvuru .alan-grup { position: relative; margin: 0 0 14px; }
.basvuru .alan-grup > label {
  position: absolute; z-index: 1; left: 17px; top: 11px; margin: 0; max-width: calc(100% - 60px);
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  font-size: 11.5px; font-weight: 600; line-height: 1.2; color: var(--soluk); pointer-events: none; transition: color var(--gecis);
}
.basvuru .alan-grup :is(select, input[type=text], input[type=tel], input[type=email]) {
  height: 62px; padding: 22px 16px 0; border: 1px solid #CDD3DC; border-radius: 10px;
  background-color: #fff; font-size: 15.5px; font-weight: 600; color: var(--yazi);
}
.basvuru .alan-grup select { padding-right: 46px; background-position: calc(100% - 16px) 50%; }
.basvuru .alan-grup :is(select, input):not(:disabled):hover { border-color: #A9B2BF; }
.basvuru .alan-grup :is(select, input):focus { border-color: var(--gece); box-shadow: 0 0 0 3px rgba(15, 27, 45, .09); }
.basvuru .alan-grup :is(select, input):focus + label, .basvuru .alan-grup:focus-within > label { color: var(--yazi); }
.basvuru .alan-grup :is(select, input):disabled { background-color: #F5F7FA; border-color: #E2E6EC; color: var(--silik); }
.basvuru .alan-grup:has(:disabled) > label { color: #B3BAC5; }
.basvuru .alan-grup input::placeholder { color: #B0B7C2; font-weight: 500; }
.basvuru .alan-grup select.dolu, .basvuru .alan-grup input.dolu, .basvuru .alan-grup input.gecerli {
  background-color: var(--yesil-zemin); border-color: var(--yesil); color: var(--yesil-yazi); font-weight: 700;
}
.basvuru .alan-grup:has(> :is(select.dolu, input.dolu, input.gecerli)) > label { color: var(--yesil-yazi); }
.basvuru .alan-grup select.dolu { padding-right: 70px; background-position: calc(100% - 42px) 50%, calc(100% - 16px) 50%; }
.basvuru .alan-grup :is(input.dolu, input.gecerli) {
  padding-right: 44px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F9D55' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: calc(100% - 16px) 50%; background-size: 16px;
}
.basvuru .alan-grup :is(select.dolu, input.dolu, input.gecerli):not(:disabled):hover { border-color: #178A4A; }
.basvuru .alan-grup :is(select.dolu, input.dolu, input.gecerli):focus { border-color: var(--yesil); box-shadow: 0 0 0 3px rgba(31, 157, 85, .15); }

.basvuru .alan-grup :is(select, input).hatali { border-color: var(--kirmizi); background-color: #FFF5F6; color: var(--kirmizi-koyu); }
.basvuru .alan-grup:has(> :is(select, input).hatali) > label { color: var(--kirmizi); }
.basvuru .alan-grup :is(select, input).hatali:not(:disabled):hover { border-color: var(--kirmizi-koyu); }
.basvuru .alan-grup :is(select, input).hatali:focus { border-color: var(--kirmizi); box-shadow: 0 0 0 3px var(--kirmizi-acik); }
.basvuru .alan-grup input.hatali::placeholder { color: #E2A2AA; }
.basvuru .yildiz { margin-left: 3px; color: var(--kirmizi); }

.basvuru .alan-grup > select.acilir-yerel { pointer-events: none; }
.basvuru .alan-grup:has(> select.acilir-yerel:not(:disabled)) { cursor: pointer; }
.basvuru .alan-grup:hover > select.acilir-yerel:not(:disabled) { border-color: #A9B2BF; }
.basvuru .alan-grup:hover > select.acilir-yerel.dolu:not(:disabled) { border-color: #178A4A; }
.basvuru .alan-grup:hover > select.acilir-yerel.hatali:not(:disabled) { border-color: var(--kirmizi-koyu); }
.basvuru .alan-grup > select.acilir-yerel.acik { border-color: var(--gece); box-shadow: 0 0 0 3px rgba(15, 27, 45, .09); }
.basvuru .alan-grup > select.acilir-yerel.dolu.acik { border-color: var(--yesil); box-shadow: 0 0 0 3px rgba(31, 157, 85, .15); }

.basvuru .ikili-kirmizi, .basvuru .secenekler {
  display: inline-flex; overflow: hidden; border: 1px solid var(--kirmizi); border-radius: 10px; background: #fff;
}
.basvuru .secim__govde, .basvuru .secenek span { height: 48px; padding: 0 26px; font-size: 14.5px; }
.basvuru .secim + .secim .secim__govde, .basvuru .secenek + .secenek span { border-left: 1px solid var(--kirmizi); }

.basvuru .aksiyon {
  display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex-wrap: wrap;
  margin-top: 14px; padding-top: 22px; border-top: 1px solid var(--cizgi);
}
.basvuru .btn { height: 54px; border-radius: 10px; padding: 0 9px 0 24px; }
.basvuru .btn:not(:has(.ok)) { padding: 0 26px; }
.basvuru .btn .ok { width: 36px; height: 36px; border-radius: 7px; }

.yan-koyu {
  position: relative; color: rgba(255, 255, 255, .7);
  background:
    radial-gradient(120% 50% at 100% 0%, rgba(224, 20, 42, .16), transparent 62%),
    linear-gradient(180deg, #14263F 0%, #0C1729 100%);
}
.yan-koyu__et {
  display: inline-flex; align-items: center; gap: 12px;
  font-size: 10.5px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: rgba(255, 255, 255, .62);
}
.yan-koyu__et::before { content: ""; width: 26px; height: 2px; background: #FF4D5E; }

.belge {
  position: relative; overflow: hidden; border-radius: 16px; color: #fff; isolation: isolate;
  background:
    radial-gradient(70% 90% at 100% 0%, rgba(224, 20, 42, .2), transparent 60%),
    radial-gradient(60% 80% at 0% 100%, rgba(92, 118, 158, .22), transparent 60%),
    linear-gradient(160deg, #16283F 0%, #0F1B2D 50%, #0A1322 100%);
  box-shadow: 0 30px 60px rgba(10, 20, 35, .22), inset 0 1px 0 rgba(255, 255, 255, .06);
}
.belge__desen { position: absolute; z-index: -1; right: -150px; top: 50%; width: 620px; height: 620px; transform: translateY(-50%); pointer-events: none; }
.belge__desen path { fill: none; stroke: rgba(255, 255, 255, .075); stroke-width: .7; }
.belge__desen .ic path { stroke: rgba(255, 90, 104, .12); }
.belge__ust {
  display: flex; align-items: center; gap: 18px; padding: 20px 34px; border-bottom: 1px solid rgba(255, 255, 255, .09);
}
.belge__ust .logo__yazi { font-size: 18px; }
.belge__tur { margin-left: auto; font-size: 10.5px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: rgba(255, 255, 255, .55); }
.belge__no { padding-left: 18px; border-left: 1px solid rgba(255, 255, 255, .14); font-size: 12.5px; color: rgba(255, 255, 255, .55); }
.belge__no b { margin-left: 6px; font-family: var(--mono); font-size: 13px; font-weight: 700; letter-spacing: .05em; color: #fff; }
.belge__govde { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 30px; padding: 38px 34px 34px; }
.belge__arac h2 { margin-top: 18px; font-size: clamp(28px, 3vw, 40px); letter-spacing: -.035em; line-height: 1.08; color: #fff; }
.belge__arac p { display: flex; flex-wrap: wrap; gap: 4px 10px; margin-top: 12px; font-size: 14.5px; color: rgba(255, 255, 255, .62); }
.belge__arac p i { font-style: normal; color: rgba(255, 255, 255, .25); }
.belge__fiyat { text-align: right; }
.belge__fiyat-et { font-size: 11px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: rgba(255, 255, 255, .6); }
.belge__tutar {
  display: flex; align-items: baseline; justify-content: flex-end; gap: 10px; margin-top: 10px;
  font-size: clamp(48px, 5.6vw, 76px); font-weight: 800; letter-spacing: -.05em; line-height: .95; font-variant-numeric: tabular-nums; white-space: nowrap;
}
.belge__tutar small { font-size: .38em; font-weight: 700; letter-spacing: 0; color: rgba(255, 255, 255, .5); }
.belge__tutar--yazi { font-size: clamp(26px, 2.6vw, 34px); letter-spacing: -.025em; }
.belge__alt-not { margin-top: 12px; font-size: 13px; color: rgba(255, 255, 255, .55); }
.belge__foy { margin: 0 34px; padding: 18px 0 22px; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: max-content; }
.belge__foy dd { font-size: 14px; }
.belge__foy .mono { font-family: var(--mono); letter-spacing: .04em; }
.belge { animation: belgeGir .7s var(--yay) both; }
@keyframes belgeGir { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

.sr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 34px 0 0; padding: 0; list-style: none; animation: panelGir .5s .45s both; }
.sr__adim { position: relative; padding-top: 18px; border-top: 1px solid var(--cizgi); }
.sr__adim::before { content: ""; position: absolute; left: 0; top: -2px; width: 44px; height: 3px; background: transparent; }
.sr__adim--etkin::before { background: var(--kirmizi); }
.sr__adim--bitti::before { background: var(--gece); }
.sr__no { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 800; letter-spacing: .1em; color: var(--silik); font-variant-numeric: tabular-nums; }
.sr__no svg { width: 14px; height: 14px; color: var(--yazi); }
.sr__adim--etkin .sr__no { color: var(--kirmizi); }
.sr__adim b { display: block; font-size: 15px; font-weight: 800; color: var(--yazi); }
.sr__adim span:not(.sr__no) { display: block; margin-top: 4px; font-size: 13.5px; line-height: 1.5; color: var(--soluk); }
.belge__govde--tek { grid-template-columns: minmax(0, 1fr); }

@media (max-width: 1100px) {
  .basvuru .bant { flex-direction: column; align-items: flex-start; gap: 26px; }
}
@media (max-width: 767px) {
  .basvuru .sayfa-bant .kap { padding-bottom: 128px; }
  .basvuru .sayfa-bant::before { background-position: left bottom 92px; }
  .basvuru .bant { margin-top: 22px; }
  .bant__foy { width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bant__foy > div { padding: 0 12px; }
  .bant__foy dt { font-size: 9.5px; letter-spacing: .14em; }
  .bant__foy dd { font-size: 14px; }
  .basvuru .cerceve, .basvuru .bul__kart { border-radius: 14px; }
  .basvuru .alanlar--4, .basvuru .alanlar--3, .basvuru .alanlar--2 { grid-template-columns: 1fr; }
  .adimlar { gap: 6px; }
  .adim { padding: 16px 0 14px; }
  .adim:not(.adim--etkin) .adim__ad { display: none; }
  .adim--etkin { grid-column: span 1; }
  .basvuru .panel-bas { flex-direction: column-reverse; gap: 14px; }
  .basvuru .aksiyon { flex-direction: column-reverse; align-items: stretch; }
  .basvuru .ikili-kirmizi, .basvuru .secenekler { display: flex; width: 100%; }
  .basvuru .secim, .basvuru .secenek { flex: 1; }
  .basvuru .secim__govde, .basvuru .secenek span { width: 100%; justify-content: center; padding: 0 10px; }
  .belge__ust { flex-wrap: wrap; gap: 8px 14px; padding: 16px 20px; }
  .belge__tur { margin-left: 0; order: 3; width: 100%; }
  .belge__no { margin-left: auto; padding-left: 0; border-left: 0; }
  .belge__govde { grid-template-columns: 1fr; gap: 26px; padding: 26px 20px 24px; }
  .belge__fiyat { text-align: left; }
  .belge__tutar { justify-content: flex-start; font-size: 46px; }
  .belge__foy { margin: 0 20px; grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
  .belge__foy > div, .belge__foy > div:first-child { padding: 0 10px 0 0; border-left: 0; }
  .belge__foy dt { font-size: 9px; letter-spacing: .12em; }
  .belge__foy dd { font-size: 12.5px; overflow-wrap: anywhere; }
  .belge__desen { right: -260px; width: 520px; height: 520px; }
  .sr { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .sr__adim { padding: 14px 0 14px 18px; border-top: 0; border-left: 1px solid var(--cizgi); }
  .sr__adim::before { left: -2px; top: 0; width: 3px; height: 34px; }
}