body{font-family:system-ui,Arial,sans-serif;margin:0;background:#f6f8fa;color:#16202a}main{max-width:960px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #ccd3da}section{background:#fff;border:1px solid #dde3e9;border-radius:12px;padding:28px;margin-top:28px}label{display:grid;gap:8px;max-width:420px;margin:20px 0}input,select{font:inherit;padding:10px;border:1px solid #abb6c2;border-radius:6px}button{font:inherit;padding:10px 16px;background:#174d78;color:#fff;border:0;border-radius:6px;cursor:pointer}button:disabled{opacity:.5}nav{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}nav span{background:#eef2f5;border-radius:6px;padding:10px}