.login-body{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);flex-direction:column;align-items:center;gap:8px;width:min(400px,100%);padding:44px 40px 40px;display:flex}.login-card .wappen{width:52px;height:52px;animation:wappenIn .6s var(--ease-spring) both}@keyframes wappenIn{0%{opacity:0;transform:scale(.7)}}.login-card .wordmark{margin-top:10px;font-size:26px}.login-form{flex-direction:column;gap:14px;width:100%;margin-top:28px;display:flex}.login-form input{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);min-height:44px;color:var(--ink);width:100%;transition:border-color var(--t-ui) var(--ease-editorial);padding:0 16px}.login-form input:focus-visible{outline:2px solid var(--red);outline-offset:0;border-color:var(--red)}.login-error{color:var(--red);text-align:center;min-height:20px;font-size:13px}.shake{animation:shake .4s var(--ease-editorial)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}