:root { color-scheme: light; --ink: #2b1a10; --leaf: #2f6b3a; --panel: #fffaf0; }
* { box-sizing: border-box; }
body { margin: 0; font-family: ui-rounded, 'SF Pro Rounded', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; color: var(--ink); background: radial-gradient(circle at 50% 0%, #d8f0bf, #8cc677 45%, #2f6b3a 100%) fixed; line-height: 1.55; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
.card { background: var(--panel); border-radius: 24px; padding: 28px 24px; box-shadow: 0 10px 30px rgba(0,0,0,.15); }
header { text-align: center; color: #fffdf3; text-shadow: 0 2px 0 rgba(43,26,16,.35); }
header img { width: 120px; height: 120px; }
h1 { margin: 8px 0 16px; font-size: 36px; }
h2 { margin-top: 28px; font-size: 20px; }
a { color: var(--leaf); font-weight: 700; }
footer { text-align: center; color: #fffdf3; margin-top: 24px; font-size: 14px; }