*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#f4f7f9;color:#172b3a;min-height:100vh;display:grid;place-items:center;padding:24px}.loginCard{width:min(100%,420px);background:#fff;border:1px solid #e0e7eb;border-radius:20px;padding:36px;box-shadow:0 16px 50px #1430470d}.brandMark{width:48px;height:48px;border-radius:14px;background:#087653;color:#fff;display:grid;place-items:center;font-weight:800;font-size:24px}h1{font-size:26px;margin:22px 0 8px}p{color:#627482;line-height:1.6;margin-bottom:28px}form{display:grid;gap:18px}label{display:grid;gap:8px;font-size:14px;font-weight:600}input{width:100%;padding:12px 14px;border:1px solid #cbd6dd;border-radius:10px;font:inherit}input:focus{outline:3px solid #d8efe7;border-color:#087653}.muted{color:#627482;font-size:12px;font-weight:400}button{padding:13px;border:0;background:#087653;color:#fff;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.65;cursor:wait}.errorText{color:#a52337;line-height:1.5;font-size:14px}button:focus-visible{outline:3px solid #8dd2bb;outline-offset:3px}@media(max-width:480px){.loginCard{padding:26px}}