:root{font:17px/1.6 system-ui,sans-serif;color:#302f32;background:#f4f0e9}*{box-sizing:border-box}body{margin:0}main{max-width:510px;margin:7vh auto;padding:24px}.brand{display:block;text-align:center;font-size:25px;text-decoration:none;color:#302f32;font-weight:650;margin-bottom:35px}.brand span{color:#936b55}section{background:#fffdf9;border:1px solid #e4ddd3;border-radius:24px;padding:35px;box-shadow:0 18px 60px #463b3010}h1{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-1px}.eyebrow{font-size:12px;letter-spacing:2px;color:#88634f}p{color:#68605a}label{display:block;margin-top:20px;font-size:14px;font-weight:600}input{width:100%;font:inherit;border:1px solid #c5bdb4;border-radius:9px;padding:12px;background:white;color:#302f32}input:focus{outline:3px solid #dbb99f}button{width:100%;font:inherit;font-weight:600;border:0;border-radius:10px;background:#685344;color:white;padding:13px;margin-top:25px;cursor:pointer}.secondary{background:#eee7de;color:#453b34}.error{color:#a12d34;background:#fff0ef;padding:12px;border-radius:8px}.foot{text-align:center;font-size:13px;color:#82766b}a{color:#705039}@media(max-width:480px){main{margin:2vh auto;padding:16px}section{padding:25px}}