:root{
  --bg:#f4f0e7;
  --panel:#ffffff;
  --dark:#131009;
  --dark2:#1d1811;
  --gold:#c0912b;
  --goldb:#d8a848;
  --goldsoft:#a87f28;
  --ink:#1d1811;
  --ink2:#4a4335;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Poppins',system-ui,-apple-system,sans-serif;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
/* ---- fascia scura in alto (cover) ---- */
.cover{
  background:radial-gradient(120% 140% at 50% -20%, #241c0e 0%, var(--dark) 55%, #0b0906 100%);
  color:#f4f0e7;
  text-align:center;
  padding:44px 20px 38px;
  border-bottom:3px solid var(--gold);
}
.cover img.logo{
  width:130px;height:auto;display:block;margin:0 auto 14px;
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.45));
}
.cover h1{
  font-family:'Playfair Display',Georgia,serif;
  font-weight:700;
  font-size:clamp(1.5rem,4.5vw,2.1rem);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#f7f1e2;
}
.cover .tag{
  margin-top:8px;
  font-size:.8rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--goldb);
}
.cover.small{padding:30px 20px 26px}
.cover.small img.logo{width:84px;margin-bottom:10px}
.cover.small h1{font-size:clamp(1.2rem,4vw,1.6rem)}

/* ---- corpo chiaro ---- */
.wrap{
  width:100%;
  max-width:560px;
  margin:0 auto;
  padding:36px 20px 48px;
  flex:1;
}
.intro{
  text-align:center;
  color:var(--ink2);
  font-size:.95rem;
  line-height:1.6;
  margin-bottom:28px;
}

/* ---- pulsanti (pannelli scuri = accenti) ---- */
.links{display:flex;flex-direction:column;gap:16px}
a.btn{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  background:linear-gradient(135deg,#1d1811 0%,var(--dark) 60%);
  color:#f4f0e7;
  text-decoration:none;
  border:1px solid rgba(192,145,43,.55);
  border-radius:14px;
  padding:18px 22px;
  box-shadow:0 8px 22px rgba(19,16,9,.18);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
a.btn:hover,a.btn:focus-visible{
  transform:translateY(-2px);
  border-color:var(--goldb);
  box-shadow:0 12px 28px rgba(19,16,9,.28);
}
a.btn .label{
  font-family:'Playfair Display',Georgia,serif;
  font-size:1.08rem;
  font-weight:700;
  letter-spacing:.04em;
}
a.btn .sub{
  display:block;
  font-family:'Poppins',sans-serif;
  font-size:.72rem;
  font-weight:400;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--goldb);
  margin-top:3px;
}
a.btn .arrow{
  flex:none;
  color:var(--goldb);
  font-size:1.2rem;
  line-height:1;
}

/* ---- contenuto sottopagine ---- */
.card{
  background:var(--panel);
  border:1px solid rgba(19,16,9,.1);
  border-radius:14px;
  padding:28px 24px;
  text-align:center;
  color:var(--ink2);
  line-height:1.7;
  box-shadow:0 6px 18px rgba(19,16,9,.06);
}
.card h2{
  font-family:'Playfair Display',Georgia,serif;
  color:var(--ink);
  margin-bottom:10px;
  font-size:1.25rem;
}
.back{
  display:inline-block;
  margin-top:26px;
  color:var(--goldsoft);
  text-decoration:none;
  font-size:.85rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.back:hover{color:var(--gold)}
.center{text-align:center}

/* ---- footer ---- */
footer{
  text-align:center;
  padding:22px 16px 30px;
  font-size:.75rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ink2);
}
footer .dot{color:var(--gold)}