:root {
  color-scheme: dark;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: #F6FAFD;
  background: #241D4F;
  font-synthesis: none;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  background: linear-gradient(rgba(0,0,0,.42), rgba(0,0,0,.42)), linear-gradient(165deg, #241D4F, #005FB8);
  -webkit-font-smoothing: antialiased;
}
main { width: 100%; padding: 40px 24px; text-align: center; }
.brand { display: flex; align-items: center; justify-content: center; gap: 16px; }
.brand img { display: block; width: 64px; height: 64px; }
.brand span { font-size: 24px; font-weight: 700; letter-spacing: .14em; }
h1 { margin: 32px 0 0; font-size: clamp(32px, 4vw, 48px); line-height: 1.2; font-weight: 400; letter-spacing: -.025em; }
::selection { background: #F6FAFD; color: #241D4F; }
@media (max-width: 480px) {
  .brand img { width: 52px; height: 52px; }
  .brand span { font-size: 21px; }
  h1 { margin-top: 28px; }
}