html,
body {
  height: 100%;
  color: #0D1F3D;
}

.form-signin {
  max-width: 580px;
  padding: 1rem;
}
.form-signin .form-floating {
    position: relative;
    margin: 20px 0;
}
.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #326BF5;
    outline: 0;
    box-shadow: none;
}
.form-signin .form-floating:focus-within {
  z-index: 2;
}

.rpc-login-card{
  border-radius: 16px;
  padding: 50px 60px;
  box-shadow: 0 8px 10px 0 rgba(0,0,0,.102);
  border: 1px solid rgba(0,0,0,.102);
}
.rpc-btn-orange{
  background-color: #FA9F39;
  border: solid 1px #FA9F39;
  color: #fff;
  border-radius: 99px;
  padding: 14px 24px;
  font-weight: 600;
}
@media (min-width:0px) and (max-width:767px) {
.rpc-login-card{
    border-radius: 16px;
    padding: 30px 20px;
  }
}