/* ===== Login- und Passwort-Seite ===== */

body { font-family: 'Segoe UI', sans-serif; background-color: #1e1e2f; color: #fff; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
.login-card { background: #2b2b40; padding: 35px; border-radius: 12px; width: 100%; max-width: 360px; text-align: center; box-shadow: 0 8px 24px rgba(0,0,0,0.3); }
.form-group { margin-bottom: 20px; text-align: left; }
.form-group label { display: block; margin-bottom: 8px; color: #aaa; font-size: 0.9rem; }
input { width: 100%; padding: 12px; border-radius: 6px; border: 1px solid #444; background: #1e1e2f; color: #fff; box-sizing: border-box; font-size: 1rem; }
.btn { width: 100%; padding: 12px; background: #4e9caf; border: none; border-radius: 6px; color: white; font-weight: bold; font-size: 1rem; cursor: pointer; }
.btn:hover { background: #3a7b8c; }
.error { background: #ff4d4d; color: white; padding: 10px; border-radius: 6px; margin-bottom: 20px; font-size: 0.9rem; }

/* Passwort-Seite */
.hinweis { background: #3a3a55; color: #ddd; padding: 10px; border-radius: 6px; margin-bottom: 20px; font-size: 0.9rem; text-align: left; }
.link-zurueck { display: inline-block; margin-top: 18px; color: #4e9caf; text-decoration: none; font-size: 0.9rem; }