/* KariyerPanel Portal Pro Core v2026-06-29
   Amaç: yeni giriş portalını hızlı, modern, taşmasız ve mobil/iPhone dostu hale getirmek. */

:root{
  --kp-bg:#050912;
  --kp-panel:rgba(7,14,28,.78);
  --kp-panel-2:rgba(10,20,38,.88);
  --kp-line:rgba(255,255,255,.105);
  --kp-text:#f7fbff;
  --kp-muted:#9fb2ca;
  --kp-aqua:#2dd4ff;
  --kp-green:#14f195;
  --kp-violet:#8b5cf6;
  --kp-pink:#ff3db8;
  --kp-gold:#ffd15c;
  --kp-shadow:0 22px 70px rgba(0,0,0,.34);
  --kp-radius:28px;
}

html{scroll-behavior:smooth;background:var(--kp-bg)}
body{background:var(--kp-bg)!important;color:var(--kp-text);overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
a{text-decoration:none!important}
img{max-width:100%;height:auto}

/* Jet açılış: ağır bloklar ekran dışındayken tarayıcıyı yormaz. */
.x-site-suite,.x-vpro-bottom,.ft,.t2-main,.blog-section,.x-geo-map-wrap.vpro{content-visibility:auto;contain-intrinsic-size:520px;}
.x-header,.x-wrap,.x-geo-map,.x-suite-panel,.x-vpro-stats,.x-vpro-enter{transform:translateZ(0);backface-visibility:hidden}

/* Genel taşma ve z-index hataları */
.x-header,.x-site-suite,.x-geo-map-wrap,.x-vpro-top,.x-vpro-bottom,.ft{isolation:isolate}
.x-wrap,.x-site-suite,.x-geo-map-wrap.vpro,.x-vpro-top,.x-vpro-bottom{width:min(100%,1380px)!important;margin-left:auto!important;margin-right:auto!important;}
.x-wrap,.x-site-suite,.x-geo-map-wrap.vpro,.x-vpro-top,.x-vpro-bottom{padding-left:clamp(14px,2.2vw,28px)!important;padding-right:clamp(14px,2.2vw,28px)!important;}

/* Üst alan */
.x-header{position:relative;z-index:20;background:
  radial-gradient(circle at 18% 0%,rgba(45,212,255,.14),transparent 34%),
  radial-gradient(circle at 82% 12%,rgba(139,92,246,.16),transparent 34%),
  linear-gradient(180deg,rgba(5,9,18,.98),rgba(5,9,18,.76) 58%,rgba(5,9,18,.08));
}
.x-logo-badge,.x-founder-card,.x-social-row a,.x-navlist,.x-btn,.x-vpro-enter,.x-vpro-stat,.x-suite-panel,.x-live-list,.x-feature-card{border-color:var(--kp-line)!important;}
.x-logo-text h1{letter-spacing:-.05em!important;text-shadow:0 10px 36px rgba(45,212,255,.12)}
.x-logo-text p,.x-founder-info span,.x-suite-head small,.x-feature-card span{color:var(--kp-muted)!important}
.x-navlist{background:rgba(5,11,23,.74)!important;box-shadow:0 20px 70px rgba(0,0,0,.28)!important;backdrop-filter:blur(16px)}
.x-navlist a{transition:transform .16s ease,background .16s ease,color .16s ease!important}
.x-navlist a:hover{transform:translateY(-1px);background:rgba(45,212,255,.12)!important;color:#fff!important}

/* Giriş butonları */
.x-cta-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.x-btn{position:relative!important;overflow:hidden!important;min-height:96px!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(9,17,34,.92),rgba(5,9,19,.82))!important;box-shadow:var(--kp-shadow)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;}
.x-btn:before{content:"";position:absolute;inset:0;opacity:.0;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.18),transparent 35%);transition:opacity .18s ease}
.x-btn:hover{transform:translateY(-4px)!important;box-shadow:0 28px 80px rgba(0,0,0,.42)!important;border-color:rgba(45,212,255,.34)!important}
.x-btn:hover:before{opacity:1}.x-btn-icon{box-shadow:0 14px 30px rgba(0,0,0,.25)!important}
.x-btn-title{font-weight:1000!important;letter-spacing:-.02em!important}.x-btn-sub{color:rgba(255,255,255,.62)!important}

/* Yeni pro harita */
.x-geo-map-wrap.vpro{margin-top:8px!important;margin-bottom:10px!important;overflow:visible!important;contain:layout paint!important;}
.x-geo-map.vpro{position:relative!important;overflow:hidden!important;min-height:620px!important;border-radius:34px!important;background:
  radial-gradient(circle at var(--mx,50%) var(--my,44%),rgba(20,241,149,.15),transparent 24%),
  linear-gradient(90deg,rgba(45,212,255,.10),transparent 30%,transparent 70%,rgba(139,92,246,.12)),
  #07111f url('../images/seslichat-premium-world-map.webp') center/cover no-repeat!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 35px 100px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
.x-geo-map.vpro:before{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;opacity:1!important;background:
  radial-gradient(circle at 20% 20%,rgba(45,212,255,.12),transparent 18%),
  radial-gradient(circle at 78% 36%,rgba(255,61,184,.09),transparent 22%),
  repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 70px),
  repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 74px)!important;
}
.x-geo-map.vpro .x-geo-title,.x-geo-map.vpro .x-log-panel,.x-geo-map.vpro .x-soundwave,.x-geo-map.vpro .x-flight,.x-geo-map.vpro .x-map-line,.x-geo-map.vpro .x-geo-orbit{display:none!important}
.x-geo-map.vpro .x-city-labels{display:block!important;opacity:.78!important}.x-geo-map.vpro .x-city-labels span{background:rgba(2,8,18,.68)!important;border:1px solid rgba(45,212,255,.22)!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important;color:#dff7ff!important}

.x-geo-map.vpro .x-map-pin{width:86px!important;height:108px!important;overflow:visible!important;filter:drop-shadow(0 18px 28px rgba(0,0,0,.48))!important;animation:none!important;transition:transform .16s ease,filter .16s ease!important;will-change:auto!important;}
.x-geo-map.vpro .x-map-pin:hover{z-index:99!important;transform:translate(-50%,-50%) scale(1.06)!important;filter:drop-shadow(0 24px 36px rgba(0,0,0,.58))!important}
.x-geo-map.vpro .x-map-pin:before{content:""!important;position:absolute!important;left:50%!important;top:35px!important;width:78px!important;height:78px!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;background:radial-gradient(circle,currentColor 0 2px,transparent 3px 38%,currentColor 39% 40%,transparent 41% 100%)!important;opacity:.16!important;animation:none!important;box-shadow:none!important;pointer-events:none!important}
.x-geo-map.vpro .x-map-pin:after{display:none!important}
.x-geo-map.vpro .x-map-pin.male{color:#2dd4ff!important}.x-geo-map.vpro .x-map-pin.female{color:#ff4fc8!important}
.x-geo-map.vpro .x-map-avatar{position:absolute!important;left:50%!important;top:36px!important;width:58px!important;height:58px!important;transform:translateX(-50%)!important;padding:3px!important;border-radius:50%!important;background:conic-gradient(from 0deg,currentColor,#fff,currentColor)!important;box-shadow:0 0 0 4px rgba(0,0,0,.34),0 0 26px color-mix(in srgb,currentColor 52%,transparent),0 14px 28px rgba(0,0,0,.62)!important;animation:none!important;}
.x-geo-map.vpro .x-map-avatar img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;border:2px solid #06101d!important;background:#08111f!important;}
.x-geo-map.vpro .x-map-gear{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;left:50%!important;top:2px!important;right:auto!important;width:36px!important;height:30px!important;transform:translateX(-50%)!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:24px!important;line-height:1!important;text-shadow:0 3px 8px #000,0 0 12px rgba(255,209,92,.65)!important;animation:none!important;overflow:visible!important;}
.x-geo-map.vpro .x-map-gear img{display:block!important;max-width:36px!important;max-height:30px!important;width:auto!important;height:auto!important;object-fit:contain!important;border:0!important;background:transparent!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.75)) drop-shadow(0 0 9px rgba(255,209,92,.55))!important;}
.x-geo-map.vpro .x-map-name{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;left:50%!important;top:74px!important;transform:translateX(-50%)!important;z-index:8!important;max-width:118px!important;min-width:58px!important;padding:5px 9px!important;border-radius:999px!important;background:rgba(2,8,18,.90)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;font-size:10px!important;font-weight:1000!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:0 1px 2px #000!important;box-shadow:0 10px 22px rgba(0,0,0,.34)!important;}
.x-geo-map.vpro .x-map-role{display:none!important}.x-geo-map.vpro .x-map-location{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;left:50%!important;top:99px!important;transform:translateX(-50%)!important;max-width:126px!important;padding:4px 8px!important;border-radius:999px!important;background:rgba(3,12,24,.84)!important;border:1px solid rgba(45,212,255,.30)!important;color:#dff7ff!important;font-size:8.5px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-shadow:0 8px 18px rgba(0,0,0,.28)!important}.x-geo-map.vpro .x-map-pin.no-location .x-map-location{display:none!important}

/* Harita altındaki pro giriş / istatistik */
.x-vpro-top.moved-under-map{display:grid!important;grid-template-columns:minmax(270px,380px) 1fr minmax(310px,420px)!important;gap:14px!important;margin:12px auto 18px!important;align-items:stretch!important;z-index:25!important;}
.x-vpro-enter{min-height:76px!important;height:auto!important;border-radius:24px!important;padding:0 24px!important;background:linear-gradient(135deg,rgba(20,241,149,.22),rgba(45,212,255,.17) 45%,rgba(139,92,246,.18))!important;border:1px solid rgba(45,212,255,.34)!important;box-shadow:0 20px 48px rgba(0,0,0,.30),0 0 24px rgba(45,212,255,.10),inset 0 0 0 1px rgba(255,255,255,.08)!important;}
.x-vpro-enter i{color:#fff!important;text-shadow:0 0 20px rgba(45,212,255,.60)}.x-vpro-enter small{color:rgba(255,255,255,.72)!important}
.x-vpro-wave{border-radius:24px!important;min-height:76px!important;background:rgba(7,14,28,.70)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 18px 46px rgba(0,0,0,.22)!important;overflow:hidden!important;}
.x-vpro-wave span{animation-duration:1.2s!important;opacity:.55!important}.x-vpro-stats{height:auto!important;min-height:76px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.x-vpro-stat{min-height:76px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(8,17,33,.86),rgba(5,10,21,.78))!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 18px 46px rgba(0,0,0,.22)!important}.x-vpro-stat b{font-size:20px!important;color:#fff!important}.x-vpro-stat small{font-size:10px!important;color:rgba(255,255,255,.62)!important;letter-spacing:.04em!important}

/* Özellikler */
.x-site-suite{margin-top:14px!important;margin-bottom:34px!important}.x-suite-grid{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;gap:18px!important}.x-suite-panel{border-radius:30px!important;background:linear-gradient(180deg,rgba(8,16,32,.82),rgba(4,8,19,.72))!important;box-shadow:var(--kp-shadow)!important;overflow:hidden!important;backdrop-filter:blur(14px)!important}.x-suite-head{padding:18px 20px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.x-suite-head b{font-size:18px!important;letter-spacing:-.02em!important}.x-feature-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:14px!important}.x-feature-card{min-height:118px!important;border-radius:22px!important;padding:15px 13px!important;background:radial-gradient(circle at 24% 0,rgba(45,212,255,.16),transparent 35%),rgba(255,255,255,.045)!important;transition:transform .16s ease,border-color .16s ease,background .16s ease!important}.x-feature-card:hover{transform:translateY(-3px)!important;border-color:rgba(45,212,255,.34)!important;background:radial-gradient(circle at 24% 0,rgba(20,241,149,.18),transparent 36%),rgba(255,255,255,.065)!important}.x-feature-card i{width:38px!important;height:38px!important;border-radius:14px!important;display:grid!important;place-items:center!important;margin-bottom:10px!important;color:#04111d!important;background:linear-gradient(135deg,var(--kp-aqua),var(--kp-green))!important;box-shadow:0 12px 22px rgba(45,212,255,.16)!important}.x-feature-card b{display:block!important;color:#fff!important;font-size:13px!important;margin-bottom:5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.x-live-list{border-radius:22px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important}

/* Footer düzen */
.ft{border-top:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(180deg,rgba(5,9,18,.25),#050912 18%,#03060d)!important}.ft-container{width:min(100%,1380px)!important}.ft-card,.ft-main,.ft-stat,.ft-mini,.ft-contact-item{border-color:rgba(255,255,255,.09)!important}

/* Mobil / iPhone: hafif, taşmasız, hızlı */
@media(max-width:1100px){.x-vpro-top.moved-under-map{grid-template-columns:1fr!important}.x-vpro-wave{display:none!important}.x-suite-grid{grid-template-columns:1fr!important}.x-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:768px){
  body{background:#050912!important}.x-wrap,.x-site-suite,.x-geo-map-wrap.vpro,.x-vpro-top,.x-vpro-bottom{padding-left:14px!important;padding-right:14px!important}.x-header{padding-top:4px!important}.x-logo-text h1{font-size:25px!important}.x-cta-grid{grid-template-columns:1fr!important;gap:10px!important}.x-btn{min-height:78px!important;border-radius:20px!important}.x-btn-sub{display:none!important}
  .x-geo-map.vpro{min-height:500px!important;border-radius:24px!important;background-size:cover!important}.x-geo-map.vpro .x-city-labels{display:none!important}.x-geo-map.vpro .x-map-pin{width:70px!important;height:86px!important;filter:none!important}.x-geo-map.vpro .x-map-pin:before{display:none!important}.x-geo-map.vpro .x-map-avatar{top:31px!important;width:44px!important;height:44px!important;box-shadow:0 0 0 3px rgba(0,0,0,.35),0 0 16px currentColor!important}.x-geo-map.vpro .x-map-gear{top:3px!important;width:30px!important;height:24px!important;font-size:20px!important}.x-geo-map.vpro .x-map-name{top:60px!important;max-width:80px!important;font-size:7.5px!important;padding:3px 6px!important}.x-geo-map.vpro .x-map-location{display:none!important}.x-geo-map.vpro .x-map-pin:hover{transform:translate(-50%,-50%) scale(1.02)!important}
  .x-vpro-top.moved-under-map{gap:10px!important;margin:10px auto 14px!important}.x-vpro-enter{min-height:62px!important;border-radius:18px!important;padding:0 16px!important}.x-vpro-enter i{font-size:22px!important}.x-vpro-enter b{font-size:15px!important}.x-vpro-enter small{font-size:10px!important}.x-vpro-stats{min-height:58px!important;gap:7px!important}.x-vpro-stat{min-height:58px!important;border-radius:16px!important}.x-vpro-stat b{font-size:14px!important}.x-vpro-stat small{font-size:8px!important;letter-spacing:0!important}.x-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:10px!important}.x-feature-card{min-height:102px!important;border-radius:18px!important;padding:12px 10px!important}.x-live-columns{grid-template-columns:1fr!important}.x-suite-cta{flex-direction:column!important;align-items:stretch!important}.x-suite-cta a{justify-content:center!important;width:100%!important}
}
@media(max-width:420px){.x-geo-map.vpro{min-height:470px!important}.x-geo-map.vpro .x-map-pin:nth-of-type(n+12){display:none!important}.x-feature-grid{grid-template-columns:1fr 1fr!important}.x-feature-card b{font-size:12px!important}.x-feature-card span{font-size:10px!important}.x-vpro-stat small{font-size:7px!important}}

/* Hareket azaltma: iPhone ve zayıf cihazlarda donmayı önler. */
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body.kp-low-power .x-geo-map.vpro *,body.kp-low-power .x-vpro-wave span,body.kp-low-power .vc-ring,body.kp-low-power .nc-ring{animation:none!important;transition:none!important;will-change:auto!important}
body.kp-ios .x-geo-map.vpro .x-map-pin:before{display:none!important}body.kp-ios .x-vpro-wave span{animation:none!important}