body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f6f3ea;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#10201a;padding:16px;box-sizing:border-box}
.carte{background:#fff;border-radius:18px;padding:32px 28px;max-width:380px;width:100%;box-shadow:0 10px 40px #0001;border-top:5px solid #1d7a52}
.logo{width:200px;display:block;margin:0 auto 12px}h1{font-size:1.3rem;margin:.2em 0;text-align:center}p{color:#4a5a52;text-align:center;margin:.4em 0 1.2em}
label{font-weight:600;font-size:.9rem}input{width:100%;box-sizing:border-box;font-size:1.1rem;padding:12px;border:1px solid #c9d3cd;border-radius:10px;margin:6px 0 14px}
button{width:100%;background:#1d7a52;color:#fff;border:0;border-radius:10px;padding:13px;font-size:1rem;font-weight:700;cursor:pointer}.erreur{color:#b3261e;font-weight:600}