/* Antet comun JFME — modificările de design se fac o singură dată în acest fișier. */
:root {
  --jfme-line: #dbe3ef;
  --jfme-brand: #0f4cc9;
  --jfme-shadow: 0 12px 30px rgba(17, 40, 84, 0.08);
  --jfme-max: 1280px;
}
.wrap { width: min(var(--jfme-max), calc(100% - 32px)); margin: 0 auto; }
.topbar { background:#0b234f; color:#d8e4ff; font:14px/1.55 "Segoe UI",Calibri,Arial,sans-serif; }
.topbar .wrap { display:flex; gap:16px; justify-content:space-between; align-items:center; padding:10px 0; flex-wrap:wrap; }
.topbar a, .topbar a:visited { color:#fff; }
.hero { background:linear-gradient(135deg,#0f4cc9 0%,#0a357f 100%) !important; color:#fff !important; padding:28px 0 26px !important; box-shadow:inset 0 -1px 0 rgba(255,255,255,.1) !important; }
.hero-grid { display:grid !important; grid-template-columns:1.4fr .8fr !important; gap:24px !important; align-items:center !important; }
.hero .brand-kicker { font:400 13px/1.55 "Segoe UI",Calibri,Arial,sans-serif !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:#fff !important; opacity:.9 !important; margin:0 0 10px !important; }
.hero h1 { font:700 clamp(30px,4vw,48px)/1.08 "Segoe UI",Calibri,Arial,sans-serif !important; margin:0 0 10px !important; letter-spacing:-.02em !important; color:#fff !important; }
.hero-card { font:16px/1.55 "Segoe UI",Calibri,Arial,sans-serif !important; color:#fff !important; background:rgba(255,255,255,.12) !important; border:1px solid rgba(255,255,255,.18) !important; border-radius:22px !important; padding:18px !important; backdrop-filter:blur(8px) !important; }
.hero-card a,.hero-card a:visited,.hero-card>div>strong { color:#fff !important; }
.hero-meta { display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; margin-top:14px !important; }
.hero-meta div { background:rgba(255,255,255,.10) !important; border-radius:14px !important; padding:12px !important; color:#fff !important; }
.hero-meta strong { display:block !important; font:700 12px/1.55 "Segoe UI",Calibri,Arial,sans-serif !important; text-transform:uppercase !important; letter-spacing:.08em !important; color:#dbe8ff !important; margin-bottom:4px !important; }
.nav-shell { position:sticky; top:0; z-index:50; background:rgba(246,248,251,.86); backdrop-filter:blur(8px); border-bottom:1px solid var(--jfme-line); }
.nav { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0; flex-wrap:wrap; }
.nav-links { display:flex; gap:18px; flex-wrap:wrap; font:600 16px/1.2 "Segoe UI",Calibri,Arial,sans-serif; }
.nav-links a,.nav-links a:visited { color:var(--jfme-brand); text-decoration:none; font-weight:600; }
.nav-links a:hover,.nav-links a:focus { text-decoration:none; color:#0c41ab; }
.button { display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:999px; background:var(--jfme-brand); color:#fff !important; font:700 16px/1.2 "Segoe UI",Calibri,Arial,sans-serif; box-shadow:var(--jfme-shadow); text-decoration:none; }
.button:hover,.button:focus { text-decoration:none; background:#0c41ab; }
@media (max-width:1100px){ .hero-grid{grid-template-columns:1fr !important;} }
@media (max-width:720px){ .hero-meta{grid-template-columns:1fr !important;} }