/* Newsletter — dark glass + marble re-skin of the original signup page. */

.newsletter-page{
  min-height:calc(100vh - 88px);
  padding:clamp(60px,9vw,130px) 20px;
  background:radial-gradient(circle at 85% 15%,rgba(201,164,92,.10),transparent 40%);
}
.newsletter-page>section{max-width:880px;margin:auto;text-align:center}
.newsletter-page h1{font:400 clamp(3.5rem,7vw,7rem)/.9 var(--serif);margin:0 0 20px}
.newsletter-page section>p{font:1.1rem/1.7 var(--serif);color:var(--muted)}
.newsletter-page form{
  max-width:560px;
  margin:35px auto 0;
  padding:28px;
  background:var(--glass);
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 18px 50px rgba(0,0,0,.35);
  display:grid;
  gap:17px;
  text-align:left;
}
.newsletter-page label{display:grid;gap:7px;font-weight:800;color:#f4efe2}
.newsletter-page input{
  padding:12px;
  border:1px solid var(--glass-border);
  border-radius:7px;
  background:rgba(255,255,255,.07);
  color:var(--ink);
}
.newsletter-page input:focus{outline:2px solid var(--gold);outline-offset:2px}
#newsletter-message{font-weight:800;color:var(--gold-pale);margin:0;min-height:1.2em}