.login-page{min-height:100dvh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at top left,#dfece5,transparent 60%),#f3f5f1}.login-card{width:min(100%,460px);padding:42px;border:1px solid #d8e0d9;border-radius:22px;background:#fff;box-shadow:0 16px 60px #193c3110}.login-card .brand{color:#193c31;margin-bottom:48px}.login-card .brand small{color:#61736b}.login-card h1{font-size:34px;line-height:1.3;letter-spacing:-1px}.login-card form{display:grid;gap:10px;margin-top:28px}.login-card form>label{font-size:14px;font-weight:650}.login-card input{width:100%;min-height:48px;border:1px solid #cbd6cd;border-radius:9px;padding:12px;font:inherit}.password-field{display:flex;position:relative}.password-field input{padding-right:62px}.password-field button{position:absolute;right:4px;top:4px;height:40px;border:0;background:none;color:#365f4e;font:inherit;padding:8px}.login-card .error:empty{display:none}.login-card #loginSubmit{width:100%;min-height:48px;margin:10px 0}.login-note{font-size:12px;color:#637569;margin-top:32px;border-top:1px solid #edf0eb;padding-top:18px}@media(max-width:500px){.login-page{padding:18px}.login-card{padding:26px}.login-card .brand{margin-bottom:32px}}
