:root{--hintergrund-farbe-1:#060913;--hintergrund-farbe-2:#0f1524;--text-farbe-haupt:#f1f5f9;--text-farbe-sekundaer:#94a3b8;--akzent-blau:#3b82f6;--akzent-blau-hover:#60a5fa;--akzent-blau-schein:rgba(59,130,246,.4);--akzent-rot:#ef4444;--akzent-rot-hintergrund:rgba(239,68,68,.15);--glas-hintergrund:rgba(15,21,36,.75);--glas-rahmen:hsla(0,0%,100%,.12);--glas-schatten:0 16px 40px 0 rgba(0,0,0,.6),inset 0 1px 0 0 hsla(0,0%,100%,.15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at center,var(--hintergrund-farbe-2),var(--hintergrund-farbe-1));color:var(--text-farbe-haupt);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:1.5rem}.anmeldung-karte{background:var(--glas-hintergrund);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glas-rahmen);box-shadow:var(--glas-schatten);border-radius:20px;width:100%;max-width:440px;padding:2.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.anmeldung-karte:hover{transform:translateY(-2px);box-shadow:0 20px 50px 0 rgba(0,0,0,.7),inset 0 1px 0 0 hsla(0,0%,100%,.2)}.anmeldung-titel{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#fba904,#f6e8cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.anmeldung-untertitel{font-size:.95rem;color:var(--text-farbe-sekundaer);margin-bottom:2rem}.fehler-meldung{background:var(--akzent-rot-hintergrund);border:1px solid var(--akzent-rot);color:#fca5a5;padding:.75rem 1rem;border-radius:10px;font-size:.9rem}.eingabe-gruppe,.fehler-meldung{margin-bottom:1.5rem;text-align:left}.eingabe-beschriftung{display:block;font-size:.85rem;font-weight:600;color:var(--text-farbe-sekundaer);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.eingabe-feld{width:100%;padding:.85rem 1.1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15);border-radius:10px;color:var(--text-farbe-haupt);font-size:1rem;font-family:inherit;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.eingabe-feld:focus{background:hsla(0,0%,100%,.08);border-color:var(--akzent-blau);box-shadow:0 0 0 3px var(--akzent-blau-schein)}.passwort-eingabe-behaelter{position:relative;width:100%}.passwort-eingabe-behaelter .eingabe-feld{padding-right:2.8rem}.passwort-umschalten-schaltflaeche{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-farbe-sekundaer);font-size:1.2rem;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s ease,transform .15s ease,background .2s ease;user-select:none}.passwort-umschalten-schaltflaeche:hover{color:var(--text-farbe-haupt);background:hsla(0,0%,100%,.1);transform:translateY(-50%) scale(1.08)}.passwort-umschalten-schaltflaeche:focus{outline:2px solid var(--akzent-blau)}.anmelde-button{width:100%;padding:.9rem 1.5rem;background:linear-gradient(135deg,var(--akzent-blau),#2563eb);color:#fff;font-size:1rem;font-weight:600;font-family:inherit;border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 15px var(--akzent-blau-schein);transition:background .25s ease,transform .15s ease,box-shadow .25s ease}.anmelde-button:hover{background:linear-gradient(135deg,var(--akzent-blau-hover),#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 20px var(--akzent-blau-schein)}.anmelde-button:active{transform:translateY(0)}.zurueck-guso-button{display:block;width:100%;margin-top:.85rem;padding:.85rem 1.5rem;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.15);border-radius:10px;color:var(--text-farbe-haupt);font-size:.95rem;font-weight:600;font-family:inherit;text-decoration:none;text-align:center;box-sizing:border-box;transition:background .25s ease,border-color .25s ease,transform .15s ease,box-shadow .25s ease}.zurueck-guso-button:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.3);color:#fff;transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,0,0,.3)}.zurueck-guso-button:active{transform:translateY(0);background:hsla(0,0%,100%,.08)}.anmeldung-fusszeile{margin-top:2rem;font-size:.8rem;color:var(--text-farbe-sekundaer);border-top:1px solid hsla(0,0%,100%,.08);padding-top:1rem}