* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100dvh; display: grid; place-items: center;
  background: #f1f3f8; color: #15212f; padding: 20px;
  font-family: "Hiragino Maru Gothic ProN", "Hiragino Sans", -apple-system, sans-serif;
}
.login-card {
  width: 100%; max-width: 360px; background: #fff; border-radius: 18px;
  box-shadow: 0 6px 18px rgba(15,31,64,.08); padding: 28px 22px; text-align: center;
}
.login-ball { font-size: 40px; }
.login-card h1 { font-size: 20px; margin: 8px 0 4px; color: #0d2545; }
.login-note { font-size: 13px; color: #6b7280; margin: 0 0 18px; }
#loginForm { display: grid; gap: 12px; }
#password {
  width: 100%; min-height: 48px; padding: 10px 12px; font-size: 16px;
  border: 1px solid #e3e6ee; border-radius: 10px; -webkit-appearance: none;
}
#password:focus { outline: none; border-color: #ffd400; box-shadow: 0 0 0 3px #fff2a8; }
#loginForm button {
  min-height: 48px; font-size: 16px; font-weight: 800; color: #fff;
  background: #0d2545; border: 0; border-radius: 10px; cursor: pointer;
}
.login-error { color: #c0392b; font-size: 13px; min-height: 18px; margin: 0; }