*{box-sizing:border-box}body{margin:0;background:#f5f4ef;color:#243b31;font:16px/1.5 system-ui,sans-serif}header{background:#163e30;color:#fff;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;gap:15px}header a{color:inherit;text-decoration:none;font:bold 26px Georgia,serif}header span{font-size:13px}main{max-width:520px;margin:45px auto;padding:30px;background:white;border:1px solid #d5ddd3;border-radius:10px}h1{font:34px Georgia,serif;margin:0 0 20px}label{display:block;font-weight:600;margin:18px 0}input{display:block;width:100%;padding:12px;border:1px solid #9aaa9e;border-radius:5px;font:inherit;margin-top:6px}button{background:#276344;color:white;border:0;border-radius:5px;padding:12px 22px;font:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:#245e3f}#codeHint{font-size:14px}#loginStatus{background:#eaf0e5;padding:12px;overflow-wrap:anywhere}#loginStatus.error{background:#fff0df;color:#702b16}:focus-visible{outline:3px solid #ad7c20;outline-offset:3px}@media(max-width:560px){main{margin:24px 12px;padding:22px}header{padding:16px}header span{max-width:90px}}