:root{--ink:#0d0d10;--mute:#6a6a76;--ground:#f2f2f5;--paper:#fff;--line:#dcdce3;--pink:#ff77a5;--orange:#ffb24e;}
*{box-sizing:border-box;}
body{margin:0;background:var(--ground);color:var(--ink);font-family:system-ui,-apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;}
.mitte{max-width:400px;margin:0 auto;padding:14vh 20px 60px;}
.karte{background:var(--paper);border:1px solid var(--line);padding:26px;}
h1{font-size:19px;margin:0 0 6px;letter-spacing:-.01em;}
.sub{color:var(--mute);font-size:13px;margin:0 0 22px;}
label{display:block;font-size:11px;font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:0 0 5px;}
input[type=text],input[type=password]{width:100%;font:inherit;padding:10px 12px;border:1px solid var(--line);background:#fff;border-radius:0;}
.feld{margin-bottom:16px;}
button{font:inherit;font-weight:600;background:var(--ink);color:#fff;border:none;padding:11px 20px;cursor:pointer;width:100%;}
button:hover{background:#26262e;}
.melde{padding:11px 13px;margin-bottom:18px;background:#fff;border-left:4px solid var(--orange);font-size:13px;}
.melde.gut{border-left-color:var(--pink);}
.hinweis{font-size:12px;color:var(--mute);margin-top:14px;}
a{color:var(--ink);}
:focus-visible{outline:2px solid var(--pink);outline-offset:2px;}