.card.login{
  max-width: 420px;
  margin: 40px auto;
  border: 2px solid #000;
  border-radius: 24px;
  padding: 22px;
  background: #fff;
}

.muted{ color:#666; margin-top:6px; }

.field{ display:block; margin-top:14px; }
.field span{ display:block; font-size:14px; margin-bottom:6px; }

input{
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #000;
  border-radius: 14px;
  outline: none;
}

.pw{ display:flex; gap:10px; align-items:center; }
.pw input{ flex:1; }

.icon{
  border:1px solid #000;
  background:#fff;
  border-radius: 14px;
  padding: 10px 12px;
  cursor:pointer;
}

.btn{
  width:100%;
  margin-top:16px;
  padding: 12px 14px;
  border:1px solid #000;
  border-radius: 999px;
  background:#000;
  color:#fff;
  cursor:pointer;
}

.msg{ margin-top:12px; font-size:14px; }
.msg.ok{ color: #0a7; }
.msg.bad{ color: #b11; }