*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;font-family:Inter,system-ui,sans-serif;color:#e8ecf4;background:radial-gradient(1200px 600px at 20% -10%,#26325f 0,transparent 60%),radial-gradient(900px 500px at 100% 110%,#3a1d5c 0,transparent 55%),#0b0f1c}
.karte{width:min(380px,92vw);padding:40px 32px;border-radius:24px;background:rgba(255,255,255,.06);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.5);text-align:center}
.logo{font-size:44px;background:linear-gradient(135deg,#7aa2ff,#c77dff);-webkit-background-clip:text;color:transparent}h1{margin:.1em 0;letter-spacing:.2em}.sub{margin:0 0 28px;color:#9aa4bd;font-size:14px}
input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.3);color:#fff;font-size:16px;text-align:center;margin-bottom:12px}input:focus{outline:2px solid #7aa2ff}
button{width:100%;padding:14px;border:0;border-radius:12px;font-size:16px;font-weight:600;color:#0b0f1c;background:linear-gradient(135deg,#7aa2ff,#c77dff);cursor:pointer}.hinweis{color:#b8c2dd;font-size:14px}.fehler{color:#ff8d9b;min-height:1.4em;font-size:14px}