:root{font-family:Arial,sans-serif;color:#172a21;background:#f4f6f4;--green:#147c20;--red:#e30613}*{box-sizing:border-box}body{margin:0;padding:24px 16px}main{max-width:520px;margin:24px auto;background:#fff;border:1px solid #dce4dd;border-radius:8px;overflow:hidden}header{text-align:center}header img{display:block;width:320px;max-width:90%;height:auto;margin:20px auto}h1{font-size:23px;background:var(--green);color:#fff;margin:0;padding:18px;border-bottom:3px solid var(--red)}section{padding:24px}h2{margin:0 0 12px;font-size:21px}p{line-height:1.5}form{display:grid;gap:10px}label{font-weight:600;margin-top:8px}input,button{font:inherit;width:100%;min-height:46px;padding:12px;border-radius:4px}input{border:1px solid #aebfb3}button{background:var(--green);color:#fff;border:0;margin-top:10px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #e7b328;outline-offset:3px}a{color:#12671d}.note{font-size:13px;color:#55665b}#login-status{margin:0;min-height:24px}#login-status.error{color:#a51b24}footer{padding:16px;background:var(--green);border-top:3px solid var(--red);color:white;text-align:center;font-size:13px}footer a{color:white}@media(max-width:480px){body{padding:12px}main{margin:0 auto}section{padding:20px}}
:root .login-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.login-heading h2{margin:0}
.login-heading a{font-size:14px;font-weight:400;text-decoration:none;padding:6px 0}