:root {
  color-scheme: dark;
  font-family: system-ui, sans-serif;
  background: #070d0a;
  color: #e4f0e7;
}
body { margin: 0; }
main { max-width: 720px; margin: 0 auto; padding: 72px 24px; }
h1 { font-size: clamp(2.2rem, 6vw, 3.8rem); line-height: 1.1; letter-spacing: -.04em; }
h2 { margin-top: 2rem; font-size: 1.2rem; }
p { color: #b7c8bb; line-height: 1.7; }
a { color: #b5e7c3; }
a:focus-visible { outline: 2px solid #b5e7c3; outline-offset: 4px; }
.eyebrow { color: #a0d4ad; font-size: .75rem; font-weight: 700; letter-spacing: .16em; }
.back { display: inline-block; margin-bottom: 2rem; }
.card { display: block; margin-top: 2rem; padding: 22px; border: 1px solid #395342; border-radius: 12px; color: #e4f0e7; text-decoration: none; }
.card:hover { border-color: #b5e7c3; }
.card span { display: block; margin-top: 8px; color: #a9cdb2; font-size: .9rem; }