button { font-family: inherit; }
a:focus-visible, button:focus-visible { outline: 2px solid #4877ac; outline-offset: 6px; }
#donation-dialog { margin: auto; width: min(90vw, 560px); padding: 40px; border: 0; border-radius: 24px; color: #061729; background: #f7f4ef; }
#donation-dialog::backdrop { background: rgb(0 0 0 / 65%); backdrop-filter: blur(8px); }
#donation-dialog h2 { font-family: Alice, Georgia, serif; font-size: 36px; margin-bottom: 20px; }
#donation-dialog p { line-height: 1.65; }
.dialog-close { margin-top: 24px; padding: 12px 24px; border: 0; border-radius: 24px; background: #061729; color: white; cursor: pointer; }

.not-found-page { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #061729; color: #efefef; font-family: Inter, Arial, sans-serif; text-align: center; }
.not-found-page main { padding: 40px 24px; max-width: 720px; }
.not-found-page h1 { font: 400 clamp(36px, 7vw, 64px)/1.1 Alice, Georgia, serif; margin: 24px 0; }
.not-found-code { letter-spacing: .3em; color: #e8d1b2; }
.not-found-page a { display: inline-block; margin-top: 24px; color: #e8d1b2; text-underline-offset: 6px; }