/* Staj başvuru sayfası — Bravis Dijital */

:root{
  --navy:#040D38;
  --blue:#00A0E1;
  --blue-deep:#0088c4;
  --blue-pale:rgba(0,160,225,.08);
  --white:#ffffff;
  --cream:#eef1f9;
  --gray-100:#e6e9f2;
  --gray-300:#8e95ad;
  --gray-400:#6a7290;
  --font-display:'Poppins',sans-serif;
  --font-body:'Poppins',sans-serif;
  --font-mono:'JetBrains Mono',monospace;
}

.staj-page{padding-bottom:var(--ds-section-pad-bottom,4rem)}
.staj-page .wrap{
  max-width:var(--ds-shell-max,1120px);
  margin:0 auto;
  padding-left:var(--ds-gutter,1.25rem);
  padding-right:var(--ds-gutter,1.25rem);
  box-sizing:border-box;
}

.staj-hero{position:relative;min-height:72vh;display:flex;align-items:center;padding:8.5rem 0 4rem;overflow:hidden;background:linear-gradient(165deg,var(--white) 0%,var(--cream) 55%,rgba(0,160,225,.06) 100%)}
.staj-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 55% 45% at 85% 20%,rgba(0,160,225,.14),transparent 60%),radial-gradient(ellipse 40% 35% at 10% 80%,rgba(4,13,56,.04),transparent 55%);pointer-events:none}
.staj-hero-grid{position:absolute;inset:0;opacity:.04;background-image:linear-gradient(var(--navy) 1px,transparent 1px),linear-gradient(90deg,var(--navy) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,black 30%,transparent 95%);pointer-events:none}
.staj-hero-inner{position:relative;z-index:2;max-width:720px}
.staj-kicker{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:1rem}
.staj-hero h1{font-family:var(--font-display);font-size:clamp(2.8rem,6vw,4.2rem);line-height:1.02;letter-spacing:.04em;text-transform:uppercase;color:var(--navy)}
.staj-hero h1 .hl{color:var(--blue)}
.staj-lead{margin-top:1.25rem;font-size:1.08rem;line-height:1.75;color:var(--gray-400);max-width:52ch}
.staj-hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}
.staj-hero-badge{position:absolute;right:8%;bottom:18%;z-index:3;width:120px;height:120px;border-radius:50%;background:var(--navy);color:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 24px 60px rgba(4,13,56,.22);animation:stajPulse 4s ease-in-out infinite}
.staj-hero-badge-num{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.08em;line-height:1}
.staj-hero-badge-txt{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.25em;color:var(--blue);margin-top:.15rem}
@keyframes stajPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}

.staj-btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.75rem;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;cursor:pointer;font-family:var(--font-body)}
.staj-btn-primary{background:var(--navy);color:var(--white);border-color:var(--navy)}
.staj-btn-primary:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,160,225,.28)}
.staj-btn-ghost{background:transparent;color:var(--navy);border-color:rgba(4,13,56,.2)}
.staj-btn-ghost:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
.staj-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}

.staj-section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);letter-spacing:.06em;text-transform:uppercase;color:var(--navy);margin-bottom:1.75rem}

.staj-quota{margin-top:-2rem;position:relative;z-index:5}
.staj-quota-card{padding:2rem 2.25rem;background:rgba(255,255,255,.92);border:1px solid rgba(4,13,56,.08);box-shadow:0 28px 70px rgba(4,13,56,.08);backdrop-filter:blur(12px)}
.staj-quota-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem}
.staj-quota-head h2{font-family:var(--font-display);font-size:1.75rem;letter-spacing:.06em;text-transform:uppercase;margin:0}
.staj-quota-meta{font-family:var(--font-mono);font-size:.78rem;color:var(--gray-400);letter-spacing:.06em}
.staj-quota-slots{display:flex;gap:.65rem;margin-bottom:1rem}
.staj-slot{width:48px;height:48px;border-radius:4px;border:2px solid rgba(4,13,56,.12);position:relative;transition:transform .3s,box-shadow .3s}
.staj-slot.is-taken{background:linear-gradient(135deg,var(--navy) 0%,#0a1a5c 100%);border-color:var(--navy);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.staj-slot.is-taken::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:1.1rem;font-weight:700}
.staj-slot.is-free{background:var(--blue-pale);border-color:rgba(0,160,225,.35);animation:stajSlotGlow 2.5s ease-in-out infinite}
.staj-slot.is-free::after{content:'';position:absolute;inset:6px;border:1px dashed rgba(0,160,225,.4)}
@keyframes stajSlotGlow{0%,100%{box-shadow:0 0 0 rgba(0,160,225,0)}50%{box-shadow:0 0 18px rgba(0,160,225,.25)}}
.staj-quota-remain{font-size:1rem;color:var(--navy);margin-bottom:.5rem}
.staj-quota-remain strong{color:var(--blue)}
.staj-quota-note{font-size:.92rem;color:var(--gray-400);line-height:1.6}
.staj-quota-note.is-full{color:#b45309}

.staj-perks{padding:4.5rem 0 2rem}
.staj-perk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}
.staj-perk{padding:1.5rem 1.35rem;border:1px solid rgba(4,13,56,.08);background:var(--white);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .25s}
.staj-perk:hover{transform:translateY(-6px);border-color:rgba(0,160,225,.25);box-shadow:0 20px 50px rgba(4,13,56,.09)}
.staj-perk-icon{display:block;font-size:1.75rem;margin-bottom:.75rem;opacity:.85}
.staj-perk h3{font-size:1rem;font-weight:800;color:var(--navy);margin-bottom:.45rem}
.staj-perk p{font-size:.88rem;line-height:1.65;color:var(--gray-400)}

.staj-looking{padding:3rem 0}
.staj-looking-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:2.5rem;align-items:start}
.staj-looking-lead{color:var(--gray-400);line-height:1.7;margin-top:.5rem}
.staj-checklist{list-style:none;display:flex;flex-direction:column;gap:.85rem}
.staj-checklist li{position:relative;padding-left:1.75rem;font-size:.95rem;line-height:1.55;color:var(--navy)}
.staj-checklist li::before{content:'';position:absolute;left:0;top:.45rem;width:10px;height:10px;background:var(--blue);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}

.staj-process{padding:3rem 0 4rem}
.staj-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;list-style:none;counter-reset:staj}
.staj-steps li{display:flex;gap:1rem;padding:1.35rem;background:var(--cream);border-left:3px solid var(--blue)}
.staj-step-num{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--blue);letter-spacing:.1em;padding-top:.2rem}
.staj-steps h3{font-size:.95rem;font-weight:800;margin-bottom:.35rem}
.staj-steps p{font-size:.86rem;color:var(--gray-400);line-height:1.6}

.staj-form-section{padding:2rem 0 3rem;scroll-margin-top:6rem}
.staj-form-head{margin-bottom:2rem;max-width:58ch}
.staj-form-head h2{font-family:var(--font-display);font-size:2.2rem;letter-spacing:.05em;text-transform:uppercase}
.staj-form-head p{color:var(--gray-400);line-height:1.65;margin-top:.5rem}
.staj-form{background:var(--white);border:1px solid rgba(4,13,56,.1);padding:2rem;box-shadow:0 24px 60px rgba(4,13,56,.06)}
.staj-form-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.staj-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem 1.5rem}
.staj-field-wide{grid-column:1/-1}
.staj-field label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-400);margin-bottom:.4rem}
.staj-field .req{color:var(--blue)}
.staj-field input,.staj-field select,.staj-field textarea{width:100%;padding:.75rem .9rem;border:1px solid var(--gray-100);background:var(--white);font-family:var(--font-body);font-size:.95rem;color:var(--navy);transition:border-color .2s,box-shadow .2s}
.staj-field input:focus,.staj-field select:focus,.staj-field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,160,225,.15)}
.staj-field input.is-invalid,.staj-field select.is-invalid,.staj-field textarea.is-invalid{border-color:#dc3545}
.staj-field-err{display:block;font-size:.78rem;color:#dc3545;margin-top:.35rem;min-height:1.1em}
.staj-form-privacy{font-size:.78rem;color:var(--gray-300);line-height:1.5;margin:1.5rem 0 1rem}
.staj-form-actions{margin-top:.5rem}
.staj-form-alert{margin-top:1.25rem;padding:1rem 1.15rem;font-size:.9rem;line-height:1.5;border-left:3px solid var(--blue);background:var(--blue-pale)}
.staj-form-alert.is-error{border-color:#dc3545;background:rgba(220,53,69,.08);color:#842029}
.staj-form-alert.is-success{border-color:#198754;background:rgba(25,135,84,.08);color:#0f5132}

.staj-closed-card{padding:2.5rem;background:var(--cream);border:1px dashed rgba(4,13,56,.15);text-align:center}
.staj-closed-card p{color:var(--gray-400);line-height:1.7;margin-bottom:1.5rem;max-width:52ch;margin-left:auto;margin-right:auto}

.staj-faq{padding:2rem 0 3rem}
.staj-faq-list{display:flex;flex-direction:column;gap:.65rem}
.staj-faq-item{border:1px solid rgba(4,13,56,.08);background:var(--white)}
.staj-faq-item summary{padding:1.1rem 1.25rem;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.staj-faq-item summary::-webkit-details-marker{display:none}
.staj-faq-item summary::after{content:'+';font-family:var(--font-mono);color:var(--blue);font-size:1.2rem}
.staj-faq-item[open] summary::after{content:'−'}
.staj-faq-item p{padding:0 1.25rem 1.15rem;color:var(--gray-400);line-height:1.65;font-size:.92rem}

.staj-contact{padding-bottom:2rem}
.staj-contact-card{padding:2.5rem;background:var(--navy);color:var(--white)}
.staj-contact-card h2{font-family:var(--font-display);font-size:2rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem}
.staj-contact-card > p{opacity:.75;line-height:1.6;margin-bottom:1.25rem}
.staj-contact-links{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-bottom:1.5rem}
.staj-contact-links a{color:var(--blue);font-weight:600;text-decoration:none;font-size:1.05rem}
.staj-contact-links a:hover{text-decoration:underline}
.staj-back{color:rgba(255,255,255,.65);font-size:.85rem;text-decoration:none;letter-spacing:.06em}
.staj-back:hover{color:var(--white)}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.reveal.vis{opacity:1;transform:none}
.reveal.rd1{transition-delay:.08s}
.reveal.rd2{transition-delay:.14s}
.reveal.rd3{transition-delay:.2s}
.reveal.rd4{transition-delay:.26s}
.reveal.rd5{transition-delay:.32s}

@media(max-width:900px){
  .staj-looking-grid{grid-template-columns:1fr}
  .staj-hero-badge{right:5%;bottom:8%;width:88px;height:88px}
}
@media(max-width:640px){
  .staj-hero{min-height:auto;padding-top:7rem}
  .staj-form-grid{grid-template-columns:1fr}
  .staj-hero-badge{display:none}
  .staj-quota-slots{flex-wrap:wrap}
  .staj-slot{width:40px;height:40px}
}