*{box-sizing:border-box}html,body{height:100%;margin:0}
body{background:radial-gradient(900px 520px at 80% -10%,#ffe9bd 0,transparent 60%),#fbf7f2;color:#2b2017;font:15px/1.5 Inter,system-ui,sans-serif;display:grid;place-items:center;padding:16px}
form{width:100%;max-width:400px;background:#fff;border:1px solid #eadfd2;border-radius:22px;padding:34px 30px;box-shadow:0 30px 80px -30px #72411a55}
img{height:64px;display:block;margin-bottom:22px}
h1{font:600 22px Poppins,sans-serif;color:#72411a;margin:0 0 4px}p{margin:0 0 22px;color:#8a7867;font-size:14px}
input{width:100%;padding:13px 15px;border-radius:12px;border:1px solid #eadfd2;font:inherit;font-size:16px;outline:none}
input:focus{border-color:#b8723a;box-shadow:0 0 0 3px #b8723a26}
button{margin-top:12px;width:100%;padding:13px;border:0;border-radius:14px;background:#b8723a;color:#fff;font:600 15px Inter,sans-serif;cursor:pointer}
button:hover{background:#9b5d2b}.err{color:#c0392b;font-size:13px;margin-top:10px;min-height:18px}