.hover-scale {
  transition: transform 0.3s ease-in-out;
}
.hover-scale:hover {
  transform: scale(1.05);
}
.gradient-text {
  background: linear-gradient(to right, #ff61a6, #ff3d8e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
} 


/* Enhanced Markdown Content Styles */
.markdown-content {
  line-height: 1.7;
}

.markdown-content h1,
.markdown-content h2,
.markdown-content h3,
.markdown-content h4,
.markdown-content h5,
.markdown-content h6 {
  margin-top: 1.5em;
  margin-bottom: 0.75em;
  font-weight: 600;
  color: #f3f4f6;
}

.markdown-content h1 {
  font-size: 1.25em;
  border-bottom: 2px solid #374151;
  padding-bottom: 0.5em;
}

.markdown-content h2 {
  font-size: 1.125em;
  border-bottom: 1px solid #374151;
  padding-bottom: 0.3em;
}

.markdown-content h3 {
  font-size: 1.1em;
}

.markdown-content h4,
.markdown-content h5,
.markdown-content h6 {
  font-size: 1em;
}

.markdown-content p {
  margin-bottom: 1em;
  margin-top: 0;
}

.markdown-content ul,
.markdown-content ol {
  margin-bottom: 1em;
  margin-top: 0;
  padding-left: 1.5em;
}

.markdown-content ul {
  list-style-type: disc;
}

.markdown-content ol {
  list-style-type: decimal;
}

.markdown-content li {
  margin-bottom: 0.5em;
  margin-top: 0.25em;
}

.markdown-content li > p {
  margin-bottom: 0.5em;
}

.markdown-content blockquote {
  border-left: 4px solid #6b7280;
  padding-left: 1em;
  margin: 1em 0;
  font-style: italic;
  color: #d1d5db;
}

.markdown-content code {
  background-color: #374151;
  color: #f9fafb;
  padding: 0.2em 0.4em;
  border-radius: 0.25em;
  font-size: 0.875em;
  font-family: 'Menlo', 'Monaco', 'Courier New', monospace;
}

.markdown-content pre {
  background-color: #1f2937;
  color: #f9fafb;
  padding: 1em;
  border-radius: 0.5em;
  overflow-x: auto;
  margin: 1em 0;
}

.markdown-content pre code {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}

.markdown-content strong {
  font-weight: 600;
  color: #f9fafb;
}

.markdown-content em {
  font-style: italic;
}

.markdown-content a {
  color: #60a5fa;
  text-decoration: underline;
}

.markdown-content a:hover {
  color: #93c5fd;
}

.markdown-content hr {
  border: none;
  border-top: 1px solid #374151;
  margin: 1.5em 0;
}

.markdown-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
}

.markdown-content th,
.markdown-content td {
  border: 1px solid #374151;
  padding: 0.5em;
  text-align: left;
}

.markdown-content th {
  background-color: #374151;
  font-weight: 600;
  color: #f9fafb;
}

/* Improve spacing for first and last elements */
.markdown-content > *:first-child {
  margin-top: 0;
}

.markdown-content > *:last-child {
  margin-bottom: 0;
}

 /* Remove .light-ray and .light-ray-soft styles */
    .glow-field {
      position: absolute;
      border-radius: 50%;
      filter: blur(40px);
      opacity: 0;
      animation: glowAppear 20s ease-in-out infinite;
      pointer-events: none;
    }
    @keyframes glowAppear {
      0% { 
        opacity: 0; 
        transform: scale(0.95) translate(0, 0);
      }
      10% { 
        opacity: 0.4; 
        transform: scale(1.02) translate(calc(var(--move-x, 20px) * 0.1), calc(var(--move-y, -10px) * 0.1));
      }
      25% { 
        opacity: 0.6; 
        transform: scale(1.08) translate(calc(var(--move-x, 20px) * 0.25), calc(var(--move-y, -10px) * 0.25));
      }
      40% { 
        opacity: 0.7; 
        transform: scale(1.12) translate(calc(var(--move-x, 20px) * 0.4), calc(var(--move-y, -10px) * 0.4));
      }
      60% { 
        opacity: 0.8; 
        transform: scale(1.15) translate(calc(var(--move-x, 20px) * 0.6), calc(var(--move-y, -10px) * 0.6));
      }
      75% { 
        opacity: 0.7; 
        transform: scale(1.1) translate(calc(var(--move-x, 20px) * 0.75), calc(var(--move-y, -10px) * 0.75));
      }
      85% { 
        opacity: 0.5; 
        transform: scale(1.05) translate(calc(var(--move-x, 20px) * 0.85), calc(var(--move-y, -10px) * 0.85));
      }
      95% { 
        opacity: 0.3; 
        transform: scale(1.02) translate(calc(var(--move-x, 20px) * 0.95), calc(var(--move-y, -10px) * 0.95));
      }
      100% { 
        opacity: 0; 
        transform: scale(0.98) translate(calc(var(--move-x, 20px) * 1), calc(var(--move-y, -10px) * 1));
      }
    }
    .central-glow {
      position: absolute;
      top: -100px;
      left: 50%;
      transform: translateX(-50%);
      width: 300px;
      height: 300px;
      background: radial-gradient(circle, rgba(255,255,255,0.4) 0%, rgba(255,255,200,0.3) 20%, rgba(255,200,150,0.2) 40%, rgba(255,180,120,0.1) 60%, transparent 100%);
      filter: blur(30px);
      animation: centralPulse 12s ease-in-out infinite;
    }
    @keyframes centralPulse {
      0%, 100% { 
        opacity: 0.6; 
        transform: translateX(-50%) scale(1); 
        filter: blur(30px);
      }
      20% { 
        opacity: 0.8; 
        transform: translateX(-50%) scale(1.15); 
        filter: blur(28px);
      }
      40% { 
        opacity: 1; 
        transform: translateX(-50%) scale(1.25); 
        filter: blur(25px);
      }
      60% { 
        opacity: 0.9; 
        transform: translateX(-50%) scale(1.2); 
        filter: blur(27px);
      }
      80% { 
        opacity: 0.7; 
        transform: translateX(-50%) scale(1.1); 
        filter: blur(32px);
      }
    }
    .atmospheric-glow {
      position: absolute;
      border-radius: 50%;
      filter: blur(40px);
      animation: atmosphericFloat 25s ease-in-out infinite;
    }
    @keyframes atmosphericFloat {
      0%, 100% {
        opacity: 0.2;
        transform: translateY(0px) translateX(0px) scale(1);
      }
      25% {
        opacity: 0.4;
        transform: translateY(-15px) translateX(10px) scale(1.1);
      }
      50% {
        opacity: 0.6;
        transform: translateY(-25px) translateX(-5px) scale(1.15);
      }
      75% {
        opacity: 0.4;
        transform: translateY(-20px) translateX(15px) scale(1.08);
      }
    }