.careerPage { background: #050b13; color: #d4dfe6; min-height: 100vh; }
.careerContainer { width: min(1280px,88%); margin-inline: auto; }
.careerNav { min-height: 98px; padding: 1.25rem 6%; display: flex; align-items: center; justify-content: space-between; gap: 2rem; border-bottom: 1px solid #294254; }
.careerNav img { display: block; width: 145px; height: auto; }
.careerNav nav { display: flex; gap: 2rem; flex-wrap: wrap; }
.careerNav a { color: #e6eef2; text-decoration: none; font-size: 1rem; }
.careerNav [aria-current] { color: #72d5f4; }
.careerHero { background: radial-gradient(ellipse at 90% 10%,#13567255,transparent 65%); border-bottom: 1px solid #294254; padding: 6rem 0 0; }
.careerHero h1 { max-width: none; font-size: clamp(3.2rem,7.8vw,7.5rem); line-height: 1.02; letter-spacing: -.045em; margin: 0 0 2rem; }
.careerHero h1 span { color: #72d5f4; }
.careerLead { font-size: 1.2rem; line-height: 1.7; max-width: 650px; color: #b6c8d3; margin-bottom: 2rem; }
.careerHeroMeta { display: flex; gap: 3rem; margin-top: 4rem; padding-block: 1.5rem; border-top: 1px solid #294254; color: #9eb4c2; font-size: .875rem; }
.careerWorkspace { padding-block: 4rem 6rem; min-height: 400px; }
.careerSectionHead { display: flex; justify-content: space-between; gap: 2rem; align-items: end; margin-bottom: 2.5rem; }
.careerPage h2 { max-width: none; font-size: clamp(1.8rem,3.5vw,3rem); }
.careerPage h3 { max-width: none; font-size: 1.6rem; line-height: 1.25; margin-bottom: 1rem; }
.careerPage h4 { font-size: 1.1rem; color: #f4efe2; margin: 1.5rem 0 1rem; }
.careerActions { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.careerPage button { font: inherit; cursor: pointer; }
.careerPage button:disabled { opacity: .55; cursor: wait; }
.careerPage .button { font-size: .875rem; }
.careerPage label { display: grid; gap: .6rem; font-size: 1rem; color: #e6eef2; }
.careerPage input,.careerPage textarea,.careerPage select { min-width: 0; width: 100%; font: inherit; color: #eef6fa; background: #081421; border: 1px solid #426174; border-radius: 3px; padding: .85rem 1rem; }
.careerPage textarea { resize: vertical; line-height: 1.65; }
.careerPage input:focus,.careerPage textarea:focus,.careerPage select:focus,.careerPage button:focus-visible,.careerPage a:focus-visible { outline: 2px solid #72d5f4; outline-offset: 4px; }
.careerFilter { min-width: 200px; }
.careerJobList { display: grid; }
.careerJob { padding: 2rem 0; border-top: 1px solid #355064; }
.careerJob:last-child { border-bottom: 1px solid #355064; }
.careerJobTop { display: flex; align-items: center; gap: 2rem; justify-content: space-between; }
.careerJobTop > div:first-child { flex: 1; min-width: 0; }
.careerJobTitle { color: #f4efe2; border: 0; background: none; display: flex; align-items: center; justify-content: space-between; text-align: left; width: 100%; gap: 2rem; padding: 0; font-size: inherit!important; font-weight: 700!important; }
.careerJobTitle span { color: #72d5f4; font-size: 2rem; font-weight: 400; }
.careerTags { display: flex; flex-wrap: wrap; gap: .6rem; }
.careerTags span { border: 1px solid #355064; padding: .4rem .7rem; font-size: .875rem; color: #b8ccd7; }
.careerJobDetail { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 3rem; margin-top: 2rem; }
.careerProse { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; font-size: 1rem; }
.careerDescription { max-width: 65ch; }
.careerApply,.careerEditor,.careerApplicant { padding: 2rem; background: #0c1825; border: 1px solid #355064; }
.careerApply > p { line-height: 1.7; }
.careerFormGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-block: 1.5rem; }
.careerFullWidth { grid-column: 1/-1; }
.careerUpload { background: #081421; padding: 1.25rem; border: 1px dashed #527b94; }
.careerUpload input { background: none; border: 0; padding: .5rem 0; font-size: .875rem; }
.careerUpload span { font-size: .875rem; overflow-wrap: anywhere; color: #b6c8d3; }
.careerPage .careerConsent { display: flex; align-items: start; gap: .75rem; font-size: .875rem; line-height: 1.6; }
.careerConsent input { width: 20px; height: 20px; flex: 0 0 20px; margin-top: .2rem; accent-color: #72d5f4; }
.careerPrivacy { font-size: .875rem; color: #9eb4c2; }
.careerPrivacy a,.careerApplicant a,.careerFooter a { color: #8bdcf5; }
.careerHoneypot { position: absolute; left: -10000px; }
.careerEmpty { padding: 4rem 2rem; border: 1px solid #355064; text-align: center; background: #0b172280; }
.careerEmpty p { line-height: 1.7; color: #b6c8d3; }
.careerEmptyMark { display: inline-block; color: #72d5f4; font-size: 2.5rem; margin-bottom: 1.5rem; }
.careerTextButton { padding: .5rem 0; color: #8bdcf5; border: 0; background: none; text-decoration: underline; text-underline-offset: 4px; }
.careerAlert { border-left: 3px solid #f5ba87; padding: 1rem 1.25rem; background: #39261e; color: #ffe4ca; margin-bottom: 1.5rem; line-height: 1.6; }
.careerNotice { border-left: 3px solid #72d5f4; padding: 1rem 1.25rem; background: #102c3b; margin-bottom: 1.5rem; }
.careerEditor { margin-bottom: 3rem; }
.careerEditorHead,.careerApplicantHead { display: flex; justify-content: space-between; align-items: start; gap: 1rem; }
.careerApplicationList { display: grid; gap: 1.5rem; margin-top: 2rem; }
.careerDate { font-size: .875rem; color: #a7bfce; white-space: nowrap; }
.careerApplicantTools { display: flex; align-items: end; flex-wrap: wrap; gap: 1.5rem; margin: 1.5rem 0 2rem; }
.careerDelivery { border-top: 1px solid #355064; margin-top: 2rem; padding-top: 1.25rem; font-size: .875rem; line-height: 1.7; color: #b6c8d3; }
.careerDelete { display: block; margin-top: 1.5rem; border: 0; background: none; color: #e9bca4; text-decoration: underline; padding: .5rem 0; font-size: .875rem!important; }
.careerSuccess { background: #102d3d; border: 1px solid #72d5f4; padding: 2rem; line-height: 1.8; }
.careerSuccess > span { display: block; color: #72d5f4; font-size: 2rem; margin-bottom: 1rem; }
.careerReference { font-size: .875rem; color: #a7bfce; }
.careerFooter { display: flex; gap: 2rem; flex-wrap: wrap; align-items: center; justify-content: space-between; border-top: 1px solid #294254; padding-block: 2rem; font-size: .875rem; }
@media(max-width:900px) { .careerJobDetail { grid-template-columns: 1fr; } .careerSectionHead,.careerJobTop { align-items: start; flex-direction: column; } }
@media(max-width:600px) { .careerNav { padding-inline: 6%; gap: 1rem; align-items: start; } .careerNav img { width: 110px; } .careerNav nav { gap: .75rem; } .careerNav nav a { font-size: .875rem; } .careerHero { padding-top: 3.5rem; } .careerHeroMeta { gap: 1rem; flex-wrap: wrap; margin-top: 2.5rem; } .careerHeroMeta span { font-size: .875rem; } .careerWorkspace { padding-top: 3rem; } .careerFormGrid { grid-template-columns: 1fr; } .careerApply,.careerEditor,.careerApplicant { padding: 1.25rem; } .careerFullWidth { grid-column: auto; } .careerFooter { flex-direction: column; align-items: start; gap: 1rem; } }

.careerLogin { max-width: 420px; margin: 2rem auto 0; display: grid; gap: 1.25rem; text-align: left; }