/* Jobs page styles — match site white theme and electric green accent */
:root{
  --bg: #ffffff;
  --card: #ffffff;
  --muted: #6b7280;
  --accent-start: #00ff6a;
  --accent-end: #00d27a;
  --accent-text: #062a1f;
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
body, button, input, select, textarea { font-family: 'Alan Sans', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; }
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--accent-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:28px}
.container{max-width:1100px;margin:0 auto}
.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.header h1{font-size:1.25rem;margin:0}
.actions{display:flex;gap:8px}
.btn{background:linear-gradient(90deg,var(--accent-start),var(--accent-end));color:white;border:none;padding:8px 14px;border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(0,210,122,0.12)}
.link-muted{color:var(--muted);text-decoration:none}
.jobs-intro{margin-bottom:18px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.job-card{background:var(--card);border:1px solid rgba(6,42,31,0.04);padding:18px;border-radius:10px;display:flex;flex-direction:column;gap:12px;min-height:160px}
.job-title{font-weight:800;font-size:1.05rem}
.job-desc{color:var(--muted);line-height:1.45}
.job-actions{margin-top:auto;display:flex;gap:10px;align-items:center}
.apply-btn{background:transparent;border:2px solid var(--accent-start);color:var(--accent-text);padding:8px 12px;border-radius:8px;font-weight:700;cursor:pointer}
.apply-btn.primary{background:linear-gradient(90deg,var(--accent-start),var(--accent-end));color:white;border:none}
.apply-note{margin-top:28px;padding:18px;border-radius:10px;background:#f7fffb;border:1px solid rgba(6,42,31,0.04);color:var(--accent-text);font-weight:600}
.apply-contact{margin-top:8px;color:var(--muted)}
/* smooth scroll behavior */
html{scroll-behavior:smooth}
@media (max-width:520px){body{padding:16px}.grid{grid-template-columns:1fr}.job-actions{flex-direction:column;align-items:flex-start}.apply-btn{width:100%}}