:root { --bg: #2F3E56; --surface: #425471; --ink: #F2EFEA; --muted: #D2CDD6; --accent: #FFB184; --action: #FF7A2E; --on-action: #1F1B2E; --line: rgba(242, 239, 234, .22); }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: Manrope, system-ui, sans-serif; font-size: 16px; line-height: 24px; }
.doc { max-width: 720px; margin: 0 auto; padding: 64px 16px 80px; }
.doc.center { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.eyebrow { margin: 0 0 12px; color: var(--accent); font-size: 12px; line-height: 16px; font-weight: 600; }
h1 { margin: 0 0 16px; font-size: 36px; line-height: 40px; font-weight: 600; }
h2 { margin: 32px 0 8px; font-size: 20px; line-height: 28px; font-weight: 600; }
p, li { color: var(--muted); }
p { margin: 0 0 12px; }
ul { margin: 0 0 12px; padding-left: 24px; }
a { color: var(--accent); }
.btn { display: inline-block; margin-top: 16px; padding: 12px 16px; border-radius: 12px; background: var(--action); color: var(--on-action); font-weight: 600; text-decoration: none; }
.back { display: inline-block; margin-bottom: 32px; min-height: 44px; }