* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: #000; }
.page { display: grid; place-items: center; min-height: 100vh; min-height: 100svh; padding: 2rem; }
.logo { display: block; width: min(80vw, 850px); max-width: 100%; height: auto; animation: logo-appear 1.6s ease-out both; }
@keyframes logo-appear { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .logo { animation: none; } }
@media (max-width: 600px) {
  .page { padding: 1.25rem; }
  .logo { width: 100%; }
}