body { font-family: 'Helvetica Neue', sans-serif; margin: 0; background: #fdfdfd; color: #333; line-height: 1.6; }
header.hero {
  background: url('../images/hero.jpg') center/cover no-repeat;
  height: 90vh; display: flex; justify-content: center; align-items: center; text-align: center; color: white;
}
.overlay { background: rgba(0,0,0,0.5); padding: 3rem; border-radius: 12px; }
nav { background: #003244; padding: 1rem; text-align: center; }
nav a { color: #00f7ff; text-decoration: none; margin: 0 1rem; font-weight: 600; }
nav a:hover { text-decoration: underline; }
main { max-width: 1100px; margin: auto; padding: 2rem; background: white; }
.section { margin: 3rem 0; }
footer { background: #003244; color: white; text-align: center; padding: 2rem; }
.button {
  background: #00796b; color: white; padding: 0.75rem 1.5rem;
  border-radius: 6px; text-decoration: none; font-weight: bold;
  display: inline-block; margin: 1rem 0;
}
.report-scroll {
  display: flex; overflow-x: auto; gap: 1.5rem; padding: 1rem 0;
}
.report-scroll .card {
  flex: 0 0 320px; background: #eef6f8; padding: 1.5rem;
  border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  min-height: 200px;
}
img.fullwidth { width: 100%; max-width: 100%; border-radius: 10px; margin-top: 1rem; }