body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #cfc6b4; color: #2e343d;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { background: #fff8e0; border-radius: 28px; padding: 32px 24px; margin: 16px; max-width: 460px; text-align: center;
  box-shadow: 0 10px 30px #0000002a; }
h1 { font-size: 44px; margin: 0 0 8px; }
.r { color: #ff5f58; } .y { color: #ffc02f; } .b { color: #03c2ef; } .g { color: #76ca3e; }
.btn { display: inline-block; background: #2e343d; color: #fff; text-decoration: none; font-weight: 800;
  padding: 14px 24px; border-radius: 999px; font-size: 18px; }
.small { font-size: 13px; color: #6b717a; }