:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 1.5rem;
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background: #eef2f5; color: #1f2d3a; }
.box { width: 100%; max-width: 380px; background: #fff; border-radius: 16px; padding: 2rem 1.75rem 1.5rem;
  box-shadow: 0 12px 40px rgba(0,45,85,.12); text-align: center; }
.logo { width: 64px; height: 64px; margin: 0 auto 1rem; border-radius: 50%; background: #002d55; color: #fff;
  display: grid; place-items: center; font-weight: 700; letter-spacing: .05em; }
h1 { margin: 0 0 .25rem; font-size: 1.35rem; color: #002d55; }
.sub { margin: 0 0 1.5rem; font-size: .9rem; color: #5b6a78; }
label { display: block; text-align: left; font-size: .85rem; color: #37475a; margin-bottom: .9rem; }
input { width: 100%; margin-top: .3rem; padding: .7rem .8rem; border: 1px solid #cdd7e0; border-radius: 9px; font: inherit; }
input:focus { outline: none; border-color: #008ccd; box-shadow: 0 0 0 3px rgba(0,140,205,.15); }
button { width: 100%; margin-top: .4rem; padding: .75rem; border: 0; border-radius: 999px; background: #008ccd;
  color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
button:hover { background: #007bb5; }
.hinweis { margin: 1.1rem 0 0; font-size: .8rem; color: #7a8896; }