/* Selected article card styling */
/*.bg-dark-selected {
  background: linear-gradient(135deg, rgba(20, 20, 20, 0.8) 0%, rgba(60, 60, 60, 0.9) 100%) !important;
  border: 3px solid;
  border-image: linear-gradient(135deg, #28a745, #17a2b8) 1 !important;
  box-shadow: 0 0 20px rgba(40, 167, 69, 0.25) !important;
}

.article-card {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  border: 2px solid transparent;
}

.article-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.article-card.bg-dark-selected:hover {
  box-shadow: 0 4px 20px rgba(40, 167, 69, 0.4) !important;
}*/

.brand-text {
  background: linear-gradient(135deg, #333333 0%, #888888 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.brand-dot {
  color: #0d6efd;
  margin: 0 0.1rem;
  font-weight: 300;
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
}

.input-glow:focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.article-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: none;
  border-radius: 15px;
}
.article-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.pulse-loader {
  animation: pulseLoader 0.9s ease-in-out infinite;
}
@keyframes pulseLoader {
  0% { 
    opacity: 1;
    transform: scale(1);
    filter: brightness(1);
  }
  50% { 
    opacity: 0.4;
    transform: scale(1.15);
    filter: brightness(1.3);
  }
  100% { 
    opacity: 1;
    transform: scale(1);
    filter: brightness(1);
  }
}
.fade-in {
  animation: fadeIn 0.8s ease-in;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}