:root {
    --career-navy: #001d40;
    --career-blue: #006db5;
    --career-cyan: #02a7df;
    --career-ink: #17344d;
    --career-muted: #5b6f81;
    --career-border: #d4e2ec;
    --career-soft: #eef7fc;
    --career-error: #b42318;
}

.career-page { color: var(--career-navy); }
.career-page *, .career-page *::before, .career-page *::after { box-sizing: border-box; }
.career-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(54px, 8vw, 104px) 0 clamp(66px, 9vw, 112px);
    background: linear-gradient(135deg, #f7fbfe 0%, #edf7fc 64%, #f7fcff 100%);
}
.career-hero::after {
    position: absolute;
    right: -220px;
    bottom: -330px;
    width: 650px;
    height: 650px;
    border: 105px solid rgba(2, 167, 223, .07);
    border-radius: 50%;
    content: '';
}
.career-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(390px, .82fr);
    align-items: center;
    gap: clamp(42px, 7vw, 86px);
}
.career-eyebrow {
    margin: 0 0 11px;
    color: var(--career-blue);
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.career-hero h1 {
    max-width: 700px;
    margin: 0;
    font-size: clamp(2.35rem, 5vw, 4.45rem);
    line-height: 1.04;
    letter-spacing: -.045em;
}
.career-hero-lead {
    max-width: 720px;
    margin: 24px 0 0;
    color: var(--career-muted);
    font-size: clamp(1.03rem, 1.45vw, 1.19rem);
    line-height: 1.76;
}
.career-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 19px; margin-top: 30px; }
.career-text-link { color: var(--career-blue); font-weight: 800; }
.career-text-link:hover, .career-text-link:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
.career-trust-list { display: flex; flex-wrap: wrap; gap: 11px 20px; margin: 30px 0 0; }
.career-trust-list li { display: flex; align-items: center; gap: 8px; color: var(--career-ink); font-size: .88rem; font-weight: 700; }
.career-trust-list svg { flex: 0 0 auto; color: var(--career-blue); }
.career-hero-media {
    position: relative;
    overflow: hidden;
    height: clamp(460px, 42vw, 540px);
    margin: 0;
    border: 1px solid rgba(0, 29, 64, .13);
    border-top: 4px solid var(--career-cyan);
    border-radius: 24px;
    background: #d9ebf4;
    box-shadow: 0 28px 60px rgba(0, 29, 64, .16);
}
.career-hero-media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 34%; }
.career-hero-media figcaption {
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 16px;
    display: grid;
    gap: 4px;
    padding: 16px 18px;
    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 14px;
    background: rgba(0, 29, 64, .9);
    color: #fff;
    backdrop-filter: blur(9px);
}
.career-hero-media figcaption span { color: #cceeff; font-size: .88rem; }

.career-section { padding: clamp(68px, 9vw, 110px) 0; }
.career-section--soft { background: var(--career-soft); }
#basvuru-sureci, #kariyer-formu, #basvuru-durumu { scroll-margin-top: 112px; }
.career-heading { max-width: 760px; margin-bottom: 38px; }
.career-heading--center { margin-right: auto; margin-left: auto; text-align: center; }
.career-heading h2 { margin: 0; font-size: clamp(1.85rem, 3.2vw, 2.8rem); line-height: 1.15; letter-spacing: -.026em; }
.career-heading > p:last-child { margin: 15px 0 0; color: var(--career-muted); line-height: 1.72; }
.career-opportunity-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.career-opportunity-grid article {
    padding: 27px;
    border: 1px solid var(--career-border);
    border-top: 3px solid var(--career-cyan);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(0, 29, 64, .055);
}
.career-opportunity-grid article > span { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 14px; background: var(--career-soft); color: var(--career-blue); }
.career-opportunity-grid h3 { margin: 20px 0 9px; font-size: 1.15rem; }
.career-opportunity-grid p { margin: 0; color: var(--career-muted); font-size: .93rem; line-height: 1.67; }
.career-process-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; counter-reset: none; }
.career-process-list li { display: flex; gap: 18px; min-width: 0; padding: 27px; border: 1px solid #cfe0e9; border-radius: 17px; background: #fff; }
.career-process-list > li > span { display: grid; flex: 0 0 43px; width: 43px; height: 43px; place-items: center; border-radius: 50%; background: var(--career-navy); color: #fff; font-size: .76rem; font-weight: 850; letter-spacing: .06em; }
.career-process-list h3 { margin: 1px 0 8px; font-size: 1.08rem; }
.career-process-list p { margin: 0; color: var(--career-muted); font-size: .91rem; line-height: 1.65; }

.career-form-section { background: #f8fbfd; }
.career-form-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); align-items: start; gap: clamp(30px, 5vw, 58px); }
.career-form-main { min-width: 0; }
.career-status, .career-setup-notice, .career-error-summary {
    margin: 0 0 24px;
    padding: 18px 20px;
    border: 1px solid;
    border-radius: 14px;
}
.career-status { display: flex; align-items: flex-start; gap: 13px; }
.career-status svg { flex: 0 0 auto; margin-top: 1px; }
.career-status h3, .career-error-summary h3 { margin: 0 0 5px; font-size: 1rem; }
.career-status p, .career-setup-notice p { margin: 0; line-height: 1.62; }
.career-status--success { border-color: #a6d9c3; background: #ecfdf3; color: #065f46; }
.career-status--error, .career-error-summary { border-color: #f5b7b1; background: #fff1f0; color: #912018; }
.career-error-summary ul { margin: 9px 0 0 19px; list-style: disc; }
.career-error-summary a { color: #912018; text-decoration: underline; text-underline-offset: 3px; }
.career-setup-notice { border-color: #f0cf8a; background: #fff9e9; color: #6b4b0d; }
.career-setup-notice strong { display: block; margin-bottom: 4px; }
.career-form { display: grid; gap: 25px; }
.career-form fieldset { min-width: 0; margin: 0; padding: clamp(22px, 3.5vw, 32px); border: 1px solid var(--career-border); border-radius: 18px; background: #fff; box-shadow: 0 10px 27px rgba(0, 29, 64, .045); }
.career-form legend { display: flex; align-items: center; gap: 10px; padding: 0 8px; color: var(--career-navy); font-size: 1.08rem; font-weight: 850; }
.career-form legend span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--career-blue); color: #fff; font-size: .71rem; letter-spacing: .05em; }
.career-fields-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px; }
.career-field { min-width: 0; margin-top: 20px; }
.career-fields-grid .career-field { margin-top: 0; }
.career-field--wide { grid-column: 1 / -1; }
.career-field label { display: flex; flex-wrap: wrap; align-items: baseline; gap: 7px; margin-bottom: 8px; color: var(--career-ink); font-size: .9rem; font-weight: 800; }
.career-field label > span { color: var(--career-error); }
.career-field label small { color: #708294; font-size: .75rem; font-weight: 650; }
.career-field input, .career-field select, .career-field textarea {
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid #b9ccda;
    border-radius: 10px;
    outline: none;
    background: #fff;
    color: var(--career-navy);
    font: inherit;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.career-field textarea { min-height: 112px; resize: vertical; line-height: 1.55; }
.career-field input::placeholder, .career-field textarea::placeholder { color: #81909d; opacity: 1; }
.career-field input:focus, .career-field select:focus, .career-field textarea:focus { border-color: var(--career-blue); box-shadow: 0 0 0 3px rgba(0, 109, 181, .14); }
.career-field [aria-invalid="true"] { border-color: var(--career-error); }
.career-field [aria-invalid="true"]:focus { box-shadow: 0 0 0 3px rgba(180, 35, 24, .13); }
.career-field-help { margin: 7px 0 0; color: var(--career-muted); font-size: .79rem; line-height: 1.55; }
.career-field-error { margin: 7px 0 0; color: var(--career-error); font-size: .81rem; font-weight: 750; line-height: 1.5; }
.career-consent-group { display: grid; gap: 15px; padding: 22px; border: 1px solid var(--career-border); border-radius: 15px; background: #fff; }
.career-notice-text { margin: 0 0 2px; padding: 0 0 16px; border-bottom: 1px solid var(--career-border); color: var(--career-muted); font-size: .87rem; line-height: 1.62; }
.career-notice-text a { color: var(--career-blue); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.career-checkbox { display: grid; grid-template-columns: 21px minmax(0, 1fr); align-items: start; gap: 11px; color: var(--career-ink); font-size: .88rem; line-height: 1.6; cursor: pointer; }
.career-checkbox input { width: 19px; height: 19px; margin: 3px 0 0; accent-color: var(--career-blue); }
.career-checkbox small { color: var(--career-muted); }
.career-submit { justify-self: start; display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; }
.career-submit:disabled { cursor: not-allowed; opacity: .52; }
.career-submit-note { max-width: 680px; margin: -11px 0 0; color: var(--career-muted); font-size: .8rem; line-height: 1.55; }
.career-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.career-form-aside { position: sticky; top: 105px; display: grid; gap: 18px; }
.career-aside-card, .career-privacy-card { border: 1px solid var(--career-border); border-radius: 18px; background: #fff; box-shadow: 0 12px 30px rgba(0, 29, 64, .055); }
.career-aside-card { padding: 27px; border-top: 3px solid var(--career-cyan); }
.career-aside-card h2 { margin: 0; font-size: 1.45rem; line-height: 1.2; }
.career-aside-card ul { display: grid; gap: 14px; margin: 22px 0 0; }
.career-aside-card li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 9px; color: var(--career-muted); font-size: .88rem; line-height: 1.55; }
.career-aside-card svg { color: var(--career-blue); }
.career-privacy-card { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 13px; padding: 21px; background: var(--career-navy); color: #fff; }
.career-privacy-card svg { color: #71ddff; }
.career-privacy-card strong { display: block; margin-bottom: 5px; }
.career-privacy-card p { margin: 0; color: #cce0ef; font-size: .84rem; line-height: 1.57; }

@media (max-width: 1050px) {
    .career-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(330px, .72fr); }
    .career-hero-media { height: 460px; }
    .career-opportunity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
    .career-hero-grid, .career-form-layout { grid-template-columns: 1fr; }
    .career-hero-media { width: min(100%, 620px); height: clamp(380px, 70vw, 500px); }
    .career-process-list { grid-template-columns: 1fr; }
    .career-form-aside { position: static; grid-row: 1; grid-template-columns: minmax(0, 1.2fr) minmax(240px, .8fr); }
    .mobile-bottom-bar--career { justify-content: center; }
    .mobile-bottom-bar--career .mobile-bar-btn { max-width: 420px; flex-direction: row; gap: 9px; padding: 12px 18px; }
    .mobile-bottom-bar--career .mobile-bar-btn .text { transform: none; }
}
@media (max-width: 620px) {
    .career-hero { padding-top: 43px; }
    .career-hero h1 { font-size: clamp(2.2rem, 12vw, 3.2rem); overflow-wrap: anywhere; }
    .career-trust-list { display: grid; }
    .career-hero-media { height: clamp(340px, 92vw, 460px); }
    .career-opportunity-grid, .career-fields-grid, .career-form-aside { grid-template-columns: 1fr; }
    .career-field--wide { grid-column: auto; }
    .career-form fieldset { padding: 20px 17px 22px; }
    .career-form legend { font-size: .98rem; }
    .career-submit { width: 100%; }
}
@media (max-width: 400px) {
    .career-hero-actions { align-items: stretch; flex-direction: column; }
    .career-hero-actions .btn { width: 100%; }
    .career-hero-media { height: 340px; }
    .career-process-list li, .career-opportunity-grid article { padding: 21px; }
}
@media (prefers-reduced-motion: reduce) {
    .career-field input, .career-field select, .career-field textarea { transition: none; }
}