.login-seite{background:radial-gradient(80% 70% at 50% 35%,#261c4d 0%,#14102b 48%,#0b0a14 100%);flex:1;place-items:center;padding:48px 20px;display:grid;position:relative;overflow:hidden}.login-hintergrund{pointer-events:none;position:absolute;inset:0}.login-sterne{width:100%;height:100%;position:absolute;inset:0}.login-schein{filter:blur(70px);border-radius:50%;position:absolute}.login-schein-a{background:#7f5bb04d;width:46vmax;height:46vmax;top:-16vmax;left:-12vmax}.login-schein-b{background:#e0b97821;width:38vmax;height:38vmax;bottom:-14vmax;right:-10vmax}.login-karte{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(160deg,#281f50c7,#110d24db);border:1px solid #e0b9784d;border-radius:14px;flex-direction:column;gap:16px;width:min(440px,100%);padding:38px 36px 36px;display:flex;position:relative;box-shadow:0 30px 80px #0000008c,inset 0 0 0 1px #b08bdd14}.login-karte:before{content:"";background:linear-gradient(90deg,#0000,#e0b978cc,#0000);border-radius:14px 14px 0 0;height:2px;position:absolute;inset:0 0 auto}.login-wappenlogo{width:54px;height:54px;margin:0 auto 2px}.login-karte .marke{text-align:center}.login-karte h1{text-align:center;margin:0;font-size:clamp(2rem,6vw,2.6rem)}.login-karte .login-text{color:var(--dunst);text-align:center;line-height:1.55}.login-feld{color:var(--dunst);flex-direction:column;gap:6px;font-size:.92rem;display:flex}.login-feld input{font:inherit;color:var(--pergament);border:1px solid var(--z-linie-hell);background:#0b0a1499;border-radius:8px;padding:11px 13px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-feld input:focus{border-color:var(--gold);outline:0;box-shadow:0 0 0 3px #e0b9782e}.login-feld input:-webkit-autofill{-webkit-text-fill-color:var(--pergament);caret-color:var(--pergament);border-color:var(--z-linie-hell);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #17122e}.login-feld input:-webkit-autofill:focus{-webkit-text-fill-color:var(--pergament);caret-color:var(--pergament);border-color:var(--z-linie-hell);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #17122e}.login-knopf{cursor:pointer;font-family:var(--display);letter-spacing:.02em;color:#140f24;background:linear-gradient(135deg,#c3a3e8 0%,#b08bdd 45%,#e0b978 130%);border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding:13px 22px;font-size:1.1rem;font-weight:700;transition:filter .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 22px #b08bdd47}.login-knopf:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 28px #e0b97847}.login-knopf:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.login-knopf:disabled{opacity:.6;cursor:default}.login-fehler{color:#e8826a;font-size:.95rem}.login-karte .marke{font-family:var(--sc);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0;font-size:.8rem;font-weight:700}