:root{
  --primary:#ea2a33;
  --primary-hover:#c8232c;
  --bg:#f5f6f8;
  --text:#212529;
  --muted:#6b7280;
  --card:#fff;
  --radius:16px;
  --shadow:0 10px 30px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:'Plus Jakarta Sans', system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  display:flex;
  align-items:center;
  justify-content:center;
}
.card{
  width:min(92vw,680px);
  background:var(--card);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:32px 28px;
  text-align:center;
}
h1{
  margin:0 0 8px;
  font-size:clamp(24px,3.2vw,32px);
  line-height:1.2;
}
.lead{color:#374151;margin:0 0 6px}
.muted{color:var(--muted);font-size:13px;margin:12px 0 0}
.button{
  margin-top:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  padding:16px 20px;
  background:var(--primary);
  color:#fff;
  font-weight:800;
  text-decoration:none;
  border-radius:10px;
  transition:transform .15s ease, background .2s ease, box-shadow .2s ease;
  box-shadow:0 6px 14px rgba(234,42,51,.25);
}
.button:hover{background:var(--primary-hover); transform:translateY(-1px)}
.icon{
  width:22px;height:22px;display:inline-block;position:relative;
}
.icon::before{
  content:"";
  position:absolute;inset:0;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="%23fff" d="M10.293 17.293a1 1 0 0 0 1.414 1.414l6-6a1 1 0 0 0 0-1.414l-6-6a1 1 0 1 0-1.414 1.414L14.586 11H4a1 1 0 1 0 0 2h10.586l-4.293 4.293Z"/></svg>') center / contain no-repeat;
  background:#fff;
}
.small{font-size:12px;color:#9ca3af}
.footer-note{margin-top:10px}