body { margin: 0; font-family: "Baloo 2", ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", system-ui, sans-serif; color: #5a3d2b; background: linear-gradient(#ffe2b8, #ffc6d9) fixed; line-height: 1.55; }
main { max-width: 720px; margin: 24px auto; background: #fff8ef; border-radius: 28px; padding: 24px 32px 32px; box-shadow: 0 6px 0 rgba(90, 61, 43, 0.15); }
.logo { display: block; width: 260px; max-width: 70%; margin: 0 auto 4px; }
h1 { text-align: center; margin: 0 0 4px; font-size: 32px; }
.date { text-align: center; opacity: 0.7; margin-top: 0; }
h2 { font-size: 22px; margin: 22px 0 4px; color: #f08a24; }
a { color: #e0559a; font-weight: 700; }
.back { display: inline-block; margin-top: 20px; background: #4fb85a; color: white; text-decoration: none; padding: 8px 20px; border-radius: 16px; box-shadow: 0 4px 0 #3a8f43; }
footer { text-align: center; padding: 8px 0 24px; font-size: 14px; }
@media (max-width: 520px) { main { margin: 10px; padding: 18px; } }