:root{color:#162330;background:#eef2f4;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{place-items:center;min-height:100vh;padding:24px;display:grid}form{background:#fff;border:1px solid #cbd5dc;width:min(100%,430px);padding:32px;box-shadow:0 12px 32px #1c33451a}h1{margin:4px 0 24px;font-size:32px}.eyebrow{letter-spacing:.14em;color:#22627b;font-size:12px;font-weight:800}label{gap:7px;margin:16px 0;font-weight:700;display:grid}label span{color:#60707d;font-weight:400}input{min-height:48px;font:inherit;border:1px solid #9eabb5;padding:10px 12px}input:focus{outline-offset:2px;outline:3px solid #d9aa43}button{width:100%;min-height:48px;font:inherit;cursor:pointer;background:#d9aa43;border:1px solid #80601f;font-weight:800}#error{color:#9d2222;min-height:24px}@media (width<=480px){form{padding:24px 20px}}