:root{font:17px/1.6 system-ui,sans-serif;color:#203d36;background:#f5f3ed}*{box-sizing:border-box}body{margin:0;padding:7vh 20px}main{max-width:520px;margin:auto;padding:34px;background:#fff;border:1px solid #deded5;border-radius:12px}h1{font:400 2.1rem/1.18 Georgia,serif;margin:20px 0}.brand{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}label{display:block;font-weight:600;margin-bottom:6px}input{width:100%;padding:13px;border:1px solid #8d9d95;border-radius:5px;font:inherit;margin-bottom:16px}button{width:100%;padding:13px;background:#203d36;border:1px solid #203d36;border-radius:5px;color:white;font:inherit;font-weight:600;cursor:pointer}button:hover{background:#31594e}.secondary{background:#fff;color:#203d36}.secondary:hover{background:#ecf2ef}a{color:#203d36;text-underline-offset:3px}.notice{padding:12px;background:#f1ede2;border-left:3px solid #a57c39}.alternative{border-top:1px solid #deded5;margin-top:24px;padding-top:24px}.foot{font-size:.78rem;color:#64766e;margin-top:32px}form+form{margin-top:16px}:focus-visible{outline:3px solid #b88739;outline-offset:3px}@media(max-width:480px){body{padding:24px 14px}main{padding:24px}h1{font-size:1.85rem}}