/* css/style.css */
:root{--bg:#f7f8fb;--nav:#0f172a;--accent:#0ea5a4;--text:#0b1220}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:var(--bg);color:var(--text);line-height:1.5}
.wrap{max-width:1100px;margin:0 auto;padding:18px}
.site-header{background:var(--nav);color:#fff;padding:12px 0}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between}
.brand{color:#fff;text-decoration:none;font-weight:700;font-size:1.15rem}
.nav a{color:#cfe9e8;text-decoration:none;margin-left:14px}
.container{background:#fff;padding:18px;border-radius:8px;box-shadow:0 6px 18px rgba(11,18,32,0.06);margin-top:18px}
.job-list{list-style:none;padding:0;margin:0}
.job-list li{padding:12px;border-bottom:1px solid #f0f2f5}
.auth form label{display:block;margin-bottom:10px}
.auth input[type="text"], .auth input[type="email"], .auth input[type="password"], .auth textarea, select{width:100%;padding:10px;border:1px solid #e6e9ef;border-radius:6px}
button{background:var(--accent);color:#fff;border:0;padding:10px 14px;border-radius:6px;cursor:pointer}
.error{color:#b91c1c;background:#fee2e2;padding:8px;border-radius:6px}
@media (max-width:600px){
  .site-header .wrap{flex-direction:column;gap:8px}
  .nav a{margin-left:8px}
}