/* Kariyer Sayfası */

/* ===== HERO ===== */
@keyframes krGlow{
  0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.5}
  50%{transform:translate(-50%,-50%) scale(1.25);opacity:.9}
}

@keyframes krReveal{
  from{opacity:0;transform:translateY(28px)}
  to{opacity:1;transform:translateY(0)}
}

.career-hero{
  position:relative;
  min-height:78vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
  background:linear-gradient(135deg,#071318 0%,var(--primary) 50%,#163d52 80%,#071318 100%);
}

.career-hero-glow{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:800px;height:600px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(var(--secondary-rgb),.2) 0%,transparent 65%);
  animation:krGlow 8s ease-in-out infinite;
  pointer-events:none;
}

.career-hero-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(var(--secondary-rgb),.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--secondary-rgb),.06) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 85% 80% at 50% 50%,black 0%,transparent 90%);
  -webkit-mask-image:radial-gradient(ellipse 85% 80% at 50% 50%,black 0%,transparent 90%);
}

.career-hero-content{
  position:relative;
  z-index:2;
  padding:0 var(--section-px);
}

.career-hero-content .hero-tag{
  display:inline-block;
  animation:krReveal .7s ease both;
}

.career-hero h1{
  font-family:var(--font-heading);
  font-size:clamp(52px,7.5vw,96px);
  font-weight:800;
  color:#fff;
  letter-spacing:-4px;
  line-height:1.0;
  margin:20px 0;
  animation:krReveal .8s .1s ease both;
}

.career-hero p{
  max-width:480px;
  margin:0 auto;
  color:rgba(255,255,255,.62);
  font-size:18px;
  line-height:1.7;
  animation:krReveal .8s .22s ease both;
}

/* ===== FORM SECTION ===== */
@keyframes cfsCardIn{
  from{opacity:0;transform:translateY(40px)}
  to{opacity:1;transform:translateY(0)}
}

.career-form-section{
  position:relative;
  padding:100px var(--section-px) 110px;
  background:#f4f6f8;
}

.cfs-glow,.cfs-grid{display:none}

.cfs-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1.6fr;
  gap:72px;
  max-width:1060px;
  margin:0 auto;
  align-items:start;
}

/* Left col */
.cfs-left{
  padding-top:8px;
}

.cfs-left .section-tag{
  color:var(--secondary);
}

.cfs-left h2{
  font-family:var(--font-heading);
  font-size:clamp(32px,3.5vw,48px);
  font-weight:800;
  color:var(--primary);
  letter-spacing:-2px;
  margin:14px 0 18px;
}

.cfs-left p{
  color:#6b7280;
  font-size:16px;
  line-height:1.85;
  margin-bottom:36px;
}

.cfs-info-item{
  display:flex;
  align-items:center;
  gap:12px;
  color:#4b5563;
  font-size:15px;
}

.cfs-info-item svg{
  width:19px;height:19px;
  color:var(--secondary);
  flex-shrink:0;
}

/* Card */
.cfs-card{
  background:#fff;
  border-radius:20px;
  box-shadow:
    0 4px 6px rgba(0,0,0,.04),
    0 20px 60px rgba(0,0,0,.08);
  padding:48px 44px;
  animation:cfsCardIn .7s .1s cubic-bezier(.22,.68,0,1) both;
}

/* Form groups */
.cf-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.cf-group{
  margin-bottom:22px;
}

.cf-group label{
  display:block;
  margin-bottom:7px;
  font-size:13px;
  font-weight:600;
  color:#374151;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.cf-group input,
.cf-group textarea{
  width:100%;
  background:#f9fafb;
  border:1.5px solid #e5e7eb;
  border-radius:10px;
  padding:14px 18px;
  color:#111827;
  font-size:15px;
  font-family:var(--font-body);
  line-height:1.5;
  outline:none;
  transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
  -webkit-appearance:none;
}

.cf-group input::placeholder,
.cf-group textarea::placeholder{
  color:#9ca3af;
}

.cf-group input:focus,
.cf-group textarea:focus{
  border-color:var(--secondary);
  background:#fff;
  box-shadow:0 0 0 3px rgba(var(--secondary-rgb),.1);
}

.cf-group input.invalid,
.cf-group textarea.invalid{
  border-color:#ef4444;
  box-shadow:0 0 0 3px rgba(239,68,68,.1);
}

.cf-group textarea{
  resize:vertical;
  min-height:130px;
}

/* Submit */
.cf-submit{
  width:100%;
  margin-top:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:17px 32px;
  background:var(--primary);
  color:#fff;
  font-family:var(--font-heading);
  font-size:16px;
  font-weight:700;
  letter-spacing:.02em;
  border:none;
  border-radius:10px;
  cursor:pointer;
  transition:background .25s ease, transform .2s ease, box-shadow .25s ease;
}

.cf-submit svg{
  width:17px;height:17px;
  transition:transform .25s ease;
}

.cf-submit:hover{
  background:var(--secondary);
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(var(--secondary-rgb),.3);
}

.cf-submit:hover svg{
  transform:translate(3px,-3px);
}

.cf-submit:active{transform:translateY(0)}

.cf-submit:disabled{
  opacity:.6;
  cursor:not-allowed;
  transform:none;
}

/* Messages */
.cf-success{
  display:none;
  margin-top:20px;
  padding:18px 22px;
  border-radius:10px;
  font-size:15px;
  font-weight:600;
  text-align:center;
  background:#f0fdf4;
  border:1.5px solid #bbf7d0;
  color:#15803d;
}

/* ===== RESPONSIVE ===== */
@media(max-width:860px){
  .cfs-inner{
    grid-template-columns:1fr;
    gap:44px;
  }
  .cfs-left{padding-top:0}
  .career-form-section{padding:80px 24px 90px}
}

@media(max-width:540px){
  .career-hero h1{letter-spacing:-2.5px}
  .career-hero{min-height:60vh}
  .cfs-card{padding:32px 22px}
  .cf-row{grid-template-columns:1fr}
}

@media(max-width:380px){
  .cfs-card{padding:24px 14px}
  .cf-group input,.cf-group textarea{padding:12px 14px;font-size:14px}
  .cf-submit{padding:15px 24px;font-size:15px}
}