:root{
  --bg:#f7f9fc;      /* fundo claro */
  --card:#ffffff;    /* cartões/branco */
  --muted:#6b7280;   /* cinza médio */
  --fg:#0b1020;      /* texto principal */
  --border:#e5e7eb;  /* borda clara */
  --primary:#0b3d91; /* azul escuro nos botões */
}
*{ box-sizing:border-box; }
body{
  margin:0; font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;
  color:var(--fg); background:var(--bg);
}
a{ color:var(--primary); text-decoration:none; }
.container{ max-width:1000px; margin:24px auto; padding:0 16px; }
.topbar{
  position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between;
  padding:12px 16px; background:#ffffffcc; backdrop-filter:blur(6px); border-bottom:1px solid var(--border);
}
.topbar h1{ margin:0; font-size:20px; }
/* Botões mais planos e modernos */
.btn{
  display:inline-block;
  padding:8px 16px;
  border:1px solid rgba(0,0,0,0.15);
  border-radius:4px; /* cantos discretos */
  background:#0a2a66; /* azul escuro */
  color:#fff;
  font-weight:500;
  letter-spacing:0.3px;
  transition:background 0.2s ease, box-shadow 0.2s ease;
  box-shadow:0 1px 2px rgba(0,0,0,0.1);
}
.btn:hover{
  background:#082150;
  box-shadow:0 2px 4px rgba(0,0,0,0.15);
}
.btn:active{
  background:#061a3d;
}

.muted{ color:var(--muted); }
.search-box{ margin:16px 0; }
.search-box input{ width:100%; padding:12px 14px; border-radius:12px; border:1px solid var(--border); background:#fff; color:var(--fg); outline:none; }
.cv-list{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:12px; }
.cv-item{ background:var(--card); border:1px solid var(--border); border-radius:14px; }
.cv-item a{ display:flex; gap:12px; padding:12px; align-items:center; }
.avatar{ width:48px; height:48px; border-radius:50%; object-fit:cover; }
.meta{ display:flex; flex-direction:column; gap:4px; }
.date{ color:#64748b; font-size:12px; }