/* Anmeldeseite */
.login-body { display: grid; place-items: center; min-height: 100dvh; padding: 1rem; }
.login-wrap { position: relative; width: min(420px, 100%); padding-bottom: 5rem; }
.login-card { display: flex; flex-direction: column; gap: 0.95rem; padding: 1.8rem 1.7rem; }
.login-brand { margin-bottom: 0.4rem; }
.login-card h1 { font-size: clamp(1.8rem, 6vw, 2.3rem); margin-bottom: 0.3rem; }
.code-in { font-family: var(--mono); font-size: 1.25rem; letter-spacing: 0.3em; text-align: center; }
.login-err { padding: 0.6rem 0.8rem; border-radius: 12px; background: #fff1f3; border: 1px solid #fda4af; color: #9f1239; font-size: 0.88rem; }
.login-card .btn { margin-top: 0.3rem; }
.login-card .hint { text-align: center; }
.login-nico { position: absolute; right: 0.6rem; bottom: 0.2rem; width: 102px; height: 90px; image-rendering: pixelated; }
.login-card.shake { animation: shake 0.4s var(--ease); }
@keyframes shake { 20%, 60% { transform: translateX(-6px); } 40%, 80% { transform: translateX(6px); } }
@media (prefers-reduced-motion: reduce) { .login-card.shake { animation: none; } }