.login-page{
  min-height: calc(100vh - 220px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px 16px;
}

.login-card {
    width: 431px;
  max-width: 92vw;
  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
}

.login-title{
  margin: 0 0 16px 0;
  font-size: 34px;
  font-weight: 800;
}

.form-group{ margin-bottom: 14px; }

.form-group label{
  display:block;
  font-weight: 600;
  margin-bottom: 6px;
}

.form-control{
  width: 100%;
  height: 44px;
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.20);
  border-radius: 10px;
  outline: none;
  background: #f7fbff;
}

.form-control:focus{
  border-color: rgba(0,60,140,.55);
  box-shadow: 0 0 0 4px rgba(0,60,140,.12);
  background: #fff;
}

.btn{ border:0; border-radius:10px; padding:10px 14px; cursor:pointer; }
.btn-primary{ background:#0b5ed7; color:#fff; }
.btn-block{ width:100%; }
.app-shell{
  min-height: 100vh;
  display:flex;
  flex-direction:column;
}
.app-main{ flex:1; }