/* Page de connexion */
body.login { min-height: 100%; display: grid; place-items: center; background: #16181a radial-gradient(circle at 50% 30%, #2a2c30, #16181a 70%); color: #ece4cf; }
.login-box { width: min(380px, 92vw); background: #f1e9d4; color: #2a2116; border-radius: 12px; padding: 30px 30px 22px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6); }
.login-brand { font: bold 26px/1 Georgia, serif; letter-spacing: 6px; text-align: center; }
.login-sub { text-align: center; font-style: italic; color: #6b5a40; margin: 8px 0 20px; font-size: 14px; }
.login-box label { display: block; margin: 10px 0; font-size: 14px; }
.login-box input { display: block; width: 100%; margin-top: 4px; font: inherit; font-size: 15px; padding: 8px 10px; border: 1px solid #b9a982; border-radius: 6px; background: #fbf6e8; }
.login-box button { width: 100%; margin-top: 14px; padding: 10px; font-size: 16px; border-radius: 22px; background: #c9a13b; border-color: #8a6d22; color: #1a1712; }
.login-error { color: #9b1c1c; font-size: 14px; margin: 10px 0 0; text-align: center; }
.login-note { text-align: center; font-size: 12px; color: #8a7a5a; margin: 18px 0 0; }