body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:system-ui,sans-serif;background:#f6f4ef;color:#222}main{width:100%;max-width:22rem;padding:2rem 1.5rem}h1{font-size:1.4rem;font-weight:600;margin:0 0 .5rem}p{margin:0 0 1.5rem;color:#555}label{display:block;font-size:.9rem;margin-bottom:.4rem}input{box-sizing:border-box;width:100%;font:inherit;padding:.7rem .8rem;border:1px solid #bbb;border-radius:.5rem;background:#fff;color:inherit}button{margin-top:1rem;width:100%;font:inherit;padding:.7rem;border:0;border-radius:.5rem;background:#2f4f4f;color:#fff;cursor:pointer}.fehler{color:#a40000;margin:.6rem 0 0}@media (prefers-color-scheme:dark){body{background:#1b1b1b;color:#eee}p{color:#aaa}input{background:#2a2a2a;border-color:#555}.fehler{color:#ff8a80}}