/* ============================================================================
   AURORA — Liquid Glass / Liquid Chrome title artwork & typography
   ========================================================================== */

@font-face {
  font-family: 'Azonix';
  src: url('../fonts/Azonix.otf') format('opentype'),
       url('assets/fonts/Azonix.otf') format('opentype'),
       url('/Azonix.otf') format('opentype'),
       url('Azonix.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.login-page .brand-hold,
.brand-hold,
#brandBox {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  transform: none !important;
  perspective: none !important;
  width: 100% !important;
}

.login-page .brand-hold::after,
.brand-hold::after {
  display: none !important; /* remove horizontal floor glow line */
}

.login-page .brand-morph,
.brand-morph,
#brandMorph {
  position: relative;
  height: auto;
  overflow: visible;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  transform: none !important; /* Remove 3D tilt completely */
  transition: transform 0.3s ease;
  width: 100% !important;
}

.aurora-title,
#auroraWord {
  position: relative;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: min(460px, 86vw) !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
  transform: none !important;
}

.aurora-title-img {
  display: block !important;
  width: 100% !important;
  max-width: 460px !important;
  height: auto !important;
  margin: 0 auto !important;
  transform: none !important;
  transform-origin: center center;
  user-select: none;
  -webkit-user-drag: none;
  /* Crisp bright white wordmark glow */
  filter: drop-shadow(0 0 18px rgba(255, 255, 255, 0.9)) drop-shadow(0 4px 12px rgba(0, 0, 0, 0.6)) brightness(1.3) contrast(1.1) !important;
  transition: filter 0.3s ease;
}

/* Remove any duplicate overlay mask pseudo-elements */
.aurora-title::before,
.aurora-title::after {
  display: none !important;
  content: none !important;
}

.brand-subheading {
  font-family: 'Azonix', 'Manrope', system-ui, sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
  text-align: center !important;
  margin: 10px auto 0 auto !important;
  width: 100% !important;
  max-width: 480px !important;
  color: #ffffff !important;
  font-style: normal !important;
  transform: none !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.85), 0 0 10px rgba(255, 255, 255, 0.3) !important;
}

html[data-theme="dark"] .brand-subheading,
body.login-page.dark-theme .brand-subheading {
  color: #cbd5e1 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8) !important;
}

/* Liquid Glow Ambient Aura */
.brand-morph::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 88%;
  height: 80%;
  transform: translate(-50%, -50%);
  background: radial-gradient(50% 50% at 50% 50%,
    rgba(212, 175, 55, 0.22) 0%, rgba(232, 207, 138, 0.10) 45%, rgba(212, 175, 55, 0.04) 70%, transparent 100%);
  filter: blur(14px);
  z-index: -1;
  pointer-events: none;
}