:root{font-family:Arial,sans-serif;color:#24362e;background:#f2f3ee}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:30px}main{width:100%;max-width:500px;background:#fff;padding:50px;border:1px solid #e0e5dd;border-radius:12px;box-shadow:0 12px 50px #1835200a}.brand{font-size:19px;letter-spacing:5px;font-weight:700;border-bottom:1px solid #e2e8df;padding-bottom:26px}.eyebrow{margin:34px 0 12px;font-size:10px;letter-spacing:2px;color:#6e8075}h1{font-family:Georgia,serif;font-size:38px;line-height:1.1;margin:0 0 25px;font-weight:400}h2{font-size:21px;line-height:1.4;margin:20px 0 12px}p{line-height:1.7;font-size:14px;color:#59675f}label{display:block;font-size:12px;margin:25px 0 8px}input,button{width:100%;padding:14px;border-radius:5px;font-size:15px}input{border:1px solid #b7c3b9;background:#fff}input:focus{outline:2px solid #4c715a;outline-offset:2px}button{border:0;background:#234d37;color:white;margin-top:16px;cursor:pointer}button:disabled{opacity:.5}.secondary{background:#edf1eb;color:#31513d}.status{display:inline-block;background:#eef1e6;color:#61733d;padding:8px 11px;font-size:10px;letter-spacing:1px;border-radius:3px}.muted{color:#7b867e;font-size:12px}#error{color:#a53630}footer{font-size:10px;color:#829087;margin-top:40px;border-top:1px solid #e8ece6;padding-top:20px}@media(max-width:520px){body{padding:15px}main{padding:30px}}