@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Plus Jakarta Sans',sans-serif;background:radial-gradient(circle at 50% 0%, #0a211e 0%, #060d0c 100%);color:#ecfdf5;line-height:1.6;min-height:100vh}
.container{max-width:1160px;margin:0 auto;padding:0 20px}
.header-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid rgba(16, 185, 129, 0.15)}
.brand-box{display:flex;align-items:center;gap:12px}
.brand-logo{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#fff,#f1f1f1);padding:3px;box-shadow:0 4px 15px rgba(16,185,129,0.3)}
.brand-name{font-weight:800;font-size:18px;letter-spacing:.5px;color:#fff}
.brand-sub{font-size:12px;color:#10b981;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}
.status-pill{background:rgba(16, 185, 129, 0.1);border:1px solid rgba(16, 185, 129, 0.3);color:#34d399;padding:6px 16px;border-radius:999px;font-size:13px;font-weight:700;box-shadow:0 0 20px rgba(16,185,129,0.1)}
.hero-block{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;padding:60px 0;align-items:center}
.card-main{background:rgba(13, 34, 31, 0.5);backdrop-filter:blur(12px);border-radius:28px;padding:45px 40px;border:1px solid rgba(16, 185, 129, 0.2);box-shadow:0 25px 50px rgba(0,0,0,0.5)}
.badge-tag{display:inline-block;background:rgba(6, 78, 59, 0.8);color:#6ee7b7;font-weight:800;font-size:12px;padding:8px 14px;border-radius:10px;margin-bottom:20px;text-transform:uppercase;border:1px solid rgba(110,231,183,0.2)}
.hero-h1{font-size:46px;line-height:1.1;font-weight:800;color:#fff;margin-bottom:18px}
.hero-h1 span{background:linear-gradient(135deg, #34d399, #10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-p{color:#94a3b8;font-size:18px;margin-bottom:30px;line-height:1.7}
.btn-emerald{background:linear-gradient(135deg, #059669, #047857);color:#fff;border:none;padding:22px;border-radius:16px;font-weight:800;font-size:18px;width:100%;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all 0.3s ease;box-shadow:0 0 20px rgba(16,185,129,0.4);animation:pulse 2s infinite}
.btn-emerald:hover{transform:translateY(-3px);background:linear-gradient(135deg, #10b981, #059669);box-shadow:0 10px 30px rgba(16,185,129,0.6)}
@keyframes pulse { 0%{box-shadow:0 0 0 0 rgba(16,185,129,0.5)} 70%{box-shadow:0 0 0 15px rgba(16,185,129,0)} 100%{box-shadow:0 0 0 0 rgba(16,185,129,0)} }
.features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}
.ft-item{background:rgba(17, 42, 36, 0.6);padding:12px 16px;border-radius:12px;font-size:14px;color:#a7f3d0;font-weight:600;border:1px solid rgba(16,185,129,0.1)}
.hero-side{background:rgba(13, 34, 31, 0.5);backdrop-filter:blur(12px);border-radius:28px;padding:40px;border:1px solid rgba(16, 185, 129, 0.2);text-align:center;box-shadow:0 25px 50px rgba(0,0,0,0.5)}
.side-title{font-size:32px;font-weight:800;color:#34d399;margin-bottom:10px;text-shadow:0 0 20px rgba(52,211,153,0.3)}
.jobs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:50px 0}
.job-card{background:rgba(13, 34, 31, 0.4);backdrop-filter:blur(10px);border-radius:20px;padding:32px;border:1px solid rgba(16, 185, 129, 0.15);transition:all 0.3s ease}
.job-card:hover{transform:translateY(-5px);background:rgba(13, 34, 31, 0.7);border-color:rgba(16, 185, 129, 0.4);box-shadow:0 15px 30px rgba(0,0,0,0.4), inset 0 0 20px rgba(16,185,129,0.05)}
.job-card h3{color:#fff;margin-bottom:16px;font-size:22px;display:flex;align-items:center;gap:10px}
.job-card ul{list-style:none;color:#cbd5e1;font-size:15px;line-height:1.8}
.job-card li{position:relative;padding-left:20px}
.job-card li::before{content:"✓";color:#10b981;position:absolute;left:0;font-weight:800}
.foot-bar{padding:40px 0;text-align:center;color:#64748b;font-size:14px;border-top:1px solid rgba(16, 185, 129, 0.15)}
.foot-bar a{color:#10b981;text-decoration:none;font-weight:600;transition:0.2s}
.foot-bar a:hover{color:#34d399}
@media(max-width:900px){.hero-block,.jobs-grid{grid-template-columns:1fr}}