:root { color-scheme: light dark; }
body { margin: 0; font-family: system-ui, sans-serif; line-height: 1.5; background: #f6f7f9; color: #1c2430; }
main { max-width: 38rem; margin: 2rem auto; padding: 1.5rem; background: #fff; border-radius: 0.5rem; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); }
h1 { font-size: 1.5rem; margin-top: 0; }
h2 { font-size: 1.15rem; }
label { display: block; font-weight: 600; margin-bottom: 0.25rem; }
input[type="email"] { width: 100%; box-sizing: border-box; padding: 0.6rem; font-size: 1rem; border: 1px solid #8a94a3; border-radius: 0.3rem; }
button { margin-top: 0.75rem; padding: 0.6rem 1.1rem; font-size: 1rem; border: 0; border-radius: 0.3rem; background: #1f5fbf; color: #fff; cursor: pointer; }
button:hover, button:focus-visible { background: #174a96; }
dt { font-weight: 600; margin-top: 0.75rem; }
dd { margin: 0; }
.hinweis { padding: 0.75rem; background: #fff4d6; border-radius: 0.3rem; }
@media (prefers-color-scheme: dark) {
  body { background: #12161c; color: #e6e9ee; }
  main { background: #1b212a; box-shadow: none; }
  input[type="email"] { background: #12161c; color: #e6e9ee; border-color: #5b6573; }
  .hinweis { background: #3a3218; }
  a { color: #8ab4ff; }
}