@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;600&display=swap');
:root{--deep:#052e25;--green:#00b47e;--mint:#dff8ef;--line:#dce9e5;--ink:#112b24}
*{box-sizing:border-box}
body{margin:0;background:#edf3f0;color:var(--ink);font-family:Outfit,Arial,sans-serif;font-weight:300}
.careers-page{max-width:820px;min-height:100vh;margin:auto;background:#fff}
.careers-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;padding:15px 18px;background:#050807;border-bottom:1px solid #202725}
.careers-top .back{display:grid;place-items:center;width:40px;height:40px;border:1px solid #29332f;border-radius:12px;color:#fff;text-decoration:none;font-size:1.6rem}
.careers-top img{width:145px}
.careers-hero{padding:38px 22px 42px;color:#fff;background:radial-gradient(circle at 90% 5%,rgba(0,213,151,.25),transparent 35%),linear-gradient(145deg,#052e25,#00614a)}
.careers-hero>span{color:#67e4bd;font-size:.76rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.careers-hero h1{margin:10px 0 12px;font-size:2.25rem;line-height:1.02;letter-spacing:-.04em}
.careers-hero p{max-width:530px;margin:0;color:#d0e8df;font-size:1rem;line-height:1.55}
.careers-content{padding:26px 18px 48px}
.careers-content>h2{margin:4px 0 14px;color:var(--deep);font-size:1.25rem}
.job-instruction{margin:-5px 0 15px;color:#647871;font-size:.88rem;line-height:1.45}
.job-list{display:grid;gap:11px;margin-bottom:30px}
.job-card{display:block;padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(5,46,37,.06);color:var(--ink);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}
.job-card:hover{transform:translateY(-2px);border-color:#82d9bd;box-shadow:0 12px 26px rgba(5,46,37,.11)}
.job-card:active{transform:scale(.985)}
.job-card:focus-visible{outline:3px solid rgba(0,180,126,.35);outline-offset:3px}
.job-card small{color:#008966;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.job-card h3{margin:5px 0 8px;font-size:1.08rem}
.job-card p{margin:0;color:#61746e;line-height:1.5}
.job-apply{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:11px;border-top:1px solid #e9f0ed;color:#008966;font-size:.78rem;font-weight:600}
.job-apply b{font-size:1.15rem;line-height:1}
.benefits{display:grid;gap:9px;margin-bottom:30px}
.benefits p{display:grid;gap:4px;margin:0;padding:14px 15px;border-radius:13px;background:#f0f8f5}
.benefits strong{font-weight:600}.benefits span{color:#647871}
.apply-panel{padding:22px 18px;border-radius:20px;color:#fff;background:linear-gradient(145deg,#063c30,#007c5e)}
.apply-panel>span{color:#62e3b9;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}
.apply-panel h2{margin:5px 0 7px}.apply-panel p{margin:0 0 17px;color:#cfe8df;line-height:1.5}
.apply-actions{display:grid;gap:9px}.apply-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:13px;color:#fff;font-weight:600;text-decoration:none}
.email-action{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1)}
.whatsapp-action{background:#08b979}
.contact-lines{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px}.contact-lines a{color:#c9eee1;font-size:.86rem}
@media(min-width:650px){.careers-hero{padding:54px}.careers-hero h1{font-size:3.2rem}.careers-content{padding:36px 50px 64px}.job-list{grid-template-columns:repeat(3,1fr)}.job-card{display:flex;flex-direction:column;justify-content:space-between}.job-apply{margin-top:auto;padding-top:11px}.apply-actions{grid-template-columns:1fr 1fr}}