.tech-badge { background: rgba(0,128,128,0.15); border:1px solid rgba(0,128,128,0.4); color:#4ee4e4; }
    .section-gradient { background: linear-gradient(135deg, rgba(0, 87, 128, 0.15) 0%, rgba(0, 128, 128, 0.15) 100%); }
    .skeleton { position:relative; overflow:hidden; background:#0f1f23; }
    .skeleton::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 50%, rgba(255,255,255,0) 100%); animation: shimmer 1.4s infinite; }
    @keyframes shimmer { 0% { transform:translateX(-100%);} 100% { transform:translateX(100%);} }

    /* Enhanced Markdown styling */
    .markdown-content h1 {
      font-size: 2rem;
      font-weight: 700;
      margin-top: 2rem;
      margin-bottom: 1rem;
      color: #4ee4e4;
      font-family: 'Orbitron', sans-serif;
    }
    .markdown-content h2 {
      font-size: 1.5rem;
      font-weight: 600;
      margin-top: 1.5rem;
      margin-bottom: 0.75rem;
      color: #ffffff;
      font-family: 'Orbitron', sans-serif;
    }
    .markdown-content h3 {
      font-size: 1.25rem;
      font-weight: 600;
      margin-top: 1.25rem;
      margin-bottom: 0.5rem;
      color: #d1d5db;
    }
    .markdown-content h4 {
      font-size: 1.125rem;
      font-weight: 500;
      margin-top: 1rem;
      margin-bottom: 0.5rem;
      color: #d1d5db;
    }
    .markdown-content p {
      margin-bottom: 1rem;
      line-height: 1.6;
    }
    .markdown-content ul, .markdown-content ol {
      margin-bottom: 1rem;
      padding-left: 1.5rem;
    }
    .markdown-content li {
      margin-bottom: 0.25rem;
    }
    .markdown-content strong {
      font-weight: 600;
      color: #ffffff;
    }
    .markdown-content em {
      font-style: italic;
      color: #e5e7eb;
    }
    .markdown-content blockquote {
      border-left: 4px solid #4ee4e4;
      padding-left: 1rem;
      margin: 1rem 0;
      font-style: italic;
      color: #d1d5db;
    }
    .markdown-content code {
      background: rgba(0,128,128,0.15);
      padding: 0.125rem 0.25rem;
      border-radius: 0.25rem;
      font-size: 0.875rem;
      color: #4ee4e4;
    }
    .markdown-content pre {
      background: rgba(0,128,128,0.1);
      padding: 1rem;
      border-radius: 0.5rem;
      overflow-x: auto;
      margin: 1rem 0;
    }
    .markdown-content hr {
      border: none;
      height: 1px;
      background: rgba(0,128,128,0.3);
      margin: 2rem 0;
    }
    .markdown-content a {
      color: #4ee4e4;
      text-decoration: underline;
    }
    .markdown-content a:hover {
      color: #6ee8e8;
    }