.careers{background:radial-gradient(circle at 85% 4%,rgba(36,104,232,.1),transparent 30%),linear-gradient(180deg,#f3f6fb 0,#fff 42%)}.careerintro{padding:34px 38px;background:#0d192b;color:#fff;border-radius:24px;box-shadow:0 24px 70px rgba(8,17,31,.15)}.careerintro h2{color:#fff}.careerintro>div:last-child{color:#c6d0df}.jobfilters{display:flex;gap:8px;margin:0 0 20px;padding:5px;width:max-content;background:#e9edf3;border-radius:13px}.jobfilters button{border:0;background:transparent;padding:10px 15px;border-radius:9px;color:#596476;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}.jobfilters button.active{background:#fff;color:var(--ink);box-shadow:0 5px 15px rgba(11,18,32,.1)}.jobcard{position:relative;overflow:hidden;padding:0!important;border-radius:22px!important;transition:transform .25s ease,box-shadow .25s ease}.jobcard:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(11,18,32,.11)}.jobcard:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:#aab4c2}.jobcard.is-active:before{background:var(--blue2)}.jobtop{padding:28px 32px 15px}.jobsummary{padding:0 32px;margin:0 0 20px}.jobtoggle{display:flex;width:calc(100% - 64px);margin:0 32px 25px;padding:14px 0;align-items:center;justify-content:space-between;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-weight:850;cursor:pointer;text-align:left}.jobtoggle b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#eaf0ff;color:var(--blue);font-size:1.2rem;transition:transform .25s ease}.jobcard.expanded .jobtoggle b{transform:rotate(45deg);background:var(--blue);color:#fff}.jobdetails,.jobcard>.button,.jobclosed{display:none}.jobcard.expanded .jobdetails{display:grid;padding:0 32px;margin:0 0 24px;animation:careerOpen .25s ease-out}.jobcard.expanded>.button{display:inline-flex;margin:0 32px 32px}.jobcard.expanded .jobclosed{display:block;margin:0 32px 30px}.jobcard[hidden]{display:none}@keyframes careerOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:760px){.careerintro{padding:28px}.jobtop{padding:24px 24px 12px}.jobsummary{padding:0 24px}.jobtoggle{width:calc(100% - 48px);margin-left:24px;margin-right:24px}.jobcard.expanded .jobdetails{padding:0 24px}.jobcard.expanded>.button{margin:0 24px 26px}.jobfilters{width:100%}.jobfilters button{flex:1}}
