:root{
  color-scheme:dark;
  --bg:#05090b;
  --panel:#0d1518;
  --text:#f1f6f1;
  --muted:#a3b0aa;
  --green:#83e85d;
  --blue:#78bee2;
  --line:rgba(255,255,255,.1);
}

*{
  box-sizing:border-box;
}

body{
  margin:0;
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at top,rgba(120,190,226,.1),transparent 42%),
    linear-gradient(180deg,#07100f,var(--bg));
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
}

.newsletter-page{
  width:min(700px,100%);
  padding:28px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(8,15,17,.94);
  box-shadow:0 28px 80px rgba(0,0,0,.42);
}

.newsletter-page small{
  color:var(--blue);
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.newsletter-page h1{
  margin:12px 0 0;
  font-size:clamp(32px,8vw,62px);
  line-height:.95;
  text-transform:uppercase;
}

.newsletter-page p,
.newsletter-page li{
  color:var(--muted);
  line-height:1.65;
}

.newsletter-page a{
  color:var(--green);
}

.newsletter-result{
  margin-top:22px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:7px;
  background:rgba(255,255,255,.025);
}

.newsletter-result.good{
  border-color:rgba(131,232,93,.3);
}

.newsletter-result.bad{
  border-color:rgba(255,133,133,.3);
}

.newsletter-home{
  display:inline-flex;
  margin-top:20px;
  padding:11px 14px;
  border:1px solid rgba(131,232,93,.25);
  border-radius:5px;
  background:rgba(131,232,93,.08);
  color:var(--green);
  font-weight:900;
  text-decoration:none;
  text-transform:uppercase;
}