/* Structure mirrors the giveaway terms pages; palette is the PongSmash
   brand sheet, tokenized to match ../game/styles.css. */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --green: #83F072;
  --navy:  #0F0D23;
}

body {
  font-family: 'Outfit', sans-serif;
  background: var(--navy);
  color: #fff;
  line-height: 1.65;
}

.wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 24px 80px;
}

.brand { height: 30px; width: auto; margin-bottom: 32px; }
.brand-fallback {
  display: inline-block;
  font-size: 22px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 32px;
}

h1 {
  font-size: clamp(26px, 5vw, 38px);
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 8px;
}

.updated { font-size: 13px; color: rgba(255,255,255,.55); margin-bottom: 32px; }

h2 { font-size: 18px; font-weight: 700; margin: 28px 0 8px; }
p, li { font-size: 15px; color: rgba(255,255,255,.85); margin-bottom: 10px; }
ul { padding-left: 22px; margin-bottom: 10px; }
a { color: var(--green); }

.back {
  display: inline-block;
  margin-top: 40px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #fff;
  border: 1.5px solid rgba(255,255,255,.4);
  border-radius: 99px;
  padding: 12px 32px;
  text-decoration: none;
}