/* MiniJobs v4.3 improved CSS - same as provided earlier (condensed for brevity) */
:root{--bg:#f8fafc;--card:#fff;--muted:#64748b;--text:#0f172a;--accent:#10b981;--accent-600:#059669;--radius-lg:12px;--max-width:1100px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
.container{max-width:var(--max-width);margin:0 auto;padding:28px 20px}
.nav{background:var(--card);padding:12px 0;box-shadow:0 6px 18px rgba(2,6,23,0.06);position:relative;z-index:100;border-bottom:1px solid #eef2f7}
.nav .container{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:12px;color:var(--accent-600);text-decoration:none}
.brand img{height:36px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:600;cursor:pointer;border:1px solid transparent}
.btn-primary{background:linear-gradient(180deg,var(--accent) 0%, var(--accent-600) 100%);color:#fff}
.card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 10px 30px rgba(2,6,23,0.06)}
.form-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #e6eef6;background:#fff}
.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}
.ad-placeholder{background:linear-gradient(90deg,#fff7ed,#f8fafc);border:1px dashed #fbbf24;padding:14px;border-radius:10px;color:#92400e;text-align:center}
.footer{padding:28px 20px;text-align:center;color:var(--muted);font-size:14px;margin-top:40px}
@media (max-width:900px){.grid-2{grid-template-columns:1fr}}