/*
  MYLUMIUM — Portal login
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Roboto:wght@300;400;500&display=swap');

.portal-logo {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  text-transform: uppercase;
}

.portal-badge-designer { background-color: #3B82F6; }
.portal-badge-distributor { background-color: #10B981; }
.portal-badge-supplier { background-color: #F59E0B; }

.portal-input-invalid {
  border-color: #ef4444;
  outline-color: #ef4444;
}

.portal-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
}
.portal-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.portal-bg-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
}