.career-page{background:var(--background);min-height:calc(100vh - 300px)}.career-hero{color:#fff;background-color:#0000;background-image:linear-gradient(120deg,#071b49f5,#10285ddb),url(https://images.unsplash.com/photo-1542744173-8e7e53415bb0?q=80&w=1800&auto=format&fit=crop);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:9rem 0 5rem}.career-hero .eyebrow{color:#ffb4b8}.career-hero h1{color:#fff;max-width:870px;font-size:clamp(3rem,7vw,6.2rem);line-height:.98}.career-header{max-width:820px;margin:0 auto}.career-header .subtitle{color:#dbeafe;margin-top:1rem;font-size:1.2rem}.career-header h2{font-size:clamp(2rem,4vw,3.6rem)}.roles-list{gap:1.25rem;display:grid}.role-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;grid-template-columns:1fr;gap:1.4rem;padding:1.6rem;transition:transform .28s,box-shadow .28s,border-color .28s;display:grid}.role-card:hover{border-color:#ec1f2659;transform:translateY(-5px);box-shadow:0 24px 55px #0f172a1f}.role-info h3{margin-bottom:.65rem;font-size:1.5rem}.role-info p{color:#475569;max-width:760px;margin-bottom:1rem}.dark .role-info p{color:#cbd5e1}.role-meta{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.badge{background-color:var(--primary-light);color:var(--primary-hover);border-radius:999px;padding:.3rem .75rem;font-size:.875rem;font-weight:900}.location{color:#475569;align-items:center;gap:.35rem;font-size:.92rem;font-weight:800;display:inline-flex}.dark .location{color:#cbd5e1}.location svg{color:var(--primary)}.role-card .btn{justify-content:center;align-items:center;gap:.45rem;width:fit-content;display:inline-flex}.no-roles{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:3rem}.no-roles p{margin-bottom:.5rem}.no-roles a{color:var(--primary);font-weight:700}@media (min-width:800px){.role-card{grid-template-columns:1fr auto;align-items:center}}@media (max-width:640px){.career-hero{padding-top:7.5rem}.role-card .btn{width:100%}}