@font-face {
  font-family: 'Mochiy Pop One';
  src: url('/mochiy-pop-one-latin.woff2') format('woff2');
  font-display: swap;
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  min-height: 100svh;
  display: grid;
  place-items: center;
  background: #0a0407 url('/bg.webp') center / cover no-repeat;
  color: #e9e2d8;
  font-family: 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  text-align: center;
  padding: 24px 16px;
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background: radial-gradient(ellipse at center, rgba(10, 4, 7, .35) 0%, rgba(10, 4, 7, .85) 75%);
}
main { position: relative; display: grid; justify-items: center; gap: 28px; }
img { width: min(64vw, 300px); height: auto; filter: drop-shadow(0 0 24px rgba(255, 107, 26, .35)); }
h1 {
  margin: 0;
  font-family: 'Mochiy Pop One', system-ui, sans-serif;
  font-weight: 400;
  font-size: clamp(2.2rem, 9vw, 4rem);
  line-height: 1.1;
  background: linear-gradient(120deg, #ff6b1a 0%, #ffb347 55%, #ffd700 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 18px rgba(255, 107, 26, .45));
}