:root{--green:#087b6a;--deep:#073f3a;--mint:#dff5ee;--lime:#d8f36c;--ink:#152724;--muted:#687b77;--line:#dfe9e6;--paper:#f6f9f8;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}button,input,select{font:inherit}.site-header{height:78px;padding:0 max(32px,calc((100vw - 1280px)/2));display:flex;align-items:center;gap:50px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--deep)}.brand img{width:46px;height:46px;border-radius:13px;object-fit:cover}.brand span{display:grid}.brand b{font-size:20px;letter-spacing:.08em}.brand small{font-size:10px;color:var(--green);letter-spacing:.08em}.site-header nav{display:flex;gap:34px;margin-right:auto}.site-header nav a{color:#52635f;text-decoration:none;font-weight:600}.site-header nav a:hover,.site-header nav a.active{color:var(--green)}.header-actions{display:flex;gap:10px}.primary,.ghost,.white-btn{border:0;border-radius:10px;padding:11px 18px;cursor:pointer;font-weight:700}.primary{background:var(--green);color:#fff;box-shadow:0 8px 18px rgba(8,123,106,.18)}.primary:hover{background:#066c5d}.primary.small{padding:9px 15px}.ghost{background:#edf4f2;color:var(--deep)}main{overflow:hidden}.hero{min-height:590px;max-width:1280px;margin:auto;padding:80px 36px 65px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px}.eyebrow{font-size:12px;font-weight:800;color:var(--green);letter-spacing:.17em}.hero h1{font-size:64px;line-height:1.13;letter-spacing:-.045em;margin:18px 0}.hero h1 em{font-style:normal;color:var(--green);position:relative}.hero h1 em:after{content:"";position:absolute;height:10px;background:var(--lime);left:0;right:0;bottom:5px;z-index:-1}.hero-copy>p{font-size:19px;color:var(--muted)}.hero-copy>p strong{color:var(--ink)}#searchForm{display:flex;max-width:600px;margin-top:32px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(20,63,57,.09)}#searchForm input{border:0;outline:0;flex:1;padding:10px 14px;min-width:0}.trending{margin-top:14px;color:#81908d;font-size:13px}.trending button{border:0;background:none;color:var(--green);cursor:pointer}.hero-visual{height:430px;position:relative;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle at 65% 30%,#d9f56e,#9ddfc5 46%,#0d8c78 100%);filter:blur(1px)}.hero-visual .orbit{position:absolute;width:490px;height:300px;border:1px solid rgba(7,63,58,.18);border-radius:50%;transform:rotate(-20deg)}.hero-visual img{width:260px;height:260px;border-radius:60px;object-fit:cover;z-index:1;box-shadow:0 35px 80px rgba(6,54,49,.33)}.float-card{position:absolute;z-index:2;background:rgba(255,255,255,.92);border:1px solid #fff;border-radius:16px;padding:14px 18px;box-shadow:0 20px 45px rgba(18,64,58,.16);display:grid}.float-card span{font-size:12px;color:var(--muted)}.float-card b{font-size:18px}.float-card.one{left:5px;top:58px}.float-card.two{right:0;bottom:54px}.jobs-section{max-width:1280px;margin:auto;padding:80px 36px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-head h2,.membership h2,.about h2{font-size:40px;line-height:1.25;margin:8px 0}.section-head p{color:var(--muted);margin:0}.filters{display:flex;gap:10px}.filters select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 35px 10px 12px;color:#40534f}.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.job-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;cursor:pointer;transition:.22s;min-height:245px;display:flex;flex-direction:column}.job-card:hover{transform:translateY(-4px);border-color:#90c9be;box-shadow:0 18px 40px rgba(18,70,62,.09)}.job-top{display:flex;justify-content:space-between;gap:12px}.company-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--mint);color:var(--green);font-size:20px;font-weight:800}.fresh{font-size:11px;color:var(--green);background:var(--mint);border-radius:99px;padding:4px 9px;height:max-content}.job-card h3{font-size:18px;line-height:1.45;margin:17px 0 4px}.company-name{color:var(--muted);font-size:13px}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0}.tag{font-size:12px;background:#f1f5f4;color:#526763;padding:4px 8px;border-radius:6px}.job-meta{margin-top:auto;display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid #edf1f0;color:#73827f;font-size:12px}.loading{grid-column:1/-1;padding:80px;text-align:center;color:var(--muted)}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:30px}.membership{max-width:1208px;margin:70px auto;padding:58px;border-radius:28px;background:var(--deep);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;position:relative;overflow:hidden}.membership:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:var(--green);filter:blur(100px);right:-40px;top:-80px}.eyebrow.light{color:#82d8c7}.membership>div{position:relative;z-index:1}.membership p{color:#b9ceca}.white-btn{background:#fff;color:var(--deep);margin-top:18px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}.benefit-grid div{border:1px solid rgba(255,255,255,.16);border-radius:15px;padding:22px;background:rgba(255,255,255,.05)}.benefit-grid b{color:var(--lime)}.benefit-grid h3{margin:24px 0 6px}.benefit-grid p{font-size:13px;margin:0}.about{max-width:1100px;margin:80px auto;padding:40px;display:grid;grid-template-columns:300px 1fr;gap:70px;align-items:center}.about img{width:280px;height:280px;object-fit:cover;border-radius:64px;box-shadow:0 24px 60px rgba(10,67,59,.18)}.about p{color:var(--muted);font-size:17px}footer{border-top:1px solid var(--line);max-width:1280px;margin:30px auto 0;padding:32px 36px;display:flex;align-items:center;gap:30px;color:var(--muted)}footer .mono{font-weight:800;color:var(--deep)}footer .mono small{margin-left:8px;color:var(--green)}footer span{margin-left:auto}.modal{position:fixed;inset:0;background:rgba(2,28,25,.58);z-index:50;display:none;place-items:center;padding:28px;backdrop-filter:blur(5px)}.modal.open{display:grid}.modal-panel{background:#fff;border-radius:22px;position:relative;max-height:90vh;overflow:auto;box-shadow:0 30px 90px rgba(0,0,0,.25)}.close{position:absolute;right:18px;top:14px;border:0;background:#edf3f1;width:36px;height:36px;border-radius:50%;font-size:22px;cursor:pointer}.detail-panel{width:min(860px,94vw);padding:38px}.detail-title h2{font-size:28px;margin:10px 50px 5px 0}.detail-title p{color:var(--muted)}.detail-chips{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:13px;overflow:hidden}.detail-item{background:#fff;padding:15px}.detail-item label{display:block;color:var(--muted);font-size:12px}.detail-section{margin-top:24px}.detail-section h3{font-size:17px}.detail-section p{white-space:pre-wrap;color:#4d625e}.detail-actions{display:flex;gap:10px;margin-top:25px}.detail-actions a{display:inline-block;text-decoration:none}.plans-panel{width:min(940px,94vw);padding:45px;text-align:center}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.plan{border:1px solid var(--line);border-radius:16px;padding:25px;text-align:left;position:relative}.plan.featured{border:2px solid var(--green);background:#f5fbf9}.plan .badge{position:absolute;right:14px;top:14px;background:var(--lime);padding:3px 8px;border-radius:99px;font-size:11px}.plan strong{font-size:36px;color:var(--deep)}.plan button{width:100%;margin-top:18px}#toast{position:fixed;right:25px;bottom:25px;background:var(--deep);color:#fff;border-radius:10px;padding:12px 18px;opacity:0;transform:translateY(10px);transition:.2s;z-index:80}#toast.show{opacity:1;transform:none}@media(max-width:980px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-visual{display:none}.job-grid{grid-template-columns:repeat(2,1fr)}.membership{margin:40px 24px;grid-template-columns:1fr}.about{grid-template-columns:220px 1fr}.about img{width:220px;height:220px}.benefit-grid{grid-template-columns:1fr}.hero h1{font-size:52px}}@media(max-width:640px){.site-header{padding:0 16px}.brand small,.header-actions .small{display:none}.hero{padding:55px 20px}.hero h1{font-size:42px}.jobs-section{padding:55px 20px}.section-head{display:block}.filters{margin-top:18px}.job-grid{grid-template-columns:1fr}.membership{padding:35px 24px}.about{grid-template-columns:1fr;padding:24px}.about img{width:150px;height:150px}.plan-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}footer{display:block}.detail-actions{flex-direction:column}}
