.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#e4f6ec,transparent 40%),#f4f7f5}
.login-card{width:min(100%,420px);padding:40px;border:1px solid #dbe7df;border-radius:20px;background:#fff;box-shadow:0 24px 70px #173d2517;display:grid;gap:16px}
.login-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#176b4d;color:#fff;font-size:30px}
.login-card h1{margin:0;color:#173d2b;font-size:30px}
.login-card p{margin:0 0 8px;color:#5c6a61;line-height:1.5}
.login-card label{display:grid;gap:7px;font-weight:600;color:#263d30}
.login-card input{width:100%;padding:12px 14px;border:1px solid #b9cbbf;border-radius:10px;font:inherit}
.login-card input:focus{outline:2px solid #176b4d;outline-offset:1px}
.login-card button{padding:13px;margin-top:4px}
.login-error{color:#a12b25;background:#fff1ef;padding:10px 12px;border-radius:8px}
.account-label{white-space:nowrap;color:#526559;font-size:13px}