:root{font-family:system-ui,sans-serif;color:#17342d;background:#f0f5f1}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:auto;padding:32px 24px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:64px;color:#60766b}header strong{font-size:32px;letter-spacing:-1px;color:#234d3c}section{background:white;padding:32px;border:1px solid #d9e5dc;border-radius:20px}h1{font-size:30px;letter-spacing:-1px;margin:0 0 16px}p{color:#60766b;line-height:1.6}label{display:block;margin:20px 0}input{display:block;width:100%;border:1px solid #c1d3c7;border-radius:10px;padding:14px;margin-top:8px;font:inherit}button{background:#234d3c;color:white;border:0;border-radius:10px;padding:12px 18px;font:inherit;cursor:pointer}button:disabled{opacity:.5}.row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-top:1px solid #e0e9e3}.row small{display:block;color:#60766b;margin-top:5px}footer{font-size:13px;color:#60766b;margin-top:40px}#status{color:#995430}#login{max-width:480px;margin:auto}@media(max-width:500px){section{padding:20px}.row{align-items:flex-start;flex-direction:column}}
