/* ===========================================================================
   Kurumsal üyelik sayfası — /corporate-plan  (crp-*)
   ---------------------------------------------------------------------------
   NOT: bu dosya YALNIZCA /corporate-plan içindir. "Kurumsal" tanıtım
   sayfasının (/corporate) stilleri `corporate-about.css` dosyasındadır —
   ikisi bir dönem aynı adı paylaşınca biri diğerinin üzerine yazılmıştı.
   =========================================================================== */

.crp { color: #d5dada; }

/* --- Kahraman ------------------------------------------------------------ */
/* Üst menü sabit ve 80px; kahramanın üst dolgusu bunun altına inmeli,
   yoksa rozet menünün altında kalıyor. */
.crp-hero-sec {
    position: relative;
    padding-top: 8rem;
    overflow: hidden;   /* parıltı bölümün dışına taşmasın */
}

/* Kahraman parıltısı — düz koyu zeminde başlık bloğu yassı duruyordu.
   İki geniş ve düşük yoğunluklu hâle:
     • sol üstte turuncu — metin sütununun arkasında, başlığı zeminden
       hafifçe kaldırıyor,
     • sağda pembeye çalan daha sönük bir hâle — görsel/kart sütununu
       çerçeveliyor, sayfanın diğer bölümlerine yumuşak geçiş veriyor.
   `::before` kullanılıyor: bölümün kendi `background`ı serbest kalsın ve
   parıltı içerikle yarışmasın diye z ekseninde altta duruyor. */
.crp-hero-sec::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(680px 340px at 18% 12%, rgba(243, 122, 82, .13), transparent 64%),
        radial-gradient(560px 300px at 86% 30%, rgba(236, 56, 125, .09), transparent 66%);
}
/* İçerik parıltının üstünde. */
.crp-hero-sec > .container { position: relative; z-index: 1; }
.crp-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
    align-items: center;
    gap: 3rem;
}
.crp-hero-text { min-width: 0; }

.crp-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .3rem .8rem;
    margin-bottom: 1.25rem;
    border-radius: 999px;
    border: 1px solid rgba(243, 122, 82, .35);
    background: rgba(243, 122, 82, .1);
    color: #ffbe9c;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.crp-eyebrow svg {
    width: 14px; height: 14px;
    fill: none; stroke: currentColor; stroke-width: 2;
    stroke-linecap: round; stroke-linejoin: round;
}

.crp-title {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(2.1rem, 4.4vw, 3.4rem);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -.03em;
    margin-bottom: 1.35rem;
}
/* Üçüncü satır marka degradesiyle.
   `align-self: flex-start` ŞART: .crp-title dikey bir esnek kutu, dolayısıyla
   span varsayılan olarak blok genişliğine (776px) esniyordu. Degrade o
   genişliğe yayılınca harfler yalnızca ilk üçte biri kaplıyor, %74'ü boşa
   gidiyor ve pembe uç hiç görünmüyordu — kelime düz turuncu duruyordu. */
.crp-title span:last-child {
    align-self: flex-start;
    background: linear-gradient(96deg, #fda871, #f37a52 50%, #ec387d);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.crp-lead {
    max-width: 60ch;
    color: #b9c0c0;
    font-size: 1.02rem;
    line-height: 1.8;
    margin-bottom: .9rem;
}
.crp-lead strong { color: #e9eded; font-weight: 700; }
.crp-lead--sm { font-size: .93rem; color: #9aa1a1; }

.crp-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.6rem; }

/* Düğmeler — sitedeki dış çizgili marka düğmesi. */
.crp-btn {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    height: 46px;
    padding: 0 1.35rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .03);
    color: #fff !important;
    font-size: .92rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .25s ease, border-color .25s ease;
}
.crp-btn:hover { border-color: rgba(255, 255, 255, .32); background: rgba(255, 255, 255, .07); }
.crp-btn svg {
    /* Ölçü ŞART: verilmezse SVG kabının tamamına yayılıp düğmeyi
       ekran boyuna çıkarıyor. */
    width: 16px; height: 16px; flex: 0 0 auto;
    fill: none; stroke: currentColor; stroke-width: 2;
    stroke-linecap: round; stroke-linejoin: round;
}
.crp-btn--primary {
    border-color: rgba(243, 122, 82, .55);
    background: linear-gradient(96deg,
        rgba(253, 168, 113, .12) 0%, rgba(243, 122, 82, .12) 45%, rgba(236, 56, 125, .12) 100%);
}
.crp-btn--primary:hover {
    border-color: rgba(253, 168, 113, .95);
    background: linear-gradient(96deg,
        rgba(253, 168, 113, .38) 0%, rgba(243, 122, 82, .38) 45%, rgba(236, 56, 125, .38) 100%);
}

.crp-hero-media {
    border-radius: 1.5rem;
    overflow: hidden;
    border: 1px solid #1f2222;
}
.crp-hero-media img {
    display: block; width: 100%; height: auto;
    aspect-ratio: 4 / 3; object-fit: cover;
}

.crp-partners-head { margin-top: 3.5rem; }

/* --- Avantajlar ---------------------------------------------------------- */
.crp-seam { padding-top: 3rem; }
.crp-soft { background: rgba(255, 255, 255, .014); }

.crp-split {
    display: grid;
    grid-template-columns: minmax(0, 440px) minmax(0, 1fr);
    align-items: start;
    gap: 2.5rem;
    margin-top: 1.5rem;
}
.crp-split-media {
    border-radius: 1.25rem;
    overflow: hidden;
    border: 1px solid #1f2222;
}
.crp-split-media img {
    display: block; width: 100%; height: auto;
    aspect-ratio: 4 / 3; object-fit: cover;
}

.crp-list { list-style: none; margin: 0; padding: 0; }
.crp-item {
    display: flex;
    align-items: flex-start;
    gap: .9rem;
    padding: .95rem 0;
    border-bottom: 1px solid #1a1e1e;
}
.crp-item:last-child { border-bottom: 0; }
.crp-num {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 30px; height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(243, 122, 82, .4);
    background: rgba(243, 122, 82, .1);
    color: #ffbe9c;
    font-size: .8rem;
    font-weight: 800;
}
.crp-item-text { color: #b9c0c0; font-size: .95rem; line-height: 1.7; }
.crp-item-text strong { color: #fff; font-weight: 700; }

/* --- Form ---------------------------------------------------------------- */
.crp-form-sec { padding-top: 3.5rem; }
.crp-glow { position: relative; }
.crp-glow::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 320px;
    pointer-events: none;
    background: radial-gradient(62% 60% at 50% 0%, rgba(243, 122, 82, .1), transparent 70%);
}

.crp-card {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    border-radius: 1.5rem;
    border: 1px solid #1f2222;
    background: rgba(255, 255, 255, .022);
    overflow: hidden;
}
.crp-card-head {
    padding: 1.6rem 1.9rem 1.3rem;
    border-bottom: 1px solid #1f2222;
}
.crp-card-title {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 1.3rem;
    font-weight: 800;
    letter-spacing: -.01em;
    margin-bottom: .35rem;
}
.crp-card-sub { color: #9aa1a1; font-size: .9rem; }
.crp-card-body { padding: 1.6rem 1.9rem 1.9rem; }

.crp-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;
    margin-bottom: 1rem;
}
.crp-row--one { grid-template-columns: minmax(0, 1fr); }

.crp-field { min-width: 0; }
.crp-label {
    display: block;
    margin-bottom: .4rem;
    color: #9aa1a1;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .04em;
}
.crp-input.input,
.crp-input {
    width: 100%;
    height: 48px;
    padding: 0 1rem;
    border-radius: .75rem !important;
    border: 1px solid #262b2b !important;
    background: #0e1212 !important;
    box-shadow: none !important;
    color: #e9eded !important;
    font-size: .94rem;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.crp-input::placeholder { color: #5f6666; }
.crp-input:hover { border-color: #313737 !important; }
.crp-input:focus, .crp-input:focus-visible {
    border-color: rgba(243, 122, 82, .75) !important;
    /* İnce bir halka: yalnızca kenar rengi değişince odak yeterince
       belli olmuyordu. */
    box-shadow: 0 0 0 3px rgba(243, 122, 82, .16) !important;
    background: #101515 !important;
    outline: none;
}
select.crp-input { appearance: none; }
.crp-error { display: block; margin-top: .3rem; color: #ff9d8a; font-size: .78rem; }

/* ---------------------------------------------------------------------------
   Choices.js ile sarmalanan seçim kutuları
   ---------------------------------------------------------------------------
   `data-choice-select` taşıyan <select>'leri Choices.js gizleyip yerine kendi
   işaretlemesini koyuyor. O sarmalayıcı biçimlendirilmediği için kutular
   kütüphanenin BEYAZ varsayılanıyla kalıyordu; koyu sayfanın ortasında üç
   beyaz dikdörtgen duruyordu. Aşağısı onları metin alanlarıyla aynı görünüme
   getiriyor.
   --------------------------------------------------------------------------- */
.crp-field .choices { margin-bottom: 0; }
.crp-field .choices__inner {
    min-height: 48px;
    padding: 0 2.2rem 0 1rem;
    display: flex;
    align-items: center;
    border-radius: .75rem;
    border: 1px solid #262b2b;
    background: #0e1212;
    color: #e9eded;
    font-size: .94rem;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.crp-field .choices:hover .choices__inner { border-color: #313737; }
.crp-field .choices.is-open .choices__inner,
.crp-field .choices.is-focused .choices__inner {
    border-color: rgba(243, 122, 82, .75);
    box-shadow: 0 0 0 3px rgba(243, 122, 82, .16);
    border-radius: .75rem;
}
.crp-field .choices__list--single { padding: 0; }
.crp-field .choices__list--single .choices__item { color: #e9eded; }
.crp-field .choices__placeholder { color: #5f6666; opacity: 1; }

/* Açılır liste */
.crp-field .choices__list--dropdown,
.crp-field .choices__list[aria-expanded] {
    margin-top: .35rem;
    border-radius: .75rem;
    border: 1px solid #262b2b;
    background: #101414;
    box-shadow: 0 24px 48px -24px rgba(0, 0, 0, .9);
    overflow: hidden;
}
.crp-field .choices__list--dropdown .choices__item {
    padding: .6rem 1rem;
    color: #c5cbcb;
    font-size: .9rem;
}
.crp-field .choices__list--dropdown .choices__item--selectable::after { display: none; }
.crp-field .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background: rgba(243, 122, 82, .14);
    color: #fff;
}

/* Ok işareti — Choices kendi okunu koyu zeminde görünmez bırakıyor. */
.crp-field .choices[data-type*="select-one"]::after {
    border-color: #9aa1a1 transparent transparent;
    right: 1rem;
}
.crp-field .choices[data-type*="select-one"].is-open::after {
    border-color: transparent transparent #fda871;
    margin-top: -7px;
}

.crp-captcha { margin: 1.25rem 0; }
.crp-submit {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    padding-top: 1.1rem;
    border-top: 1px solid #1f2222;
}
.crp-submit-note { color: #767d7d; font-size: .8rem; }

/* --- Sonuç penceresi ------------------------------------------------------ */
.crp-modal .modal-content { max-width: 460px; }
.crp-modal-inner {
    padding: 2rem 1.9rem;
    border-radius: 1.35rem;
    border: 1px solid #1f2222;
    background: #101414;
    text-align: center;
}
.crp-modal-icon {
    display: grid;
    place-items: center;
    width: 52px; height: 52px;
    margin: 0 auto 1rem;
    border-radius: 50%;
    border: 1px solid rgba(243, 122, 82, .4);
    background: rgba(243, 122, 82, .1);
}
.crp-modal-icon svg {
    width: 24px; height: 24px;
    fill: none; stroke: #fda871; stroke-width: 2.2;
    stroke-linecap: round; stroke-linejoin: round;
}
.crp-modal-inner.is-fail .crp-modal-icon { border-color: rgba(255, 157, 138, .45); }
.crp-modal-inner.is-fail .crp-modal-icon svg { stroke: #ff9d8a; }
.crp-modal-title { color: #fff; font-size: 1.15rem; font-weight: 800; margin-bottom: .55rem; }
.crp-modal-text { color: #b9c0c0; font-size: .93rem; line-height: 1.7; }
.crp-modal-sign {
    display: block;
    margin-top: 1.1rem;
    color: #767d7d;
    font-size: .75rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.crp-modal-close { position: absolute; top: -2.6rem; right: 0; }

@media screen and (max-width: 1023px) {
    .crp-hero { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
    .crp-split { grid-template-columns: minmax(0, 1fr); }
}
@media screen and (max-width: 640px) {
    .crp-row { grid-template-columns: minmax(0, 1fr); }
    .crp-card-head, .crp-card-body { padding-left: 1.2rem; padding-right: 1.2rem; }
}