:root{color-scheme:light;font-family:Arial,sans-serif;color:#242922;background:#f4f2ed}*{box-sizing:border-box}body{margin:0;padding:24px}main{max-width:440px;margin:10vh auto;padding:32px;background:#fff;border:1px solid #d8d9d2}h1{font-size:28px;line-height:1.2;margin:32px 0 24px}.brand{font-weight:800;letter-spacing:1px;text-decoration:none;color:inherit}label{display:block;margin:20px 0 8px;font-size:16px}input{display:block;width:100%;min-height:48px;margin:8px 0 0;padding:12px;border:1px solid #7a8074;border-radius:0;font:inherit}button{cursor:pointer;width:100%;min-height:48px;padding:12px;margin-top:12px;background:#242922;border:0;color:#fff;font:inherit}p{font-size:15px;line-height:1.6;color:#50564c}a{color:inherit}a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid #508541;outline-offset:3px}[role=alert]{color:#9e2525}@media(max-width:480px){body{padding:16px}main{padding:24px;margin:6vh auto}}