:root{
  --bg:#f5eddf;
  --ink:#171914;
  --gold:#b8832e;
  --muted:#6e6c65;
  --line:rgba(23,25,20,.14);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  font-family:Arial,"Tahoma",sans-serif;
  background:
    radial-gradient(circle at 12% 16%,rgba(184,131,46,.12),transparent 28%),
    linear-gradient(135deg,#f7f0e5,#efe4d3);
  color:var(--ink);
}
.page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:28px;
}
.card{
  width:min(760px,100%);
  padding:54px 38px;
  border:1px solid var(--line);
  border-radius:28px;
  background:rgba(255,255,255,.54);
  box-shadow:0 24px 70px rgba(45,37,25,.12);
  text-align:center;
}
.logo{width:92px;height:auto;margin-bottom:25px}
.eyebrow{
  color:var(--gold);
  font-weight:800;
  letter-spacing:.16em;
  font-size:13px;
  margin-bottom:16px;
}
h1{font-size:clamp(35px,6vw,64px);line-height:1.18;margin:0 0 18px}
p{font-size:clamp(17px,2vw,21px);line-height:1.9;color:var(--muted);margin:0 auto 30px;max-width:580px}
.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 24px;
  border-radius:999px;
  text-decoration:none;
  font-weight:800;
}
.primary{background:var(--ink);color:#fff}
.secondary{border:1px solid var(--line);color:var(--ink);background:rgba(255,255,255,.42)}