* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  color: #f4f1e6;

  /* camo pattern */
  background-color: #5a5f3d;
  background-image:
    radial-gradient(ellipse 180px 110px at 10% 20%, #3c3a2a 40%, transparent 41%),
    radial-gradient(ellipse 220px 140px at 80% 10%, #1f2417 40%, transparent 41%),
    radial-gradient(ellipse 160px 100px at 55% 35%, #8a8f5c 40%, transparent 41%),
    radial-gradient(ellipse 200px 130px at 25% 65%, #1f2417 40%, transparent 41%),
    radial-gradient(ellipse 190px 120px at 90% 60%, #3c3a2a 40%, transparent 41%),
    radial-gradient(ellipse 170px 110px at 65% 85%, #8a8f5c 40%, transparent 41%),
    radial-gradient(ellipse 210px 140px at 15% 95%, #3c3a2a 40%, transparent 41%),
    radial-gradient(ellipse 150px 100px at 40% 5%, #1f2417 40%, transparent 41%);
  background-size: 600px 600px;
  background-repeat: repeat;
}

.page {
  text-align: center;
  max-width: 640px;
  padding: 48px 32px;
  background: rgba(20, 22, 12, 0.55);
  border: 2px solid rgba(224, 40, 55, 0.6);
  border-radius: 12px;
  backdrop-filter: blur(2px);
}

.tag {
  margin: 0 0 8px;
  letter-spacing: 2px;
  font-size: 0.85rem;
  color: #ff9db5;
  text-transform: uppercase;
}

.hello {
  margin: 0 0 24px;
  font-size: clamp(3rem, 12vw, 6rem);
  font-weight: 900;
  letter-spacing: 4px;
  color: #ffffff;
  text-shadow:
    0 0 10px rgba(224, 40, 55, 0.8),
    2px 2px 0 #e02837;
}

.copy {
  color: #ece7d6;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 32px;
}

.copy p {
  margin: 0 0 16px;
}

.buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}

.btn {
  display: inline-block;
  padding: 14px 28px;
  background: #e02837;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 1px;
  border-radius: 6px;
  border: 2px solid #ffffff33;
  transition: transform 0.15s ease, background 0.15s ease;
}

.btn:hover {
  background: #ff3b4c;
  transform: translateY(-2px);
}