/* A quiet mountain-and-sea setting for the password entry page. */
body.login-page {
  min-height:100vh;
  min-height:100svh;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px 24px;
  background:#e7eee3 url("login-landscape-20261025.svg") center / cover no-repeat fixed;
  color:#2c4438;
}
.login-page main {
  box-sizing:border-box;
  width:100%;
  max-width:430px;
  margin:0;
  padding:34px 36px 28px;
  background:rgba(255,253,247,.95);
  border:1px solid rgba(255,255,250,.85);
  border-radius:22px;
  box-shadow:0 18px 70px rgba(45,77,60,.13),0 2px 12px rgba(45,77,60,.035);
}
@supports (backdrop-filter:blur(12px)) {
  .login-page main {background:rgba(255,253,247,.88);backdrop-filter:blur(12px)}
}
.login-page main::before {
  content:"";
  display:block;
  width:34px;
  height:3px;
  margin-bottom:18px;
  background:#90aa91;
  border-radius:3px;
}
.login-page h1 {margin:0 0 10px;font-size:25px;font-weight:600;letter-spacing:3px}
.login-page h2 {margin:0 0 12px;font-size:21px;font-weight:500}
.login-page p {margin:12px 0;color:#6c7c6b;font-size:14px;line-height:1.8}
.login-page label {margin-top:19px;font-size:14px;color:#455c4b}
.login-page input {min-height:48px;margin-top:7px;background:rgba(255,255,251,.8);border-color:#c2cdbd;border-radius:9px}
.login-page input:focus-visible {outline:2px solid #5a8067;outline-offset:3px}
.login-page button {width:100%;min-height:48px;margin-top:26px;background:#42674f;border-radius:9px}
.login-page button:hover {background:#365b43}
.login-page button:focus-visible {outline:2px solid #42674f;outline-offset:4px}
.login-page form+p {margin-top:22px;font-size:12px;line-height:1.8;color:#7a8574}
.login-page p.error {color:#9d342d}
@media (max-width:480px) {
  body.login-page {padding:32px 16px;background-position:62% center}
  .login-page main {padding:28px 26px 24px;border-radius:19px}
  .login-page h1 {font-size:24px}
  .login-page h2 {font-size:20px}
}
@media (max-height:500px) and (min-width:481px) {
  body.login-page {padding:24px}
}