/* =========================================================
   ACULYZE CAREERS — clean job-first design
   ========================================================= */

.careers-page{overflow:hidden;background:#fff;color:#102d5b}
.careers-page .container{position:relative;z-index:2}

/* Hero */
.career-hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#f8fcff 0%,#edf8ff 42%,#d7efff 100%)}
.career-hero:after{content:"";position:absolute;right:-12%;bottom:-48%;width:62%;height:90%;border-radius:50%;background:radial-gradient(circle,#1599ff55 0%,#4cc9ff18 42%,transparent 72%);filter:blur(12px);pointer-events:none}
.career-grid-lines{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(120deg,transparent 0 47%,#77bdfb20 47.3%,transparent 47.8%),linear-gradient(55deg,transparent 0 66%,#77bdfb1b 66.3%,transparent 66.8%);background-size:360px 260px,420px 320px;pointer-events:none}
.career-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.orb-a{width:300px;height:300px;left:-160px;top:-120px;background:#9de3ff55}
.orb-b{width:220px;height:220px;right:10%;top:-100px;background:#65bfff2e}
.career-hero-inner{display:grid;grid-template-columns:1fr 1.02fr;align-items:center;gap:30px;padding:62px 0 70px}
.career-hero-copy{max-width:650px;padding-left:12px}
.career-pill,.opening-kicker,.contact-kicker{display:inline-flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.12em;font-weight:800;color:#0879e8}
.career-pill{padding:9px 14px;border:1px solid #a8d9ff;background:#ffffffb8;border-radius:999px;box-shadow:0 8px 24px #0b75d30d;backdrop-filter:blur(8px)}
.career-hero h1{margin:18px 0 14px;font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:clamp(44px,5vw,70px);line-height:1.03;letter-spacing:-.045em;color:#0d2d5e}
.career-hero h1 span{color:#0878df}
.career-hero-copy>p{max-width:610px;margin:0;color:#48678f;font-size:17px;line-height:1.7}
.career-actions{display:flex;align-items:center;gap:12px;margin-top:28px}
.career-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;text-decoration:none;font-weight:750;transition:.25s ease;white-space:nowrap}
.career-btn-primary{padding:14px 20px;color:#fff;background:linear-gradient(135deg,#0576e8,#0056bd);box-shadow:0 12px 28px #006bd933}
.career-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px #006bd94a}
.career-btn-outline{padding:13px 20px;color:#0868c9;border:1px solid #63adf0;background:#ffffff80}
.career-btn-outline:hover{background:#fff;transform:translateY(-2px)}
.career-hero-visual{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center}
.visual-glow{position:absolute;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,#62c8ff55 0%,#4aa8ff1c 42%,transparent 72%);filter:blur(6px)}
.visual-ring{position:absolute;border:1px solid #69bff955;border-radius:50%;transform:rotate(-18deg)}
.ring-one{width:510px;height:220px}
.ring-two{width:430px;height:170px;transform:rotate(22deg);border-color:#0b86ed42}
.visual-card{position:relative;width:min(610px,100%);border-radius:34px;overflow:hidden;border:1px solid #ffffffcc;background:#ffffff55;box-shadow:0 28px 70px #0d6fc329;backdrop-filter:blur(12px);transform:rotate(1deg)}
.visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff55,transparent 35%,#0088ff18);pointer-events:none}
.visual-card img{display:block;width:100%;height:335px;object-fit:cover;object-position:center}
.floating-badge{position:absolute;padding:10px 15px;border:1px solid #ffffffc9;border-radius:999px;background:#ffffffdd;color:#0d4f93;font-size:13px;font-weight:750;box-shadow:0 12px 30px #075ea41c;backdrop-filter:blur(10px);animation:floatBadge 4s ease-in-out infinite}
.badge-ai{left:0;top:62px}.badge-cloud{right:2px;top:135px;animation-delay:.8s}.badge-erp{left:50px;bottom:25px;animation-delay:1.5s}
@keyframes floatBadge{50%{transform:translateY(-8px)}}

/* Main opportunity notification */
.opening-notification{position:relative;padding:68px 0 86px;background:#fff}
.opening-notification:before{content:"";position:absolute;left:0;right:0;top:0;height:240px;background:radial-gradient(circle at 15% 10%,#d9f3ff 0%,transparent 48%),linear-gradient(#fff,#fff);pointer-events:none}
.opening-intro{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:28px;padding:27px 34px;border-radius:24px;overflow:hidden;color:#fff;background:linear-gradient(270deg,#004cae 0%,#087ee4 50%,#2baef0 100%);box-shadow:0 22px 45px #075fba24}
.opening-intro:after{content:"";position:absolute;right:-90px;top:-110px;width:360px;height:360px;border-radius:50%;background:#72d7ff2b;filter:blur(8px)}
.opening-intro-title,.opening-intro>p{position:relative;z-index:1}
.opening-intro .opening-kicker{color:#ccecff}
.opening-intro h2{margin:8px 0 0;font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:clamp(29px,3vw,42px);line-height:1.08;letter-spacing:-.03em;color:#fff}
.opening-intro h2 span{color:#bce9ff}
.opening-intro>p{margin:0;max-width:510px;font-size:15px;line-height:1.75;color:#eff9ff}

.job-card{position:relative;display:grid;grid-template-columns:1.2fr .8fr;min-height:420px;border:1px solid #cfe8ff;border-radius:30px;overflow:hidden;background:linear-gradient(110deg,#ffffff 0%,#fbfdff 58%,#edf8ff 100%);box-shadow:0 24px 65px #0b5eaf18}
.job-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#0a8cf0,#0056bc);z-index:2}
.job-content{position:relative;padding:38px 40px 36px;z-index:2}
.job-topline{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.featured-badge{padding:7px 12px;border-radius:999px;background:#0877e7;color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em}
.job-open{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:750;color:#118a57}
.job-open i{width:7px;height:7px;border-radius:50%;background:#20bd75;box-shadow:0 0 0 5px #20bd751a}
.job-card h3{margin:0;font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:clamp(34px,3.2vw,50px);line-height:1.08;letter-spacing:-.04em;color:#0d3166}
.job-facts{display:flex;flex-wrap:wrap;gap:20px;margin-top:23px;padding:18px 0;border-top:1px solid #d9ebfa;border-bottom:1px solid #d9ebfa}
.job-facts span{display:inline-flex;align-items:center;gap:7px;color:#476789;font-size:13px;font-weight:650}
.job-facts .material-symbols-outlined{font-size:19px;color:#087be8}
.job-description{max-width:650px;margin:22px 0 18px;color:#4c6789;font-size:15px;line-height:1.7}
.skill-heading{font-size:13px;font-weight:800;color:#143b6d;margin-bottom:10px}
.skill-list{display:flex;flex-wrap:wrap;gap:8px}
.skill-list span{padding:9px 13px;border-radius:999px;border:1px solid #d6eafa;background:#edf7ff;color:#255584;font-size:12px;font-weight:650}
.job-apply-row{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:25px}
.job-apply-btn{padding:13px 21px}
.form-note{font-size:11px;color:#7890aa}
.job-visual{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#eaf7ff,#c9ebff)}
.job-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff00,#0b84ec18),radial-gradient(circle at 70% 40%,#58c9ff3b,transparent 48%)}
.job-image-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:#1ba4ff2b;filter:blur(24px)}
.job-visual img{position:relative;width:92%;height:82%;object-fit:cover;border-radius:22px;border:1px solid #ffffffb8;box-shadow:0 20px 50px #006bc72b;opacity:.92}
.job-visual-label{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;background:#ffffffde;color:#0b4f92;font-size:11px;font-weight:750;white-space:nowrap;box-shadow:0 10px 25px #0a62aa1e;backdrop-filter:blur(8px)}
.job-visual-label .material-symbols-outlined{font-size:16px;color:#087bea}

/* Small contact section */
.career-contact-section{padding:0 0 62px;background:#fff}
.career-contact-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 34px;border-radius:22px;background:linear-gradient(105deg,#e9f7ff,#d5edff 58%,#c4e7ff);border:1px solid #c8e7fb;box-shadow:0 15px 35px #075eae10}
.contact-kicker{font-size:10px}
.career-contact-card h2{margin:5px 0 5px;font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:24px;letter-spacing:-.02em;color:#0d3569}
.career-contact-card p{margin:0;color:#577391;font-size:13px}
.career-contact-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:1px solid #0878e8;border-radius:999px;color:#0870d9;text-decoration:none;background:#ffffffc9;font-size:13px;font-weight:750;white-space:nowrap;transition:.25s ease}
.career-contact-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 25px #0a6ac51c}

@media(max-width:900px){
  .career-hero-inner{grid-template-columns:1fr;padding-top:45px}
  .career-hero-copy{padding-left:0;text-align:center;margin:auto}
  .career-hero-copy>p{margin:auto}
  .career-actions{justify-content:center}
  .career-hero-visual{min-height:330px}
  .opening-intro{grid-template-columns:1fr;gap:12px;padding:25px}
  .job-card{grid-template-columns:1fr}
  .job-visual{min-height:300px;order:-1}
  .job-visual img{height:270px;width:86%}
}

@media(max-width:600px){
  .career-hero{min-height:auto}
  .career-hero-inner{padding:36px 0 42px}
  .career-hero h1{font-size:43px}
  .career-hero-copy>p{font-size:14px}
  .career-actions{flex-direction:column;align-items:stretch}
  .career-btn{width:100%}
  .career-hero-visual{min-height:250px;margin-top:12px}
  .visual-card{border-radius:22px}
  .visual-card img{height:210px}
  .floating-badge{font-size:10px;padding:7px 10px}
  .badge-ai{left:0;top:24px}.badge-cloud{right:0;top:90px}.badge-erp{left:18px;bottom:6px}
  .opening-notification{padding:40px 0 55px}
  .opening-intro{border-radius:18px;padding:22px 20px}
  .opening-intro h2{font-size:30px}
  .opening-intro>p{font-size:13px}
  .job-card{border-radius:22px}
  .job-content{padding:26px 22px}
  .job-card h3{font-size:32px}
  .job-facts{gap:12px;flex-direction:column}
  .job-visual{min-height:230px}
  .job-visual img{height:205px}
  .career-contact-card{padding:22px;align-items:flex-start;flex-direction:column;gap:16px}
  .career-contact-btn{width:auto}
}