@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");

:root{--career-navy:#091a3e;--career-navy-2:#11295d;--career-red:#d80100;--career-ink:#111d42;--career-muted:#64748b;--career-line:#dfe5ee;--career-panel:#f7f9fc}
.careers-main{width:min(calc(100% - 216px),1580px);margin:auto;padding:0 0 30px;font-family:Poppins,sans-serif}
.careers-hero{position:relative;min-height:330px;padding:42px 62px 54px;display:flex;align-items:center;justify-content:center;background:
linear-gradient(rgba(8,27,66,.72),rgba(8,27,66,.84)),
url("/images/newsroom-editorial-team.png") center/cover;overflow:hidden}
.careers-hero:before{content:"";position:absolute;inset:0;background:
linear-gradient(120deg,rgba(255,255,255,.04),transparent 28%),
linear-gradient(300deg,rgba(216,1,0,.08),transparent 24%);
pointer-events:none}
.careers-breadcrumb{position:absolute;left:50%;bottom:48px;transform:translateX(-50%);display:flex;gap:14px;align-items:center;color:#fff;font-size:14px;font-weight:500}
.careers-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.careers-hero-copy{position:relative;z-index:1;max-width:760px;color:#fff;text-align:center}
.careers-hero-copy h1{margin:0;font-size:clamp(52px,5vw,86px);line-height:1.02;letter-spacing:-.06em;animation:careerFade 2.1s ease both .18s}
.careers-hero-actions a,.careers-hero-actions button,.internship-btn,.role-apply,.career-submit-btn{min-height:48px;padding:0 22px;border:0;border-radius:999px;background:var(--career-red);color:#fff;font:700 14px/1 Poppins,sans-serif;cursor:pointer;transition:transform .25s ease,opacity .25s ease,background .25s ease}
.internship-btn:hover,.role-apply:hover,.career-submit-btn:hover{transform:translateY(-2px);opacity:.92}
.careers-intro{padding:56px 0 34px}
.careers-intro-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:42px;align-items:start;margin-bottom:34px}
.careers-intro-head span,.section-head span,.internship-card span,.career-modal-head span{display:inline-block;margin-bottom:12px;color:var(--career-red);font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.careers-intro-head h2{max-width:620px;margin:0;color:#111;font-size:clamp(38px,4vw,64px);line-height:1.02;letter-spacing:-.055em}
.careers-intro-head p{max-width:460px;margin:6px 0 0;color:#636363;font-size:14px;line-height:1.9}
.careers-intro-visual{margin:0;border-radius:26px;overflow:hidden;box-shadow:0 22px 48px rgba(12,23,49,.14)}
.careers-intro-visual img{display:block;width:100%;height:460px;object-fit:cover}
.careers-section{padding:48px 0}
.careers-openings{padding-top:28px}
.section-head{max-width:none;margin-bottom:24px;text-align:center}
.section-head span,.internship-card span,.career-modal-head span{display:inline-block;margin-bottom:12px;color:var(--career-red);font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.section-head h2,.internship-card h2{margin:0 0 14px;color:var(--career-ink);font-size:clamp(34px,3.2vw,54px);line-height:1.08;letter-spacing:-.05em}
.section-head p,.internship-card p{margin:0;color:var(--career-muted);font-size:16px;line-height:1.9}
.jobs-status{margin:0 0 26px;color:var(--career-muted);font-size:14px;text-align:center}
.roles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;border-top:0}
.role-card{position:relative;min-height:100%;height:100%;padding:28px 56px 26px 26px;border:1px solid #ececec;background:#fff;box-shadow:none;display:flex;flex-direction:column}
.role-card h3{margin:0 0 10px;color:#111;font-size:23px;line-height:1.25}
.role-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.role-meta span{display:inline-flex;align-items:center;gap:7px;padding:0;background:none;color:#555;font-size:12px;font-weight:600}
.role-card p{max-width:520px;margin:0 0 16px;color:#707070;font-size:14px;line-height:1.85}
.role-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:10px}
.role-skills span{padding:6px 10px;border:1px solid #e2e2e2;border-radius:999px;color:#3d4a63;font-size:11px;font-weight:600}
.role-apply{position:absolute;right:0;top:24px;width:46px;height:46px;min-height:0;padding:0;border-radius:50%;background:#111;color:#fff;font-size:0;display:grid;place-items:center}
.role-apply svg{width:18px;height:18px;display:block}
.careers-section-dark{padding-top:14px}
.internship-card{padding:38px 42px;background:linear-gradient(135deg,#0b1839,#14336e);color:#fff;box-shadow:0 20px 44px rgba(10,22,46,.2);border-radius:24px}
.internship-card h2{color:#fff}
.internship-card p{color:#d8e2ff}
.internship-card ul{display:grid;gap:12px;margin:22px 0 0;padding:0 0 0 18px;color:#eef3ff;font-size:14px;line-height:1.85}
.internship-btn{margin-top:24px}
.career-modal[hidden]{display:none}
.career-modal{position:fixed;inset:0;z-index:80}
.career-modal-backdrop{position:absolute;inset:0;background:rgba(4,11,28,.72)}
.career-modal-box{position:relative;z-index:1;width:min(calc(100% - 32px),760px);max-height:min(90vh,980px);margin:4vh auto 0;padding:30px;background:#fff;overflow:auto;box-shadow:0 26px 54px rgba(9,16,35,.34)}
.career-modal-close{position:absolute;right:16px;top:14px;border:0;background:transparent;color:#24334e;font-size:32px;line-height:1;cursor:pointer}
.career-modal-head h3,.career-success h3{margin:0;color:var(--career-ink);font-size:32px;line-height:1.15}
.career-form{margin-top:24px}
.career-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.career-form label,.career-form-upload,.career-form fieldset{display:block}
.career-form label span,.career-form-upload span,.career-form legend{display:block;margin-bottom:8px;color:#24334e;font-size:13px;font-weight:700}
.career-form input,.career-form textarea{width:100%;padding:14px 15px;border:1px solid #cfd7e5;outline:0;background:#fff;color:#18243d;font:500 14px/1.5 Poppins,sans-serif}
.career-form textarea{min-height:150px;resize:vertical}
.career-form input:focus,.career-form textarea:focus{border-color:#355aa0;box-shadow:0 0 0 3px rgba(53,90,160,.12)}
.career-form-types{margin:18px 0;padding:14px 16px 4px;border:1px solid #d5deea}
.career-form-types label{display:inline-flex;align-items:center;gap:8px;margin:0 22px 12px 0;color:#24334e;font-size:14px;font-weight:600}
.career-form-types input{width:auto;padding:0;box-shadow:none}
.career-form-error{min-height:20px;margin:14px 0 0;color:#d80100;font-size:13px;font-weight:600}
.career-submit-btn{margin-top:16px}
.career-success{padding:18px 0 4px}
.career-success p{margin:12px 0 0;color:var(--career-muted);font-size:15px;line-height:1.8}
.reveal{opacity:0;transform:translateY(30px);transition:opacity 1.2s cubic-bezier(.2,.65,.25,1),transform 1.2s cubic-bezier(.2,.65,.25,1)}
.reveal.is-visible{opacity:1;transform:none}
body.dark-mode .careers-main{color:#fff}
.dark-mode .careers-section,.dark-mode .career-modal-box,.dark-mode .careers-intro{background:#000}
.dark-mode .careers-intro-head h2,.dark-mode .section-head h2,.dark-mode .role-card h3,.dark-mode .career-modal-head h3,.dark-mode .career-success h3{color:#fff}
.dark-mode .careers-intro-head p,.dark-mode .section-head p,.dark-mode .jobsStatus,.dark-mode .jobs-status,.dark-mode .role-card p,.dark-mode .career-success p{color:#c8d1e3}
.dark-mode .careers-intro-visual{box-shadow:none}
.dark-mode .roles-grid,.dark-mode .role-card{border-color:#2b2b2b;background:#000;box-shadow:none}
.dark-mode .role-meta span{color:#d8deea}
.dark-mode .role-skills span{border-color:#374151;color:#dde7f7}
.dark-mode .role-apply{background:#fff;color:#000}
.dark-mode .career-form input,.dark-mode .career-form textarea{border-color:#364152;background:#050505;color:#fff}
.dark-mode .career-form label span,.dark-mode .career-form-upload span,.dark-mode .career-form legend,.dark-mode .career-form-types label,.dark-mode .career-modal-close{color:#eaf1ff}
@keyframes careerFade{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.careers-main{width:calc(100% - 64px)}.careers-intro-head{grid-template-columns:1fr}.careers-intro-head p{max-width:620px}.careers-intro-visual img{height:400px}}
@media(max-width:900px){.roles-grid,.career-form-grid{grid-template-columns:1fr}.role-card{padding-right:66px}}
@media(max-width:767px){.careers-main{width:calc(100% - 32px)}.careers-hero{min-height:280px;padding:70px 24px 56px}.careers-breadcrumb{bottom:26px;font-size:13px}.careers-intro{padding:38px 0 20px}.careers-intro-head h2{font-size:42px}.careers-intro-head p{font-size:14px}.careers-intro-visual img{height:280px}.careers-section{padding:34px 0}.internship-card{padding:28px 24px}.career-modal-box{padding:24px 18px}.career-modal-head h3,.career-success h3{font-size:26px}}