body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#eef1e8;color:#183c31;font-family:-apple-system,BlinkMacSystemFont,sans-serif}main{background:#fff;padding:40px;border-radius:30px;width:min(330px,calc(100vw - 100px));box-shadow:0 16px 60px #183c3110}main>p{letter-spacing:.2em;font-size:12px;color:#668675}h1{font-size:32px}label{display:block;margin-bottom:10px}input,button{box-sizing:border-box;width:100%;padding:15px;border:1px solid #dce3d8;border-radius:13px;font:inherit}button{margin-top:18px;background:#183c31;color:white;cursor:pointer}input:focus-visible,button:focus-visible{outline:3px solid #e5bc3c;outline-offset:3px}