html, body {
  background-color: #020509;
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

/* desktop bg image */
body {
  background-image: url("assets/background-d.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}

/* mobile bg */
@media (max-width: 1439px) {
  body {
    background-image: url("assets/background-m.webp");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
  }
}

.content-box {
  position: absolute;
  top: 33vh; /* 33% down from top */
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 600px;
  padding: 24px 60px;
  box-sizing: border-box;
}

.logo {
  display: block;
  max-width: 32px;
  padding: 60px 0 6px 0;
  margin: 0 auto 1rem;
}

.stack { display: grid; gap: 1rem;}

.block { margin-top: 1rem; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 1rem; }

p {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 28px;
  font-weight: normal;
  color: #ffffff;
  margin: 0 0 4px 0; /* spacing after P */
}

a,
a:visited {
  color: #ffffff;
  text-decoration: none;
}

a:hover,
a:active {
  color: #ffffff; 
  text-decoration: underline; 
}