body {
    font-family: system-ui, sans-serif;
    background-color: #FEFBEA;
    color: #1d1d1d;
    display: grid;
    place-items: center;
    min-height: 100vh;
    text-align: center;
     background-image: url(''); /* Adjust path: './public/bg-hero.jpg' if in public/ */
  background-size: cover; /* Makes it "huge" by filling the viewport; use 'contain' if you want no cropping */
  background-position: center; /* Keeps it perfectly central */
  background-repeat: no-repeat; /* Prevents tiling */
  background-attachment: fixed; /* Optional: Parallax scroll effect for extra flair */
  min-height: 100vh; /* Ensures it covers the full viewport height */
  margin: 0; /* Clean edges */
}