:root{--fg:#111;--bg:#fff;--accent:#0b6efd}
*{box-sizing:border-box}body{margin:0;background:#fafafa;color:#111;font:16px/1.5 system-ui,Arial,sans-serif}
header,main,footer{max-width:960px;margin:0 auto;padding:24px}
header{display:flex;gap:16px;align-items:center;justify-content:space-between}
nav a{color:#fff;text-decoration:none;font-weight:600}
nav{display:flex;gap:12px;background:#0b6efd;padding:12px 16px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.badge{display:inline-block;padding:6px 10px;border-radius:99px;background:#e7f1ff;color:#0b6efd;font-weight:700;font-size:12px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{border:1px solid #eee;border-radius:12px;padding:16px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.04)}
small{color:#666}