.revista-test-banner {
  background: #222;
  box-sizing: border-box;
  color: #fff;
  font: 600 12px/1.2 Inter, sans-serif;
  letter-spacing: .08em;
  padding: 8px 16px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.revista-test-login {
  align-items: center;
  background: #f4f4f1;
  box-sizing: border-box;
  color: #171717;
  display: flex;
  font-family: Inter, sans-serif;
  justify-content: center;
  min-height: 100vh;
  padding: 24px;
}

.revista-test-login__card {
  background: #fff;
  border: 1px solid #deded8;
  border-radius: 12px;
  box-shadow: 0 18px 55px rgba(0, 0, 0, .08);
  max-width: 450px;
  padding: 36px;
  width: 100%;
}

.revista-test-login__card h1 {
  font-size: 30px;
  margin: 0 0 10px;
}

.revista-test-login__card p {
  color: #5b5b55;
  line-height: 1.55;
}

.revista-test-login__note {
  background: #f0f6ee;
  border-radius: 6px;
  font-size: 14px;
  margin: 20px 0;
  padding: 13px;
}

.revista-test-login__switch {
  background: #eee;
  border-radius: 7px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 20px 0;
  padding: 4px;
}

.revista-test-login__switch button {
  background: transparent;
  border-radius: 5px;
  color: #555;
  font-weight: 700;
  padding: 10px;
}

.revista-test-login__switch button.is-active {
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .12);
  color: #111;
}

.revista-test-login__button {
  background: #111;
  border-radius: 6px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-weight: 700;
  margin-top: 24px;
  padding: 14px 18px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.revista-test-login label {
  display: block;
  font-weight: 700;
  margin: 18px 0 7px;
}

.revista-test-login input {
  border: 1px solid #bdbdb6;
  border-radius: 6px;
  box-sizing: border-box;
  font: inherit;
  padding: 12px;
  width: 100%;
}

.revista-test-login button {
  border: 0;
  cursor: pointer;
  font: inherit;
}

.revista-test-login__error {
  color: #a01b1b !important;
  min-height: 22px;
}

.revista-test-login__error.is-success {
  color: #176b35 !important;
}

.revista-test-login [hidden] {
  display: none;
}

.revista-test-login a { color: #007fa4; }
.revista-test-login__help { font-size: 14px; }
.revista-test-login button:disabled { cursor: wait; opacity: .6; }
.revista-test-login :focus-visible { outline: 3px solid #46b2d0; outline-offset: 3px; }