:root {
  --bg: #fcefdc;
  --fg: #ff7a00;
  --accent: #ff7a00; /* bitcoin orange-style — change if you want */
  --maxw: 900px;
  --pad: 24px;
  --radius: 12px;
}
* {box-sizing: border-box}
html,body {height:100%; margin:0; font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial}
body{
  display:flex; align-items:center; justify-content:center;
  background: #fcefdc;
  color:var(--fg);
  padding: var(--pad);
}
.wrap{
  text-align:center;
  max-width:var(--maxw);
  width:100%;
}
.logo {
/* make the logo the main focus: occupy most of the viewport while keeping aspect ratio */
height: 75vh;
max-height: 80vh;
max-width: 95vw;
object-fit: contain;
  width:auto;
  display:block;
  margin: 0 auto 18px;
}
h1{
  font-size: 2.4rem;
  margin: 6px 0 8px;
  letter-spacing: -.02em;
}
.subtitle{
  margin-bottom: 18px;
  font-size: 1.05rem;
}
.small{
  font-size: .9rem;
  margin-top: 20px;
}