:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
html, body { margin: 0; min-height: 100%; background: #151311; color: #eee8df; }
body { display: grid; place-items: center; min-height: 100dvh; padding: 24px; box-sizing: border-box; }
.card { max-width: 380px; width: 100%; }
h1 { font-size: 20px; margin: 0 0 12px; }
h1 span { color: #9b948b; font-weight: 400; }
p { color: #b9b2a8; line-height: 1.5; }
.msg { color: #e0a05c; }
.msg:empty { display: none; }
.btn { display: block; text-align: center; padding: 12px 16px; border-radius: 10px; background: #e2a65b; color: #1b140c;
  font-weight: 600; text-decoration: none; margin-top: 20px; }