Update index-BACKUP5.html

index-BACKUP5.html

@@ -5,12 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>HumanGen.AI - AI Creative Playground</title>
     <meta name="description" content="HumanGen.AI - Your Ultimate AI Creative Playground. Generate images, videos, audio and more with cutting-edge AI models.">
-    
     <!-- 파비콘 설정 -->
     <link rel="icon" type="image/png" href="https://huggingface.co/spaces/Heartsync/humangen/resolve/main/logo.png">
     <link rel="apple-touch-icon" href="https://huggingface.co/spaces/Heartsync/humangen/resolve/main/logo.png">
     <link rel="shortcut icon" href="https://huggingface.co/spaces/Heartsync/humangen/resolve/main/logo.png">
-    
     <!-- Open Graph (Facebook, Discord, Slack 등) -->
     <meta property="og:title" content="HumanGen.AI - AI Creative Playground">
     <meta property="og:description" content="Generate stunning images, videos, audio and more with state-of-the-art AI models. No coding required!">
@@ -18,25 +16,21 @@
     <meta property="og:url" content="https://humangen.ai">
     <meta property="og:type" content="website">
     <meta property="og:site_name" content="HumanGen.AI">
-    
     <!-- Twitter Card -->
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:title" content="HumanGen.AI - AI Creative Playground">
     <meta name="twitter:description" content="Generate stunning images, videos, audio with cutting-edge AI. No coding required!">
     <meta name="twitter:image" content="https://huggingface.co/spaces/Heartsync/humangen/resolve/main/logo.png">
     <meta name="twitter:site" content="@humangen_ai">
-    
     <!-- 추가 SEO 메타태그 -->
     <meta name="keywords" content="AI, image generation, video generation, audio generation, creative tools, humangen, artificial intelligence">
     <meta name="author" content="HumanGen.AI">
     <meta name="robots" content="index, follow">
     <link rel="canonical" href="https://humangen.ai">
-    
     <!-- Google Fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Bangers&family=Comic+Neue:wght@400;700&display=swap" rel="stylesheet">
-    
     <style>
         /* ===== CSS Variables - Comic Classic Theme ===== */
         :root {
@@ -51,21 +45,18 @@
             --pink: #EC4899;
             --cyan: #06B6D4;
             --orange: #F97316;
-            
             --shadow: 6px 6px 0px var(--dark);
             --shadow-sm: 4px 4px 0px var(--dark);
             --shadow-lg: 8px 8px 0px var(--dark);
             --border: 3px solid var(--dark);
             --radius: 12px;
         }
-
         /* ===== Reset & Base ===== */
         * {
             margin: 0;
             padding: 0;
             box-sizing: border-box;
         }
-
         body {
             font-family: 'Comic Neue', cursive, sans-serif;
             background-color: var(--background);
@@ -75,14 +66,12 @@
             color: var(--dark);
             overflow-x: hidden;
         }
-
         /* ===== Header ===== */
         .header {
             text-align: center;
             padding: 3rem 1rem 2rem;
             position: relative;
         }
-
         .logo {
             font-family: 'Bangers', cursive;
             font-size: 4rem;
@@ -95,19 +84,16 @@
             margin-bottom: 1.5rem;
             animation: bounce 2s ease-in-out infinite;
         }
-
         @keyframes bounce {
             0%, 100% { transform: translateY(0); }
             50% { transform: translateY(-10px); }
         }
-
         /* ===== Banner Image ===== */
         .banner-container {
             max-width: 1200px;
             margin: 0 auto;
             padding: 0 1rem;
         }
-
         .banner-image {
             width: 100%;
             max-width: 1200px;
@@ -117,7 +103,6 @@
             box-shadow: var(--shadow);
             display: block;
         }
-
         /* ===== Enterprise Banner ===== */
         .enterprise-banner {
             max-width: 1200px;
@@ -134,7 +119,6 @@
             gap: 0.75rem;
             flex-wrap: wrap;
         }
-
         .enterprise-banner-text {
             font-family: 'Bangers', cursive;
             font-size: 1.4rem;
@@ -142,7 +126,6 @@
             letter-spacing: 1px;
             text-shadow: 2px 2px 0px var(--dark);
         }
-
         .enterprise-banner-link {
             font-family: 'Bangers', cursive;
             font-size: 1.5rem;
@@ -155,20 +138,17 @@
             transition: all 0.2s ease;
             text-shadow: none;
         }
-
         .enterprise-banner-link:hover {
             background: var(--accent);
             color: var(--dark);
             transform: scale(1.05);
         }
-
         .tagline {
             font-size: 1.4rem;
             font-weight: 700;
             color: var(--dark);
             margin-bottom: 1rem;
         }
-
         .subtitle {
             font-size: 1.1rem;
             color: #6B7280;
@@ -176,7 +156,6 @@
             margin: 0 auto;
             line-height: 1.6;
         }
-
         /* ===== Notice Box ===== */
         .notice-box {
             max-width: 700px;
@@ -187,18 +166,15 @@
             border-radius: var(--radius);
             box-shadow: var(--shadow-sm);
         }
-
         .notice-item {
             font-size: 0.95rem;
             color: var(--dark);
             margin-bottom: 0.5rem;
             line-height: 1.5;
         }
-
         .notice-item:last-child {
             margin-bottom: 0;
         }
-
         .notice-link {
             color: var(--primary);
             font-weight: 700;
@@ -206,12 +182,10 @@
             border-bottom: 2px solid var(--primary);
             transition: all 0.2s ease;
         }
-
         .notice-link:hover {
             color: var(--secondary);
             border-bottom-color: var(--secondary);
         }
-
         /* ===== Stats Bar ===== */
         .stats-bar {
             display: flex;
@@ -226,24 +200,20 @@
             box-shadow: var(--shadow);
             flex-wrap: wrap;
         }
-
         .stat-item {
             text-align: center;
         }
-
         .stat-number {
             font-family: 'Bangers', cursive;
             font-size: 2rem;
             color: var(--primary);
             letter-spacing: 1px;
         }
-
         .stat-label {
             font-size: 0.9rem;
             font-weight: 700;
             color: var(--dark);
         }
-
         /* ===== Navigation Tabs ===== */
         .nav-tabs {
             display: flex;
@@ -254,7 +224,6 @@
             max-width: 1200px;
             margin: 0 auto;
         }
-
         .nav-tab {
             font-family: 'Comic Neue', cursive;
             font-weight: 700;
@@ -268,50 +237,41 @@
             box-shadow: var(--shadow-sm);
             transition: all 0.15s ease;
         }
-
         .nav-tab:hover {
             transform: translate(-2px, -2px);
             box-shadow: 6px 6px 0px var(--dark);
         }
-
         .nav-tab.active {
             background: var(--primary);
             color: var(--white);
         }
-
         .nav-tab:active {
             transform: translate(2px, 2px);
             box-shadow: 2px 2px 0px var(--dark);
         }
-
         /* ===== BEST Tab Special Style ===== */
         .nav-tab.best-tab {
             background: linear-gradient(135deg, #F59E0B 0%, #EF4444 50%, #EC4899 100%);
             color: var(--white);
             animation: best-pulse 2s infinite;
         }
-
         .nav-tab.best-tab.active {
             background: linear-gradient(135deg, #D97706 0%, #DC2626 50%, #DB2777 100%);
         }
-
         @keyframes best-pulse {
             0%, 100% { box-shadow: 4px 4px 0px var(--dark), 0 0 10px #F59E0B; }
             50% { box-shadow: 4px 4px 0px var(--dark), 0 0 20px #F59E0B, 0 0 30px #EF4444; }
         }
-
         /* ===== Main Container ===== */
         .container {
             max-width: 1400px;
             margin: 0 auto;
             padding: 2rem 1rem;
         }
-
         /* ===== Category Section ===== */
         .category-section {
             margin-bottom: 3rem;
         }
-
         .category-header {
             display: flex;
             align-items: center;
@@ -320,18 +280,15 @@
             padding-bottom: 0.5rem;
             border-bottom: 3px dashed var(--dark);
         }
-
         .category-icon {
             font-size: 2rem;
         }
-
         .category-title {
             font-family: 'Bangers', cursive;
             font-size: 2rem;
             letter-spacing: 2px;
             color: var(--dark);
         }
-
         .category-count {
             font-family: 'Comic Neue', cursive;
             font-weight: 700;
@@ -341,7 +298,6 @@
             border: 2px solid var(--dark);
             border-radius: 20px;
         }
-
         /* ===== BEST Category Special Header ===== */
         .category-header.best-header {
             background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%);
@@ -350,14 +306,12 @@
             border: 3px solid var(--dark);
             box-shadow: var(--shadow-sm);
         }
-
         .category-header.best-header .category-title {
             background: linear-gradient(135deg, #F59E0B 0%, #EF4444 50%, #EC4899 100%);
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
             background-clip: text;
         }
-
         .best-badge {
             background: linear-gradient(135deg, #F59E0B 0%, #EF4444 100%);
             color: var(--white);
@@ -368,14 +322,12 @@
             border-radius: 20px;
             animation: best-pulse 2s infinite;
         }
-
         /* ===== Card Grid ===== */
         .card-grid {
             display: grid;
             grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
             gap: 1.5rem;
         }
-
         /* ===== Card Styles ===== */
         .card {
             background: var(--white);
@@ -389,37 +341,30 @@
             color: inherit;
             display: block;
         }
-
         .card:hover {
             transform: translate(-4px, -4px);
             box-shadow: 10px 10px 0px var(--dark);
         }
-
         .card:active {
             transform: translate(2px, 2px);
             box-shadow: 4px 4px 0px var(--dark);
         }
-
         /* ===== BEST Card Special Style ===== */
         .card.best-card {
             border: 4px solid #F59E0B;
             box-shadow: 6px 6px 0px var(--dark), 0 0 15px rgba(245, 158, 11, 0.3);
         }
-
         .card.best-card:hover {
             box-shadow: 10px 10px 0px var(--dark), 0 0 25px rgba(245, 158, 11, 0.5);
         }
-
         /* ===== Help Desk Card Special Style ===== */
         .card.helpdesk-card {
             border: 4px solid #10B981;
             box-shadow: 6px 6px 0px var(--dark), 0 0 15px rgba(16, 185, 129, 0.3);
         }
-
         .card.helpdesk-card:hover {
             box-shadow: 10px 10px 0px var(--dark), 0 0 25px rgba(16, 185, 129, 0.5);
         }
-
         .card-preview {
             height: 180px;
             display: flex;
@@ -429,7 +374,6 @@
             position: relative;
             overflow: hidden;
         }
-
         .card-preview.gradient-1 {
             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
         }
@@ -520,7 +464,6 @@
         .card-preview.gradient-helpdesk {
             background: linear-gradient(135deg, #10B981 0%, #059669 30%, #047857 70%, #065F46 100%);
         }
-
         .card-badge {
             position: absolute;
             top: 12px;
@@ -532,113 +475,91 @@
             border-radius: 6px;
             box-shadow: 2px 2px 0px var(--dark);
         }
-
         .badge-new {
             background: var(--secondary);
             color: var(--white);
         }
-
         .badge-hot {
             background: var(--orange);
             color: var(--white);
         }
-
         .badge-beta {
             background: var(--purple);
             color: var(--white);
         }
-
         .badge-free {
             background: var(--success);
             color: var(--white);
         }
-
         .badge-qwen {
             background: #6366F1;
             color: var(--white);
         }
-
         .badge-korea {
             background: #0047A0;
             color: var(--white);
         }
-
         .badge-fortune {
             background: #8B5CF6;
             color: var(--white);
         }
-
         .badge-nsfw {
             background: #DC2626;
             color: var(--white);
         }
-
         .badge-novel {
             background: linear-gradient(135deg, #7C3AED 0%, #EC4899 100%);
             color: var(--white);
         }
-
         .badge-exam {
             background: linear-gradient(135deg, #0284C7 0%, #06B6D4 100%);
             color: var(--white);
         }
-
         .badge-best {
             background: linear-gradient(135deg, #F59E0B 0%, #EF4444 100%);
             color: var(--white);
             animation: best-pulse 2s infinite;
         }
-
         .badge-youtube {
             background: linear-gradient(135deg, #FF0000 0%, #CC0000 100%);
             color: var(--white);
         }
-
         .badge-llm {
             background: linear-gradient(135deg, #1E40AF 0%, #7C3AED 100%);
             color: var(--white);
         }
-
         .badge-minimax {
             background: linear-gradient(135deg, #1E3A8A 0%, #3B82F6 100%);
             color: var(--white);
         }
-
         .badge-kimi {
             background: linear-gradient(135deg, #7C3AED 0%, #A855F7 100%);
             color: var(--white);
         }
-
         .badge-deepseek {
             background: linear-gradient(135deg, #059669 0%, #10B981 100%);
             color: var(--white);
         }
-
         .badge-glm {
             background: linear-gradient(135deg, #DC2626 0%, #F97316 100%);
             color: var(--white);
         }
-
         .badge-motion {
             background: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);
             color: var(--white);
         }
-
         .badge-helpdesk {
             background: linear-gradient(135deg, #10B981 0%, #059669 100%);
             color: var(--white);
             animation: helpdesk-pulse 2s infinite;
         }
-
         @keyframes helpdesk-pulse {
             0%, 100% { box-shadow: 2px 2px 0px var(--dark), 0 0 8px #10B981; }
             50% { box-shadow: 2px 2px 0px var(--dark), 0 0 15px #10B981, 0 0 20px #059669; }
         }
-
         .card-content {
             padding: 1.25rem;
         }
-
         .card-title {
             font-family: 'Bangers', cursive;
             font-size: 1.4rem;
@@ -646,14 +567,12 @@
             margin-bottom: 0.5rem;
             color: var(--dark);
         }
-
         .card-description {
             font-size: 0.95rem;
             color: #6B7280;
             line-height: 1.5;
             margin-bottom: 1rem;
         }
-
         .card-highlight {
             background: var(--accent);
             color: var(--dark);
@@ -661,7 +580,6 @@
             padding: 2px 6px;
             border-radius: 4px;
         }
-
         .card-highlight-qwen {
             background: #6366F1;
             color: var(--white);
@@ -669,7 +587,6 @@
             padding: 2px 6px;
             border-radius: 4px;
         }
-
         .card-highlight-korea {
             background: #0047A0;
             color: var(--white);
@@ -677,7 +594,6 @@
             padding: 2px 6px;
             border-radius: 4px;
         }
-
         .card-highlight-fortune {
             background: #8B5CF6;
             color: var(--white);
@@ -685,7 +601,6 @@
             padding: 2px 6px;
             border-radius: 4px;
         }
-
         .card-highlight-nsfw {
             background: #DC2626;
             color: var(--white);
@@ -693,7 +608,6 @@
             padding: 2px 6px;
             border-radius: 4px;
         }
-
         .card-highlight-novel {
             background: linear-gradient(135deg, #7C3AED 0%, #EC4899 100%);
             color: var(--white);
@@ -701,7 +615,6 @@
             padding: 2px 6px;
             border-radius: 4px;
         }
-
         .card-highlight-exam {
             background: linear-gradient(135deg, #0284C7 0%, #06B6D4 100%);
             color: var(--white);
@@ -709,7 +622,6 @@
             padding: 2px 6px;
             border-radius: 4px;
         }
-
         .card-highlight-best {
             background: linear-gradient(135deg, #F59E0B 0%, #EF4444 100%);
             color: var(--white);
@@ -717,7 +629,6 @@
             padding: 2px 6px;
             border-radius: 4px;
         }
-
         .card-highlight-youtube {
             background: linear-gradient(135deg, #FF0000 0%, #CC0000 100%);
             color: var(--white);
@@ -725,7 +636,6 @@
             padding: 2px 6px;
             border-radius: 4px;
         }
-
         .card-highlight-llm {
             background: linear-gradient(135deg, #1E40AF 0%, #7C3AED 100%);
             color: var(--white);
@@ -733,7 +643,6 @@
             padding: 2px 6px;
             border-radius: 4px;
         }
-
         .card-highlight-minimax {
             background: linear-gradient(135deg, #1E3A8A 0%, #3B82F6 100%);
             color: var(--white);
@@ -741,7 +650,6 @@
             padding: 2px 6px;
             border-radius: 4px;
         }
-
         .card-highlight-kimi {
             background: linear-gradient(135deg, #7C3AED 0%, #A855F7 100%);
             color: var(--white);
@@ -749,7 +657,6 @@
             padding: 2px 6px;
             border-radius: 4px;
         }
-
         .card-highlight-deepseek {
             background: linear-gradient(135deg, #059669 0%, #10B981 100%);
             color: var(--white);
@@ -757,7 +664,6 @@
             padding: 2px 6px;
             border-radius: 4px;
         }
-
         .card-highlight-glm {
             background: linear-gradient(135deg, #DC2626 0%, #F97316 100%);
             color: var(--white);
@@ -765,7 +671,6 @@
             padding: 2px 6px;
             border-radius: 4px;
         }
-
         .card-highlight-motion {
             background: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);
             color: var(--white);
@@ -773,7 +678,6 @@
             padding: 2px 6px;
             border-radius: 4px;
         }
-
         .card-highlight-helpdesk {
             background: linear-gradient(135deg, #10B981 0%, #059669 100%);
             color: var(--white);
@@ -781,7 +685,6 @@
             padding: 2px 6px;
             border-radius: 4px;
         }
-
         .card-meta {
             display: flex;
             justify-content: space-between;
@@ -789,13 +692,11 @@
             padding-top: 0.75rem;
             border-top: 2px dashed #E5E7EB;
         }
-
         .card-tags {
             display: flex;
             gap: 0.5rem;
             flex-wrap: wrap;
         }
-
         .tag {
             font-size: 0.75rem;
             font-weight: 700;
@@ -804,7 +705,6 @@
             border: 2px solid var(--dark);
             border-radius: 4px;
         }
-
         .tag-qwen {
             font-size: 0.75rem;
             font-weight: 700;
@@ -814,7 +714,6 @@
             border-radius: 4px;
             color: #6366F1;
         }
-
         .tag-korea {
             font-size: 0.75rem;
             font-weight: 700;
@@ -824,7 +723,6 @@
             border-radius: 4px;
             color: #0047A0;
         }
-
         .tag-fortune {
             font-size: 0.75rem;
             font-weight: 700;
@@ -834,7 +732,6 @@
             border-radius: 4px;
             color: #8B5CF6;
         }
-
         .tag-nsfw {
             font-size: 0.75rem;
             font-weight: 700;
@@ -844,7 +741,6 @@
             border-radius: 4px;
             color: #DC2626;
         }
-
         .tag-novel {
             font-size: 0.75rem;
             font-weight: 700;
@@ -854,7 +750,6 @@
             border-radius: 4px;
             color: #7C3AED;
         }
-
         .tag-exam {
             font-size: 0.75rem;
             font-weight: 700;
@@ -864,7 +759,6 @@
             border-radius: 4px;
             color: #0284C7;
         }
-
         .tag-best {
             font-size: 0.75rem;
             font-weight: 700;
@@ -874,7 +768,6 @@
             border-radius: 4px;
             color: #D97706;
         }
-
         .tag-youtube {
             font-size: 0.75rem;
             font-weight: 700;
@@ -884,7 +777,6 @@
             border-radius: 4px;
             color: #CC0000;
         }
-
         .tag-llm {
             font-size: 0.75rem;
             font-weight: 700;
@@ -894,7 +786,6 @@
             border-radius: 4px;
             color: #1E40AF;
         }
-
         .tag-minimax {
             font-size: 0.75rem;
             font-weight: 700;
@@ -904,7 +795,6 @@
             border-radius: 4px;
             color: #1E3A8A;
         }
-
         .tag-kimi {
             font-size: 0.75rem;
             font-weight: 700;
@@ -914,7 +804,6 @@
             border-radius: 4px;
             color: #7C3AED;
         }
-
         .tag-deepseek {
             font-size: 0.75rem;
             font-weight: 700;
@@ -924,7 +813,6 @@
             border-radius: 4px;
             color: #059669;
         }
-
         .tag-glm {
             font-size: 0.75rem;
             font-weight: 700;
@@ -934,7 +822,6 @@
             border-radius: 4px;
             color: #DC2626;
         }
-
         .tag-motion {
             font-size: 0.75rem;
             font-weight: 700;
@@ -944,7 +831,6 @@
             border-radius: 4px;
             color: #8B5CF6;
         }
-
         .tag-helpdesk {
             font-size: 0.75rem;
             font-weight: 700;
@@ -954,16 +840,13 @@
             border-radius: 4px;
             color: #059669;
         }
-
         .card-arrow {
             font-size: 1.5rem;
             transition: transform 0.2s ease;
         }
-
         .card:hover .card-arrow {
             transform: translateX(5px);
         }
-
         /* ===== Footer ===== */
         .footer {
             text-align: center;
@@ -971,14 +854,12 @@
             margin-top: 2rem;
             border-top: 3px dashed var(--dark);
         }
-
         .footer-logo {
             font-family: 'Bangers', cursive;
             font-size: 2rem;
             letter-spacing: 2px;
             margin-bottom: 1rem;
         }
-
         .footer-links {
             display: flex;
             justify-content: center;
@@ -986,7 +867,6 @@
             margin-bottom: 1rem;
             flex-wrap: wrap;
         }
-
         .footer-link {
             font-weight: 700;
             color: var(--dark);
@@ -994,16 +874,13 @@
             border-bottom: 2px solid transparent;
             transition: border-color 0.2s;
         }
-
         .footer-link:hover {
             border-bottom-color: var(--primary);
         }
-
         .footer-copy {
             font-size: 0.9rem;
             color: #6B7280;
         }
-
         /* ===== Floating Action Button ===== */
         .fab {
             position: fixed;
@@ -1023,12 +900,10 @@
             transition: all 0.2s ease;
             z-index: 1000;
         }
-
         .fab:hover {
             transform: translate(-2px, -2px) scale(1.1);
             box-shadow: 8px 8px 0px var(--dark);
         }
-
         /* ===== Responsive ===== */
         @media (max-width: 768px) {
             .logo {
@@ -1037,66 +912,52 @@
                     3px 3px 0px var(--accent),
                     5px 5px 0px var(--dark);
             }
-
             .tagline {
                 font-size: 1.1rem;
             }
-
             .stats-bar {
                 gap: 1rem;
                 padding: 1rem;
             }
-
             .stat-number {
                 font-size: 1.5rem;
             }
-
             .nav-tab {
                 padding: 0.5rem 1rem;
                 font-size: 0.9rem;
             }
-
             .category-title {
                 font-size: 1.5rem;
             }
-
             .card-grid {
                 grid-template-columns: 1fr;
             }
-
             .card-preview {
                 height: 150px;
                 font-size: 3rem;
             }
-
             .notice-box {
                 margin: 1rem;
                 padding: 0.75rem 1rem;
             }
-
             .notice-item {
                 font-size: 0.85rem;
             }
-
             .banner-container {
                 padding: 0 0.5rem;
             }
-
             .enterprise-banner {
                 padding: 0.75rem 1rem;
                 flex-direction: column;
                 gap: 0.5rem;
             }
-
             .enterprise-banner-text {
                 font-size: 1.1rem;
             }
-
             .enterprise-banner-link {
                 font-size: 1.2rem;
             }
         }
-
         /* ===== Animation ===== */
         @keyframes fadeInUp {
             from {
@@ -1108,11 +969,9 @@
                 transform: translateY(0);
             }
         }
-
         .card {
             animation: fadeInUp 0.5s ease forwards;
         }
-
         .card:nth-child(1) { animation-delay: 0.1s; }
         .card:nth-child(2) { animation-delay: 0.2s; }
         .card:nth-child(3) { animation-delay: 0.3s; }
@@ -1121,14 +980,12 @@
         .card:nth-child(6) { animation-delay: 0.6s; }
         .card:nth-child(7) { animation-delay: 0.7s; }
         .card:nth-child(8) { animation-delay: 0.8s; }
-
         /* ===== Search Bar ===== */
         .search-container {
             max-width: 600px;
             margin: 0 auto 2rem;
             position: relative;
         }
-
         .search-input {
             width: 100%;
             padding: 1rem 1.5rem 1rem 3rem;
@@ -1143,17 +1000,14 @@
             outline: none;
             transition: all 0.2s ease;
         }
-
         .search-input:focus {
             box-shadow: 8px 8px 0px var(--primary);
             border-color: var(--primary);
         }
-
         .search-input::placeholder {
             color: #9CA3AF;
             font-weight: 400;
         }
-
         .search-icon {
             position: absolute;
             left: 1rem;
@@ -1170,13 +1024,11 @@
         <div class="banner-container">
             <img src="https://huggingface.co/spaces/Heartsync/humangen/resolve/main/banner.png" alt="HumanGen.AI Banner" class="banner-image">
         </div>
-        
         <!-- Enterprise Banner -->
         <div class="enterprise-banner">
             <span class="enterprise-banner-text">🚀 Unlimited Commercial Use Available — Enterprise Service:</span>
             <a href="https://www.ginigen.ai" target="_blank" class="enterprise-banner-link">www.ginigen.ai</a>
         </div>
-        
         <!-- Enterprise Contact Banner -->
         <div style="background:#FACC15;border:3px solid #1F2937;border-radius:8px;padding:12px 20px;text-align:center;box-shadow:4px 4px 0 #1F2937;margin:20px auto;max-width:1200px">
             <span style="font-family:'Bangers',cursive;color:#1F2937;font-size:1.2rem">💼 Enterprise & CUSTOM(White Label) · 문의</span>
@@ -1184,33 +1036,30 @@
             <a href="mailto:arxivgpt@gmail.com" style="color:#3B82F6;font-weight:700;font-family:'Comic Neue',cursive">📧 arxivgpt@gmail.com</a>
         </div>
     </header>
-
     <!-- Stats Bar -->
     <div class="stats-bar">
         <div class="stat-item">
-            <div class="stat-number">37</div>
+            <div class="stat-number">38</div>
             <div class="stat-label">AI Models</div>
         </div>
         <div class="stat-item">
-            <div class="stat-number">1.5M+</div>
-            <div class="stat-label">Monthly Active Users</div>
+            <div class="stat-number">70K+</div>
+            <div class="stat-label">Daily Active Users</div>
         </div>
         <div class="stat-item">
-            <div class="stat-number">20M+</div>
-            <div class="stat-label">Total Visitors</div>
+            <div class="stat-number">2.1M+</div>
+            <div class="stat-label">Monthly Active Users</div>
         </div>
         <div class="stat-item">
             <div class="stat-number">5M+</div>
             <div class="stat-label">Creations / Month</div>
         </div>
     </div>
-
     <!-- Search Bar -->
     <div class="search-container">
         <span class="search-icon">🔍</span>
         <input type="text" class="search-input" placeholder="Search AI tools... (e.g., image, video, youtube, trend, nsfw, novel, exam, best, llm, motion, helpdesk)" id="searchInput">
     </div>
-
     <!-- Navigation Tabs (Text moved after BEST) -->
     <nav class="nav-tabs">
         <button class="nav-tab active" data-category="all">🌟 All</button>
@@ -1224,10 +1073,8 @@
         <button class="nav-tab" data-category="nsfw">🔞 NSFW</button>
         <button class="nav-tab" data-category="korea">🇰🇷 Korea</button>
     </nav>
-
     <!-- Main Container -->
     <main class="container">
-
         <!-- BEST PICKS Section -->
         <section class="category-section" data-section="best">
             <div class="category-header best-header">
@@ -1236,7 +1083,6 @@
                 <span class="best-badge">⭐ TOP 4</span>
             </div>
             <div class="card-grid">
-
                 <!-- BEST 1: YouTube Trend Analyzer -->
                 <a href="https://ytb.humangen.ai" target="_blank" class="card best-card" data-tags="best,video,youtube,trend,analytics,ai,search,groq,llm,seo,keyword,channel,growth,viral,api">
                     <div class="card-preview gradient-youtube">
@@ -1262,7 +1108,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- BEST 2: Video Editor -->
                 <a href="https://studio.humangen.ai" target="_blank" class="card best-card" data-tags="best,video,editor,timeline,cut,text,merge,export,webm,mp4">
                     <div class="card-preview gradient-best">
@@ -1286,7 +1131,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- BEST 3: PDF TO EXAM GENERATOR -->
                 <a href="https://exam.humangen.ai" target="_blank" class="card best-card" data-tags="best,text,pdf,exam,quiz,test,education,학습,시험,문제,generator,english,korean,한글,multiple-choice,선다형,교육,study,interactive">
                     <div class="card-preview gradient-exam">
@@ -1311,34 +1155,31 @@
                         </div>
                     </div>
                 </a>
-
-                <!-- BEST 4: AI Mermaid Diagram -->
-                <a href="https://diagram.humangen.ai" target="_blank" class="card best-card" data-tags="best,text,diagram,mermaid,flowchart,chart,visualization,free,sequence,er,gantt">
-                    <div class="card-preview gradient-10">
-                        <span>📊</span>
+                <!-- BEST 4: Ultimate File Converter -->
+                <a href="https://conv.humangen.ai" target="_blank" class="card best-card" data-tags="best,tools,converter,file,data,csv,json,excel,parquet,image,png,jpg,webp,audio,mp3,wav,video,mp4,document,pdf,archive,zip,config,yaml,encoding,base64">
+                    <div class="card-preview gradient-best">
+                        <span>🔄</span>
                         <span class="card-badge badge-best">🏆 BEST</span>
                     </div>
                     <div class="card-content">
-                        <h3 class="card-title">📊 AI Mermaid Diagram</h3>
+                        <h3 class="card-title">🔄 Ultimate File Converter</h3>
                         <p class="card-description">
-                            <span class="card-highlight">Save $240/year - Mermaid Chart Pro FREE!</span> - 
-                            Generate professional diagrams from natural language. 
-                            Flowcharts, sequence diagrams, ER diagrams, Gantt charts & more.
+                            <span class="card-highlight-best">Convert Anything to Anything!</span> - 
+                            📊 Data (CSV/JSON/Excel/Parquet) • 🖼️ Image • 🎵 Audio • 🎬 Video • 
+                            📄 Document • 🗜️ Archive • ⚙️ Config • 🔤 Encoding. All-in-One!
                         </p>
                         <div class="card-meta">
                             <div class="card-tags">
-                                <span class="tag-best">Flowchart</span>
-                                <span class="tag-best">Diagram</span>
-                                <span class="tag">$240 FREE</span>
+                                <span class="tag-best">All-in-One</span>
+                                <span class="tag-best">8 Types</span>
+                                <span class="tag">FREE</span>
                             </div>
                             <span class="card-arrow">→</span>
                         </div>
                     </div>
                 </a>
-
             </div>
         </section>
-
         <!-- Text & Language Section (MOVED HERE - AFTER BEST) -->
         <section class="category-section" data-section="text">
             <div class="category-header">
@@ -1347,7 +1188,6 @@
                 <span class="category-count">7 models</span>
             </div>
             <div class="card-grid">
-
                 <!-- HELP DESK & CHATBOT - FIRST CARD (ALWAYS FIXED AT TOP) -->
                 <a href="https://chat.humangen.ai" target="_blank" class="card helpdesk-card" data-tags="text,helpdesk,chatbot,support,faq,ai,assistant,help,question,answer,service,guide,english,korean,한글">
                     <div class="card-preview gradient-helpdesk">
@@ -1372,7 +1212,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- MINIMAX-M2.1 Card -->
                 <a href="https://minimax.humangen.ai" target="_blank" class="card" data-tags="text,llm,minimax,m2.1,agent,coding,moe,230b,multilingual,tool-calling,agentic">
                     <div class="card-preview gradient-minimax">
@@ -1396,7 +1235,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- Kimi-K2-Thinking Card -->
                 <a href="https://kimi.humangen.ai" target="_blank" class="card" data-tags="text,llm,kimi,k2,thinking,moonshot,1t,agent,reasoning,tool-calling,browsing">
                     <div class="card-preview gradient-kimi">
@@ -1420,7 +1258,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- DeepSeek-V3.2 Card -->
                 <a href="https://deepseek.humangen.ai" target="_blank" class="card" data-tags="text,llm,deepseek,v3.2,reasoning,coding,moe,685b,sparse-attention,agentic">
                     <div class="card-preview gradient-deepseek">
@@ -1444,7 +1281,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- GLM-4.7 Card -->
                 <a href="https://glm.humangen.ai" target="_blank" class="card" data-tags="text,llm,glm,4.7,zhipu,zai,coding,vibe,agent,200k,128k-output">
                     <div class="card-preview gradient-glm">
@@ -1468,7 +1304,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- PDF TO EXAM GENERATOR Card -->
                 <a href="https://exam.humangen.ai" target="_blank" class="card" data-tags="text,pdf,exam,quiz,test,education,학습,시험,문제,generator,english,korean,한글,multiple-choice,선다형,교육,study,interactive">
                     <div class="card-preview gradient-exam">
@@ -1493,7 +1328,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- AI Mermaid Diagram Generator Card -->
                 <a href="https://diagram.humangen.ai" target="_blank" class="card" data-tags="text,diagram,mermaid,flowchart,chart,visualization,free">
                     <div class="card-preview gradient-10">
@@ -1517,10 +1351,8 @@
                         </div>
                     </div>
                 </a>
-
             </div>
         </section>
-
         <!-- Image Generation Section -->
         <section class="category-section" data-section="image">
             <div class="category-header">
@@ -1529,7 +1361,6 @@
                 <span class="category-count">8 models</span>
             </div>
             <div class="card-grid">
-
                 <!-- Qwen Image 2512 Card -->
                 <a href="https://q2512.humangen.ai" target="_blank" class="card" data-tags="image,qwen,2512,lightning,turbo,fast,alibaba,32b">
                     <div class="card-preview gradient-qwen">
@@ -1552,7 +1383,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- Qwen Image 2512 LoRA Card -->
                 <a href="https://qlora.humangen.ai" target="_blank" class="card" data-tags="image,qwen,2512,lora,style,custom,alibaba,32b">
                     <div class="card-preview gradient-qwen-lora">
@@ -1575,7 +1405,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- FLUX.2 Turbo Image Generator Card -->
                 <a href="https://flux2.humangen.ai" target="_blank" class="card" data-tags="image,flux,turbo,32b,edit,combine">
                     <div class="card-preview gradient-5">
@@ -1598,7 +1427,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- Qwen Image Layered Decomposer Card -->
                 <a href="https://layer.humangen.ai" target="_blank" class="card" data-tags="image,layer,decompose,pptx,qwen">
                     <div class="card-preview gradient-7">
@@ -1621,7 +1449,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- Qwen Image Edit Studio Card -->
                 <a href="https://qedit.humangen.ai" target="_blank" class="card" data-tags="image,edit,qwen,transform,ai">
                     <div class="card-preview gradient-3">
@@ -1644,7 +1471,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- Camera Angle Control Card -->
                 <a href="https://angle.humangen.ai" target="_blank" class="card" data-tags="image,camera,angle,3d,video">
                     <div class="card-preview gradient-9">
@@ -1667,7 +1493,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- Qwen Image to LoRA Card -->
                 <a href="https://qwenlora.humangen.ai" target="_blank" class="card" data-tags="image,lora,qwen,style,training">
                     <div class="card-preview gradient-2">
@@ -1690,7 +1515,6 @@
                         </div>
                     </div>
                 </a>
-                
                 <!-- Z-Image Turbo Card -->
                 <a href="https://z.humangen.ai" target="_blank" class="card" data-tags="image,turbo,fast">
                     <div class="card-preview gradient-1">
@@ -1713,10 +1537,8 @@
                         </div>
                     </div>
                 </a>
-
             </div>
         </section>
-
         <!-- Video Generation Section -->
         <section class="category-section" data-section="video">
             <div class="category-header">
@@ -1725,7 +1547,6 @@
                 <span class="category-count">5 models</span>
             </div>
             <div class="card-grid">
-
                 <!-- YouTube Trend Analyzer Card -->
                 <a href="https://ytb.humangen.ai" target="_blank" class="card" data-tags="video,youtube,trend,analytics,ai,search,groq,llm,seo,keyword,channel,growth,viral,api">
                     <div class="card-preview gradient-youtube">
@@ -1749,7 +1570,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- Uncensored Text to Video Card -->
                 <a href="https://nsfwt2v.humangen.ai" target="_blank" class="card" data-tags="video,text2video,uncensored,wan,ai">
                     <div class="card-preview gradient-1">
@@ -1772,7 +1592,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- Uncensored Image to Video Card -->
                 <a href="https://nsfwi2v.humangen.ai" target="_blank" class="card" data-tags="video,image2video,uncensored,wan,ai">
                     <div class="card-preview gradient-6">
@@ -1795,7 +1614,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- Video Editor Card -->
                 <a href="https://studio.humangen.ai" target="_blank" class="card" data-tags="video,editor,timeline,cut,text">
                     <div class="card-preview gradient-9">
@@ -1818,7 +1636,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- Video Last Frame Extractor Card -->
                 <a href="https://frame.humangen.ai" target="_blank" class="card" data-tags="video,frame,extract,last">
                     <div class="card-preview gradient-5">
@@ -1841,10 +1658,8 @@
                         </div>
                     </div>
                 </a>
-
             </div>
         </section>
-
         <!-- Audio Generation Section -->
         <section class="category-section" data-section="audio">
             <div class="category-header">
@@ -1853,7 +1668,6 @@
                 <span class="category-count">2 models</span>
             </div>
             <div class="card-grid">
-
                 <!-- MMAudio Studio Card -->
                 <a href="https://mmaudio.humangen.ai" target="_blank" class="card" data-tags="audio,video2audio,text2audio,mmaudio,korean">
                     <div class="card-preview gradient-9">
@@ -1876,7 +1690,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- Audio Segment Extractor Card -->
                 <a href="https://cut.humangen.ai" target="_blank" class="card" data-tags="audio,cut,extract,segment">
                     <div class="card-preview gradient-8">
@@ -1899,10 +1712,8 @@
                         </div>
                     </div>
                 </a>
-
             </div>
         </section>
-
         <!-- 3D & Modeling Section -->
         <section class="category-section" data-section="3d">
             <div class="category-header">
@@ -1911,7 +1722,6 @@
                 <span class="category-count">2 models</span>
             </div>
             <div class="card-grid">
-
                 <!-- NEW! HY-Motion Generator Card -->
                 <a href="https://motion.humangen.ai" target="_blank" class="card" data-tags="3d,motion,human,animation,text-to-motion,fbx,dance,walk,jump,pose,body,movement,ai,generator">
                     <div class="card-preview gradient-motion">
@@ -1935,7 +1745,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- TRELLIS.2 Text/Image-to-3D Card -->
                 <a href="https://trellis2.humangen.ai" target="_blank" class="card" data-tags="3d,text-to-3d,trellis,glb,model">
                     <div class="card-preview gradient-5">
@@ -1958,19 +1767,39 @@
                         </div>
                     </div>
                 </a>
-
             </div>
         </section>
-
         <!-- Tools Section -->
         <section class="category-section" data-section="tools">
             <div class="category-header">
                 <span class="category-icon">🛠️</span>
                 <h2 class="category-title">AI TOOLS</h2>
-                <span class="category-count">4 models</span>
+                <span class="category-count">5 models</span>
             </div>
             <div class="card-grid">
-
+                <!-- Ultimate File Converter Card -->
+                <a href="https://conv.humangen.ai" target="_blank" class="card" data-tags="tools,converter,file,data,csv,json,excel,parquet,xml,yaml,tsv,image,png,jpg,jpeg,webp,bmp,gif,tiff,ico,svg,audio,mp3,wav,ogg,flac,m4a,aac,video,mp4,avi,mkv,webm,mov,document,markdown,html,pdf,docx,txt,rtf,archive,zip,tar,7z,config,toml,ini,env,encoding,base64,url,hex,binary">
+                    <div class="card-preview gradient-best">
+                        <span>🔄</span>
+                        <span class="card-badge badge-best">⭐ ALL-IN-ONE</span>
+                    </div>
+                    <div class="card-content">
+                        <h3 class="card-title">🔄 Ultimate File Converter</h3>
+                        <p class="card-description">
+                            <span class="card-highlight-best">Convert Anything to Anything!</span> - 
+                            📊 Data (CSV/JSON/Excel/Parquet/XML/YAML) • 🖼️ Image (PNG/JPG/WebP/GIF) • 
+                            🎵 Audio (MP3/WAV/FLAC) • 🎬 Video (MP4/AVI/MKV) • 📄 Document • 🗜️ Archive • ⚙️ Config • 🔤 Encoding
+                        </p>
+                        <div class="card-meta">
+                            <div class="card-tags">
+                                <span class="tag-best">8 Categories</span>
+                                <span class="tag-best">50+ Formats</span>
+                                <span class="tag">FREE</span>
+                            </div>
+                            <span class="card-arrow">→</span>
+                        </div>
+                    </div>
+                </a>
                 <!-- Ansim Blur - Face Privacy Card -->
                 <a href="https://blur.humangen.ai" target="_blank" class="card" data-tags="tools,blur,face,privacy,mosaic,video,image">
                     <div class="card-preview gradient-1">
@@ -1993,7 +1822,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- QR Canvas+ Generator Card -->
                 <a href="https://qr.humangen.ai" target="_blank" class="card" data-tags="tools,qr,qrcode,generator,decoration">
                     <div class="card-preview gradient-4">
@@ -2016,7 +1844,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- BadgeCraft Generator Card -->
                 <a href="https://badge.humangen.ai" target="_blank" class="card" data-tags="tools,badge,shields,html,github">
                     <div class="card-preview gradient-2">
@@ -2039,7 +1866,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- DNA Diffusion Generator Card -->
                 <a href="https://dna.humangen.ai" target="_blank" class="card" data-tags="tools,dna,protein,biology,diffusion,science">
                     <div class="card-preview gradient-4">
@@ -2062,10 +1888,8 @@
                         </div>
                     </div>
                 </a>
-
             </div>
         </section>
-
         <!-- NSFW Section -->
         <section class="category-section" data-section="nsfw">
             <div class="category-header">
@@ -2074,7 +1898,6 @@
                 <span class="category-count">7 models</span>
             </div>
             <div class="card-grid">
-
                 <!-- AI Adult Novel Generator Card -->
                 <a href="https://nsfwnovel.humangen.ai" target="_blank" class="card" data-tags="nsfw,novel,story,adult,erotic,fiction,writing,english,korean,한글,소설,성인소설,ai,generator,romance,passionate,literature">
                     <div class="card-preview gradient-novel">
@@ -2099,7 +1922,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- NSFW ADULT Card -->
                 <a href="https://nsfwadult.humangen.ai" target="_blank" class="card" data-tags="nsfw,adult,uncensored,ai,image,text2image,2048px,z-image">
                     <div class="card-preview gradient-nsfw">
@@ -2123,7 +1945,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- NSFW IMAGE GENERATOR Card -->
                 <a href="https://nsfwt2i.humangen.ai" target="_blank" class="card" data-tags="nsfw,image,generator,text2image,diffusion,customizable">
                     <div class="card-preview gradient-nsfw-2">
@@ -2147,7 +1968,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- NSFW REAL Card -->
                 <a href="https://nsfwreal.humangen.ai" target="_blank" class="card" data-tags="nsfw,real,realistic,sdxl,uncensored,long-prompt">
                     <div class="card-preview gradient-nsfw-3">
@@ -2171,7 +1991,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- NSFW HUB IMAGE Card -->
                 <a href="https://pornhub.humangen.ai" target="_blank" class="card" data-tags="nsfw,hub,sdxl,stable-diffusion,long-prompt,auto">
                     <div class="card-preview gradient-nsfw-4">
@@ -2195,7 +2014,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- NSFW I2I Card -->
                 <a href="https://nsfwi2i.humangen.ai" target="_blank" class="card" data-tags="nsfw,i2i,image2image,transform,multilang,translation">
                     <div class="card-preview gradient-nsfw-5">
@@ -2219,7 +2037,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- NSFW HENTAI Card -->
                 <a href="https://hentai.humangen.ai" target="_blank" class="card" data-tags="nsfw,hentai,anime,illustration,sdxl,artwork">
                     <div class="card-preview gradient-nsfw-6">
@@ -2243,10 +2060,8 @@
                         </div>
                     </div>
                 </a>
-
             </div>
         </section>
-
         <!-- Korea Section -->
         <section class="category-section" data-section="korea">
             <div class="category-header">
@@ -2255,7 +2070,6 @@
                 <span class="category-count">2 models</span>
             </div>
             <div class="card-grid">
-
                 <!-- AI 상권 분석 시스템 Card -->
                 <a href="https://markets.humangen.ai" target="_blank" class="card" data-tags="korea,상권,창업,분석,데이터,소상공인,market,business,ai,한국,korean,startup">
                     <div class="card-preview gradient-korea">
@@ -2279,7 +2093,6 @@
                         </div>
                     </div>
                 </a>
-
                 <!-- AGI 명리학 완전판 Card -->
                 <a href="https://unse.humangen.ai" target="_blank" class="card" data-tags="korea,사주,명리학,운세,팔자,fortune,saju,ai,한국,korean,음양,오행,십성,12운성,대운">
                     <div class="card-preview gradient-fortune">
@@ -2303,12 +2116,9 @@
                         </div>
                     </div>
                 </a>
-
             </div>
         </section>
-
     </main>
-
     <!-- Footer -->
     <footer class="footer">
         <div class="footer-logo">💥 HUMANGEN.AI 💥</div>
@@ -2322,27 +2132,22 @@
         </div>
         <p class="footer-copy">© 2025 HumanGen.AI - Powered by www.ginigen.ai/en 🤗</p>
     </footer>
-
     <!-- Floating Action Button -->
     <div class="fab" onclick="window.scrollTo({top: 0, behavior: 'smooth'})">
         ⬆️
     </div>
-
     <!-- JavaScript -->
     <script>
         // Category Navigation
         const navTabs = document.querySelectorAll('.nav-tab');
         const sections = document.querySelectorAll('.category-section');
         const cards = document.querySelectorAll('.card');
-
         navTabs.forEach(tab => {
             tab.addEventListener('click', () => {
                 const category = tab.dataset.category;
-                
                 // Update active tab
                 navTabs.forEach(t => t.classList.remove('active'));
                 tab.classList.add('active');
-                
                 // Filter sections
                 if (category === 'all') {
                     sections.forEach(s => s.style.display = 'block');
@@ -2357,25 +2162,20 @@
                 }
             });
         });
-
         // Search Functionality
         const searchInput = document.getElementById('searchInput');
-        
         searchInput.addEventListener('input', (e) => {
             const query = e.target.value.toLowerCase();
-            
             cards.forEach(card => {
                 const title = card.querySelector('.card-title').textContent.toLowerCase();
                 const description = card.querySelector('.card-description').textContent.toLowerCase();
                 const tags = card.dataset.tags?.toLowerCase() || '';
-                
                 if (title.includes(query) || description.includes(query) || tags.includes(query)) {
                     card.style.display = 'block';
                 } else {
                     card.style.display = 'none';
                 }
             });
-
             // Show all sections when searching
             if (query) {
                 sections.forEach(s => s.style.display = 'block');
@@ -2384,6 +2184,5 @@
             }
         });
     </script>
-
 </body>
 </html>