*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#172b28;color:#ecf0e7;font:14px 'Avenir Next',Avenir,'Trebuchet MS',sans-serif;padding:25px}main{width:100%;max-width:410px}.brand{font-size:42px;letter-spacing:-3px}.brand span{color:#d8f09c;font-size:12px;margin-left:7px}.eyebrow{font:10px Menlo,monospace;letter-spacing:2px;color:#9caf9d;margin:17px 0 45px}h1{font:44px/1.08 Georgia,serif;letter-spacing:-1.5px;font-weight:400;margin:0 0 20px}.muted{color:#a7baae;line-height:1.8;margin:0 0 35px}label{display:block;margin-bottom:10px;font-size:12px}input{background:#ffffff09;color:#fff;border:1px solid #6a8475;border-radius:4px;width:100%;font-size:20px;padding:13px 15px;outline-offset:3px}input:focus{outline:2px solid #d8f09c}button{border:0;border-radius:4px;background:#d8f09c;color:#172b28;font:600 14px 'Avenir Next',sans-serif;padding:15px;width:100%;cursor:pointer}.error{color:#f5b592;font-size:12px;min-height:16px;margin:10px 0 16px}footer{font:9px/1.8 Menlo,monospace;color:#8ca18e;letter-spacing:1px;margin-top:45px}