/* NovaGate: il nome al centro su video di sfondo. Font self-hosted (OFL, vedi fonts/). */
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-latin-wght-normal.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}

html, body { height: 100%; margin: 0; }
body {
  display: grid;
  place-items: center;
  padding: 16px;
  box-sizing: border-box;
  overflow: hidden;
  background: #05070e url('media/bg.jpg') center / cover no-repeat;
  color: #eef3ff;
  font-family: 'Montserrat', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  color-scheme: dark;
}

/* full-screen background video, darkened so the name stays readable */
.bg { position: fixed; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
body::before { content: ''; position: fixed; inset: 0; z-index: 1; background: radial-gradient(ellipse at center, rgb(5 7 14 / 0.35) 0%, rgb(5 7 14 / 0.75) 100%); }

h1 {
  position: relative;
  z-index: 2;
  margin: 0;
  font-size: clamp(2.6rem, 12vw, 8rem);
  font-weight: 800;
  letter-spacing: -0.045em;
  line-height: 1;
  text-shadow: 0 2px 30px rgb(0 0 0 / 0.5);
}

@media (prefers-reduced-motion: reduce) {
  .bg { display: none; }
}