/* BridGEO splash - palette allineata a dashboard / catalog (teal) */
:root {
  --bridgeo-teal: #0d9488;
  --bridgeo-teal-2: #14b8a6;
  --bridgeo-teal-dark: #0f766e;
  --bridgeo-navy: #0c4a6e;
  --bridgeo-card: rgba(255, 255, 255, 0.92);
}

[data-bs-theme="dark"] {
  --bridgeo-card: rgba(15, 23, 42, 0.88);
}

.splash-body {
  min-height: 100vh;
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  position: relative;
  overflow-x: hidden;
}

/* Sfondo: immagine sotto + overlay (file in www/assets/media/ — stessi nomi usati da Authentik / copy-branding) */
.splash-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  background-color: #f0fdfa;
  background-image:
    linear-gradient(135deg, rgba(240, 253, 250, 0.88), rgba(224, 242, 254, 0.82)),
    url("/assets/media/BridGEO_background1.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (prefers-color-scheme: dark) {
  .splash-bg {
    background-color: #0f172a;
    background-image:
      linear-gradient(135deg, rgba(15, 23, 42, 0.88), rgba(19, 78, 74, 0.82)),
      url("/assets/media/BridGEO_background1.jpg");
  }
}

.splash-orbs {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}

.orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.22;
}

.orb-a {
  width: min(420px, 60vw);
  height: min(420px, 60vw);
  background: var(--bridgeo-teal);
  top: -8%;
  right: -5%;
}

.orb-b {
  width: min(360px, 50vw);
  height: min(360px, 50vw);
  background: #0891b2;
  bottom: -10%;
  left: -8%;
}

.splash-main {
  position: relative;
  z-index: 2;
  min-height: calc(100vh - 48px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
}

.splash-card {
  max-width: 440px;
  width: 100%;
  background: var(--bridgeo-card) !important;
  backdrop-filter: blur(12px);
  border-radius: 1rem !important;
}

.splash-logo-wrap {
  min-height: 3rem;
}

.splash-logo {
  max-width: min(240px, 80vw);
  height: auto;
  object-fit: contain;
}

.splash-wordmark {
  color: var(--bridgeo-teal-dark);
  letter-spacing: 0.02em;
}

@media (prefers-color-scheme: dark) {
  .splash-wordmark {
    color: #5eead4;
  }
}

.text-bridgeo {
  color: var(--bridgeo-teal-dark) !important;
}

@media (prefers-color-scheme: dark) {
  .text-bridgeo {
    color: #5eead4 !important;
  }
}

.btn-bridgeo {
  --bs-btn-bg: var(--bridgeo-teal);
  --bs-btn-border-color: var(--bridgeo-teal);
  --bs-btn-hover-bg: var(--bridgeo-teal-dark);
  --bs-btn-hover-border-color: var(--bridgeo-teal-dark);
  --bs-btn-active-bg: var(--bridgeo-teal-dark);
  --bs-btn-color: #fff;
  border-radius: 0.65rem;
  font-weight: 600;
}

.btn-bridgeo:hover {
  color: #fff;
}

.splash-tagline {
  font-size: 1.05rem;
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto;
}

.splash-footer {
  position: relative;
  z-index: 2;
}