/* Mot de passe oublié / réinitialisation (forgot_password.php + reset_password.php)
   — les deux pages étaient déjà quasi identiques, réunies ici en une seule feuille */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
    background: #e3e3e3; min-height: 100vh; display: flex; align-items: center; justify-content: center;
    font-family: 'DM Mono', monospace;
}
.card {
    display: flex; justify-content: center; align-items: center; min-height: 320px; width: 320px;
    flex-direction: column; gap: 22px; background: #e3e3e3;
    box-shadow: 16px 16px 32px #c8c8c8, -16px -16px 32px #fefefe; border-radius: 8px; padding: 2rem;
}
.title { color: #000; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; font-size: large; text-align: center; }
.inputBox { position: relative; width: 250px; }
.inputBox input {
    width: 100%; padding: 10px; outline: none; border: none; color: #000; font-size: 1em;
    font-family: 'DM Mono', monospace; background: transparent; border-left: 2px solid #000; border-bottom: 2px solid #000;
    transition: 0.1s; border-bottom-left-radius: 8px;
}
.inputBox span {
    margin-top: 5px; position: absolute; left: 0; transform: translateY(-4px); margin-left: 10px; padding: 10px;
    pointer-events: none; font-size: 12px; color: #000; text-transform: uppercase; transition: 0.5s;
    letter-spacing: 3px; border-radius: 8px; font-family: 'DM Mono', monospace;
}
.inputBox input:valid ~ span, .inputBox input:focus ~ span {
    transform: translateX(60px) translateY(-15px); font-size: 0.8em; padding: 5px 10px; background: #000;
    letter-spacing: 0.2em; color: #fff;
}
.inputBox input:valid, .inputBox input:focus { border: 2px solid #000; border-radius: 8px; }
.enter {
    height: 45px; width: 140px; border-radius: 5px; border: 2px solid #000; cursor: pointer;
    background-color: transparent; transition: 0.5s; text-transform: uppercase; font-size: 10px;
    letter-spacing: 2px; font-family: 'DM Mono', monospace;
}
.enter:hover { background-color: #000; color: #fff; }
.message { font-size: 11px; text-align: center; line-height: 1.6; padding: 0 10px; }
.message.error { color: #b00; }
.message.success { color: #2d8a4e; }
.back-link { font-size: 10px; color: #666; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; }
.back-link:hover { color: #000; }