.authbrand__logoText,
.authbrand__logoAccent {
  font-family: var(--font-display);
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1;
}

.authbrand__logoText {
  color: var(--text-primary);
}

.authbrand__logoAccent {
  color: var(--brand-color);
}

.authbrand__logoSub {
  margin-left: 3px;
  color: var(--text-tertiary);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.authbrand__dot {
  width: 14px;
  height: 14px;
  position: relative;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.85);
  background: var(--brand-color);
  box-shadow:
    0 0 0 6px rgba(var(--accent-rgb), 0.08),
    0 0 24px rgba(var(--accent-rgb), 0.28);
  animation: authbrand__pulseDot 1.8s cubic-bezier(0.16, 1, 0.3, 1) infinite;
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    filter var(--transition-fast);
}

.authbrand__dot::before {
  content: '';
  position: absolute;
  inset: -9px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--primary-rgb), 0.42) 0%, rgba(var(--accent-rgb), 0.2) 38%, transparent 72%);
  opacity: 0.2;
  transform: scale(0.7);
  transition:
    opacity var(--transition-fast),
    transform var(--transition-fast),
    filter var(--transition-fast);
  filter: blur(4px);
  pointer-events: none;
}

.authbrand__dot:hover {
  transform: scale(1.16);
  box-shadow:
    0 0 0 8px rgba(var(--accent-rgb), 0.12),
    0 0 32px rgba(var(--primary-rgb), 0.48),
    0 0 56px rgba(var(--accent-rgb), 0.38);
}

.authbrand__dot:hover::before {
  opacity: 1;
  transform: scale(1.18);
  filter: blur(10px);
}

@keyframes authbrand__pulseDot {
  0%,
  100% {
    transform: scale(1);
    box-shadow:
      0 0 0 6px rgba(var(--accent-rgb), 0.08),
      0 0 24px rgba(var(--accent-rgb), 0.28);
  }

  30% {
    transform: scale(1.1);
    box-shadow:
      0 0 0 8px rgba(var(--accent-rgb), 0.12),
      0 0 32px rgba(var(--primary-rgb), 0.44);
  }

  44% {
    transform: scale(1.12);
  }

  58% {
    transform: scale(0.96);
  }

  72% {
    transform: scale(1.05);
  }
}