:root {
  --gold: #d4af37;
  --green: #009345;
  --bg: #000000;
  --text: #f9f9f9;
  --max: 920px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  font-family: 'Poppins', system-ui, sans-serif;
  background: var(--bg);
  color: var(--text);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 100vh;
}

.wrap {
  max-width: var(--max);
  padding: 24px;
}

.logo {
  width: 180px;
  margin-bottom: 28px;
}

h1 {
  color: var(--gold);
  font-size: clamp(32px, 5vw, 56px);
  margin-bottom: 16px;
}

.lead {
  color: var(--text);
  font-size: clamp(16px, 2vw, 20px);
  opacity: 0.9;
  margin-bottom: 24px;
}

.cta-text {
  color: var(--gold);
  font-size: 18px;
  margin-bottom: 24px;
}

.btn {
  display: inline-block;
  padding: 14px 22px;
  border-radius: 10px;
  background: var(--green);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  transition: transform .06s ease, box-shadow .2s ease;
  box-shadow: 0 10px 24px rgba(0,147,69,.35);
}
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0); }