:root{
  --background: oklch(0.98 0.007 85);
  --foreground: oklch(0.22 0.03 250);
  --card: oklch(1 0 0);
  --primary: oklch(0.3 0.09 250);
  --muted-foreground: oklch(0.46 0.03 245);
  --accent: oklch(0.72 0.13 70);
  --gold-token: oklch(0.75 0.13 72);
  --border: oklch(0.9 0.012 90);
}
*{box-sizing:border-box; margin:0; padding:0;}
body{
  font-family:'Inter', Arial, Helvetica, sans-serif;
  background: var(--background);
  color: var(--foreground);
  line-height:1.7;
}
h1,h2,h3{ font-family:'Cormorant Garamond', Georgia, serif; color: var(--primary); }
.wrap{ max-width: 780px; margin: 0 auto; padding: 64px 24px 80px; }
.back{ font-size:14px; color: var(--accent); text-decoration:underline; text-underline-offset:4px; }
h1{ font-size: clamp(34px, 6vw, 50px); margin: 24px 0 28px; line-height:1.15; }
h2{ font-size: 24px; margin-bottom: 8px; }
section{ margin-bottom: 32px; }
p, li{ color: var(--muted-foreground); font-size: 15.5px; }
p + p{ margin-top: 12px; }
ul{ padding-left: 22px; margin-top: 8px; }
li{ margin-bottom: 4px; }
a{ color: inherit; }
a:hover{ color: var(--accent); }
.card{
  border:1px solid var(--border);
  background: var(--card);
  border-radius: 16px;
  padding: 26px;
  margin: 28px 0;
}
.card li{ list-style:none; margin-bottom: 10px; }
.card ul{ padding-left:0; }
.card strong{ color: var(--foreground); }
.note{ font-size: 12px; opacity:.7; padding-top: 8px; }
.links{ display:flex; flex-wrap:wrap; gap: 8px 24px; margin-top: 10px; }
.links a{ text-decoration:underline; text-underline-offset:4px; color: var(--muted-foreground); }
footer.mini{
  background: oklch(0.18 0.05 250);
  color: rgba(255,255,255,.7);
  text-align:center;
  padding: 32px 24px;
  font-size: 12.5px;
}
footer.mini a{ color: rgba(255,255,255,.7); text-decoration:underline; text-underline-offset:4px; }
footer.mini a:hover{ color: var(--gold-token); }