*{box-sizing:border-box}
body{margin:0;background:rgb(242 237 228);color:rgb(23 23 23);font:15px/1.5 Inter,system-ui,sans-serif;min-height:100vh}
header{background:rgb(23 23 23);padding:14px 16px;display:flex;justify-content:center}
header img{height:34px;display:block}
main{display:flex;justify-content:center;padding:40px 16px}
.card{background:#fffdf8;border:1px solid rgba(23,23,23,.1);border-radius:14px;padding:28px 22px;width:100%;max-width:380px;display:grid;gap:14px}
h1{font-family:Cinzel,Georgia,serif;font-size:26px;margin:0}
p{margin:0;color:rgba(23,23,23,.65);font-size:14px}
label{display:grid;gap:6px;font-size:13px;font-weight:600}
input{font:inherit;padding:11px 12px;border:1px solid rgba(23,23,23,.18);border-radius:8px;background:#fff}
input:focus{outline:2px solid rgb(201 106 61);outline-offset:1px}
button{font:inherit;font-weight:600;padding:12px;border:0;border-radius:8px;background:rgb(201 106 61);color:#fff;cursor:pointer}
.err{background:rgba(201,106,61,.1);border:1px solid rgba(201,106,61,.4);color:rgb(150 70 35);border-radius:8px;padding:9px 12px;font-size:14px}