body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

.left-panel {
  background-image:
    linear-gradient(135deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)),
    linear-gradient(135deg, #0061ff 0%, #00c0ff 60%, #00e4a8 100%);
  background-blend-mode: multiply;
}


.left-wrapper {
  max-width: 580px;
}

.color-bar {
  width: 80px;
  height: 320px;
  border-radius: 8px;
  background: linear-gradient(180deg, #0096ff 0%, #00e4a8 100%);
}

.login-logo {
  max-width: 110px;
  height: auto;
  display: block;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.40));
}

.titulo-sistema {
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 1.9rem;
  line-height: 1.25;
  color: rgba(255,255,255,0.9);
}

.subtitulo-sistema {
  font-weight: 300;
  color: rgba(255,255,255,0.55);
  margin-top: 0.5rem;
}