:root{
  --bg-dark:#150f13;
  --bg-dark-2:#1f1519;
  --accent:#e2496b;
  --accent-soft:#f3c3cf;
  --cream:#fbf3ee;
  --surface-light:#f6efea;
  --ink:#201519;
  --ink-soft:#6f5c62;
  --line:#e3d5cf;
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--surface-light);
  color:var(--ink);
  font-family:'Golos Text', sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{
  font-family:'PT Serif', serif;
  font-weight:700;
  line-height:1.25;
  margin:0 0 .5em;
}
p{margin:0 0 1em;}
a{color:var(--accent);}
.wrap{max-width:760px;margin:0 auto;padding:0 20px;}

header.site{background:var(--bg-dark);color:var(--cream);}
header.site .nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 0;
}
header.site .logo{
  font-family:'PT Serif', serif;
  font-weight:700;
  font-size:19px;
  color:var(--accent);
  text-decoration:none;
  letter-spacing:.5px;
}
header.site .back{
  color:var(--cream);
  text-decoration:none;
  font-size:14px;
  opacity:.85;
}
header.site .back:hover{opacity:1;}

main{padding:48px 0 64px;}

.note{
  background:#fff;
  border:1px solid var(--line);
  border-radius:8px;
  padding:16px 18px;
  font-size:14px;
  color:var(--ink-soft);
  margin-bottom:32px;
}

h1{font-size:clamp(24px,4vw,30px);}
h2{font-size:19px;margin-top:36px;}

footer.site{background:var(--bg-dark);color:#c7b4ae;padding:32px 0;font-size:13px;}
footer.site a{color:var(--accent-soft);text-decoration:underline;}
footer.site .legal-links{margin-bottom:12px;}
footer.site .legal-links a{margin-right:16px;text-decoration:none;color:var(--cream);opacity:.85;}
footer.site .legal-links a:hover{opacity:1;}