@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");

/* Escopado sob main.bg-n-brand/5, exclusivo das telas de autenticacao.
   Paleta extraida de rohanbernartt.com (nao inventada). */

main.bg-n-brand\/5 {
  font-family: "Poppins", "Segoe UI", sans-serif !important;
  background: #070b14 !important;
  background-image: radial-gradient(900px 480px at 50% -10%, #101a30 0%, transparent 65%) !important;
  justify-content: center !important;
}

main.bg-n-brand\/5 section.max-w-5xl img {
  display: none !important;
}

main.bg-n-brand\/5 h2 {
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  font-size: 1.35rem !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

main.bg-n-brand\/5 section.bg-white {
  background: #111a2b !important;
  border: 1px solid rgba(85, 168, 255, 0.25) !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 0 #ffffff0d inset, 0 20px 50px #00000059 !important;
}

main.bg-n-brand\/5 label {
  color: rgba(255, 255, 255, 0.7) !important;
}

main.bg-n-brand\/5 input {
  background: #070b14 !important;
  color: #eef2fa !important;
  outline-color: rgba(85, 168, 255, 0.3) !important;
}
main.bg-n-brand\/5 input:hover {
  outline-color: rgba(85, 168, 255, 0.55) !important;
}
main.bg-n-brand\/5 input:focus {
  outline-color: #55a8ff !important;
  outline-width: 2px !important;
}
main.bg-n-brand\/5 input::placeholder {
  color: #5b6b85 !important;
}

main.bg-n-brand\/5 .text-link {
  color: #55a8ff !important;
}
main.bg-n-brand\/5 .text-link:hover {
  color: #7ebeff !important;
}

main.bg-n-brand\/5 button.bg-woot-500,
main.bg-n-brand\/5 button.bg-n-brand {
  background: #55a8ff !important;
  border: none !important;
  font-weight: 600 !important;
  color: #061020 !important;
  transition: filter 0.15s ease !important;
}
main.bg-n-brand\/5 button.bg-woot-500:hover,
main.bg-n-brand\/5 button.bg-n-brand:hover {
  filter: brightness(1.1) !important;
}

main.bg-n-brand\/5::after {
  content: "desenvolvido por B2SW";
  display: inline-block;
  align-self: center;
  margin-top: 32px;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #5b6b85;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%232cc6da'/%3E%3Cstop offset='1' stop-color='%2338bdf8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M9 5 4 19' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M16 5 11 19' stroke='url(%23g)' stroke-width='2.6' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: left center;
  padding-left: 20px;
}