/* Styles de « security/forgot_password » (extraits, socle commun dans app.css). */

.hero{background:linear-gradient(135deg,#7c3aed,#9333ea 60%,#c026d3);color:#fff;padding:18px;border-radius:0 0 24px 24px}
.hero h1{font-family:'Fredoka',sans-serif;font-weight:600;font-size:20px}
.hero p{font-size:12px;font-weight:700;opacity:.85;margin-top:3px}
.card{background:var(--surface);border-radius:16px;padding:16px 14px;box-shadow:0 2px 8px rgba(42,27,74,.06)}
label{display:block;font-size:10.5px;font-weight:800;color:var(--ink2);margin-bottom:5px;text-transform:uppercase;letter-spacing:.03em}
input{width:100%;border:1.5px solid var(--rule2);border-radius:10px;padding:10px 11px;font-size:14px;font-weight:600;color:var(--ink);background:#fff;margin-bottom:13px}
input:focus{outline:none;border-color:var(--brand)}
.btn{width:100%;background:var(--brand);color:#fff;border:none;border-radius:12px;padding:13px;font-weight:800;font-size:14px;cursor:pointer}

.alt{margin-top:16px;text-align:center;font-size:13px;font-weight:700;color:var(--ink2)}
.alt a{color:var(--brand);font-weight:800;text-decoration:none}

input[type='text'],input[type='email'],input[type='password'],select{width:100%;padding:11px 12px;border:1.5px solid var(--rule2);border-radius:10px;font-size:14px;font-weight:700;color:var(--ink);font-family:'Nunito',sans-serif;background:var(--surface)}
input:focus,select:focus{outline:none;border-color:var(--brand)}