.hero-section, .plugin-header, .search-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 2rem 0;
}

.code-block {
    background: #f8f9fa;
    border-left: 4px solid #206bc4;
    padding: 1rem;
    border-radius: 0.375rem;
    position: relative;
}

.code-block pre {
    margin: 0;
    padding: 1rem;
    border: none;
}

.plugin-card {
    transition: transform 0.2s ease-in-out;
    border: 1px solid #e6e7e9;
}

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

.version-badge {
    font-family: 'Monaco', 'Consolas', monospace;
}

.copy-btn {
    position: absolute;
top: 1.75rem;
  right: 1.75rem;
  z-index: 10;
  color: white;
}

#searchInput{
    color: black;
}