/* ===== HEADER/TITLE BAR ===== */
.title-bar {
  background: linear-gradient(135deg, #b19cd9 0%, #ff94d6 50%, #a8c0ff 100%);
  border: 3px solid #e0b0ff;
  padding: 1rem;
  margin-bottom: 2rem;
  box-shadow: 0 0 20px rgba(224, 176, 255, 0.5);
  position: relative;
}

.title-bar::before {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  background: linear-gradient(45deg, #ff94d6, #a8c0ff, #b19cd9);
  z-index: -1;
  filter: blur(10px);
  opacity: 0.7;
}

.title-bar h1 {
  font-size: 2.5rem;
  color: #0a0014;
  text-shadow: 2px 2px 0 #ff94d6;
}

.title-bar .subtitle {
  font-size: 1.2rem;
  color: #2a1a4a;
  margin-top: 0.5rem;
}