*{box-sizing:border-box}body{margin:0;background:#faf8f7;color:#242020;font-family:Arial,sans-serif;min-height:100vh;display:grid;place-items:center;padding:28px}main{max-width:480px;width:100%;padding:42px;background:white;border:1px solid #eee6e3;border-radius:24px;box-shadow:0 20px 70px #39221b08}.brand{font-size:24px;font-weight:750;text-decoration:none;color:inherit}.brand span,h1 span{color:#ee1726}.eyebrow{font-size:10px;letter-spacing:2px;color:#e51625;margin:46px 0 15px}h1{font-size:36px;letter-spacing:-1.5px;line-height:1.1;margin:0 0 18px}p{font-size:14px;line-height:1.7;color:#746966}form{margin-top:28px}label{display:block;font-size:13px;margin:20px 0 9px}input{width:100%;border:1px solid #cfc0bc;border-radius:10px;padding:15px;font-size:17px;color:#242020;background:#fff}input:focus{outline:2px solid #ef172644;outline-offset:2px}button{width:100%;border:0;border-radius:100px;color:#fff;background:#ee1726;font-size:14px;font-weight:700;padding:17px 22px;margin-top:24px;cursor:pointer;display:flex;justify-content:space-between}button:disabled{opacity:.5;cursor:wait}#status{color:#b20d1a;min-height:24px}.note{font-size:12px;border-top:1px solid #eee6e3;padding-top:20px;margin-bottom:0}@media(max-width:500px){main{padding:28px}h1{font-size:32px}}