*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#eef1e9;color:#2c3c2c;font-family:-apple-system,BlinkMacSystemFont,sans-serif;padding:24px}.login-card{width:min(100%,410px);padding:40px;background:#fbfcf8;border:1px solid #d6ddcf;border-radius:12px;box-shadow:0 15px 60px #2837280a}.eyebrow{letter-spacing:2px;font-size:10px;color:#72826b}h1{font-size:30px;font-weight:500;margin:26px 0 12px}.lead{font-size:14px;color:#76816f;margin-bottom:35px}label{display:block;font-size:12px;margin-bottom:10px}input{width:100%;height:48px;border:1px solid #c8d2bf;border-radius:6px;background:#fff;padding:12px;font-size:17px;outline-offset:3px}input:focus{outline:2px solid #6d8860}button{width:100%;height:48px;border:0;border-radius:6px;background:#365339;color:#fff;font-size:14px;cursor:pointer}button span{float:right;margin-right:8px}.error{color:#99564b;font-size:12px;min-height:20px;line-height:1.6}.note{font-size:11px;color:#88917f;text-align:center;margin:22px 0 0}@media(max-width:450px){.login-card{padding:28px}}