:root{--text-2xs:.75rem;--text-xs:.8125rem;--text-sm:.875rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;font-family:Inter,system-ui,sans-serif;color:#193238;background:#d9e9e4}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;display:grid;place-items:center;padding:24px}section{width:min(420px,100%);background:#fff;border:1px solid #cfe1dc;border-radius:18px;padding:34px;box-shadow:0 20px 60px #0f3a3518}.brand{display:flex;align-items:center;gap:10px;margin-bottom:34px}.brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#157e89;color:#fff;font-weight:800}.brand strong{font-size:var(--text-xl)}.brand strong span{color:#157e89}.eyebrow{font-size:var(--text-base);font-weight:800;letter-spacing:.12em;color:#3e6f6a}h1{margin:5px 0 8px;font-size:var(--text-2xl)}section>p:not(.eyebrow){margin:0 0 26px;color:#5b6b6e}form>p:not(#loginMessage){margin:4px 0 18px;color:#5b6b6e;font-size:var(--text-sm)}label{display:grid;gap:7px;margin:17px 0;font-size:var(--text-md);font-weight:700}input{width:100%;padding:13px;border:1px solid #c9dad7;border-radius:9px;font:inherit}input:focus{outline:3px solid #157e8926;border-color:#157e89}button{width:100%;border:0;border-radius:9px;padding:14px;background:#157e89;color:white;font-weight:800;cursor:pointer}button:disabled{opacity:.6}#loginMessage{min-height:20px;color:#b42318;font-size:var(--text-md)}small{display:block;margin-top:18px;text-align:center;color:#627272}