*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#fffaf0,#e6dcc6);color:#3d5148;font:15px/1.8 'Segoe UI',Arial,sans-serif;padding:24px}main{width:min(100%,490px);padding:40px;background:#fffdf6;border:1px solid #cbb58c;box-shadow:0 15px 60px #4f3a2015;text-align:center}.sceau{color:#9b7a40;font-size:55px;line-height:1}.surtitre{font-size:9px;letter-spacing:3px;color:#9b7a40}h1{font:36px/1.2 Georgia,serif;font-weight:400}p{font-size:13px;color:#717764}form{text-align:left;margin:28px 0}label{font-size:12px;display:block}input{width:100%;padding:13px;border:1px solid #cbb58c;background:#fffaf1;font:inherit;margin:7px 0 16px}button{width:100%;padding:13px;background:#3f5c50;color:#fff9eb;border:0;font:inherit;cursor:pointer}.erreur{color:#8e3d2c}small{font-size:11px;color:#847759}input:focus-visible,button:focus-visible{outline:3px solid #b3935a;outline-offset:3px}@media(max-width:450px){main{padding:28px 22px}h1{font-size:30px}}