/* Reset */
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }

/* Full-viewport centering */
body {
  display: grid;
  place-items: center;
  min-height: 100vh;
  background: #ffffff; /* change if you want a different background */
}

/* Wrapper (not strictly needed, but future-friendly) */
.center {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 4vw;
}

/* Logo sizing: scales down on small screens, caps on large screens */
.logo {
  width: min(30vw, 100px);
  height: auto;
  display: block;
}