:root{color-scheme:dark;}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:#0b0f14;color:#e6eef8;height:100vh}

.appShell{min-height:100vh;display:flex;flex-direction:column}
.appMain{flex:1;overflow:auto;padding:26px 16px}
/* scrollbar unsichtbar */
.appMain{scrollbar-width:none;-ms-overflow-style:none}
.appMain::-webkit-scrollbar{display:none}

.wrap{max-width:980px;margin:0 auto}
.hero h1{margin:0 0 8px;font-size:44px;letter-spacing:-.5px}
.hero p{margin:0;color:#9fb2c8}
.card{margin-top:28px;background:#0f1722;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px;box-shadow:0 12px 35px rgba(0,0,0,.35)}
.card h2{margin:0 0 16px;font-size:24px}
label{display:block;margin:14px 0}
label span{display:block;margin-bottom:6px;color:#b8c7db}
input{width:100%;padding:14px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:#0b111a;color:#e6eef8;outline:none}
input:focus{border-color:rgba(80,160,255,.65)}
button{margin-top:10px;width:100%;padding:14px 16px;border:0;border-radius:14px;background:#4aa3ff;color:#03111f;font-weight:700;font-size:16px;cursor:pointer}
button:hover{filter:brightness(1.05)}
.alert{background:rgba(255,80,80,.12);border:1px solid rgba(255,80,80,.35);padding:12px 14px;border-radius:14px;color:#ffd3d3;margin:0 0 14px}
.foot{margin-top:18px}
.muted{color:#9fb2c8;text-decoration:none}
.muted:hover{text-decoration:underline}