From 7e0021aa9bca33f344ef276b43f706f522ec9a72 Mon Sep 17 00:00:00 2001
From: fynks <75840152+fynks@users.noreply.github.com>
Date: Fri, 22 Aug 2025 19:40:59 +0500
Subject: [PATCH] improved footer

---
 dist/css/styles.css | 240 ++++++++++++++++++++++++++++++++++----------
 dist/index.html     |  74 ++++++++++++--
 2 files changed, 251 insertions(+), 63 deletions(-)

diff --git a/dist/css/styles.css b/dist/css/styles.css
index 2aabe57..6d4a16c 100644
--- a/dist/css/styles.css
+++ b/dist/css/styles.css
@@ -913,69 +913,171 @@ select:focus {
     }
 }
 
-.site-footer {
-    background: var(--bg-secondary);
-    border-top: 1px solid var(--border-primary);
-    padding: var(--space-6xl) 0 var(--space-3xl);
-    margin-top: auto
-}
+        /* Footer */
+        .site-footer {
+            background: var(--bg-secondary);
+            border-top: 1px solid var(--border-primary);
+            padding: var(--space-7xl) 0 var(--space-4xl);
+            margin-top: auto;
+        }
 
-.footer-content {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-    gap: var(--space-4xl);
-    margin-bottom: var(--space-4xl)
-}
+        .footer-content {
+            display: grid;
+            grid-template-columns: 2fr 1fr 1fr 1fr;
+            gap: var(--space-5xl);
+            margin-bottom: var(--space-5xl);
+        }
 
-.footer-section h4 {
-    margin: 0 0 var(--space-xl);
-    font-size: var(--text-lg);
-    font-weight: var(--font-semibold);
-    color: var(--text-primary)
-}
+        .footer-section h4,
+        .footer-section h5 {
+            margin: 0 0 var(--space-xl);
+            font-size: var(--text-lg);
+            font-weight: var(--font-semibold);
+            color: var(--text-primary);
+        }
 
-.footer-section p {
-    margin: 0;
-    color: var(--text-secondary);
-    line-height: 1.6
-}
+        .footer-section h5 {
+            font-size: var(--text-base);
+            margin-bottom: var(--space-lg);
+        }
 
-.footer-section ul {
-    list-style: none;
-    padding: 0;
-    margin: 0
-}
+        .footer-brand {
+            display: flex;
+            align-items: center;
+            gap: var(--space-md);
+            margin-bottom: var(--space-lg);
+        }
 
-.footer-section li {
-    margin-bottom: var(--space-sm)
-}
+        .footer-logo {
+            width: 32px;
+            height: 32px;
+            color: var(--primary);
+        }
 
-.footer-section a {
-    color: var(--text-secondary);
-    transition: color var(--transition-fast)
-}
+        .footer-brand h4 {
+            margin: 0;
+            font-size: var(--text-xl);
+            font-weight: var(--font-bold);
+        }
 
-.footer-section a:hover {
-    color: var(--primary)
-}
+        .footer-description {
+            margin: 0 0 var(--space-xl);
+            color: var(--text-secondary);
+            line-height: 1.6;
+            max-width: 300px;
+        }
 
-.footer-bottom {
-    text-align: center;
-    padding-top: var(--space-3xl);
-    border-top: 1px solid var(--border-primary)
-}
+        .footer-stats {
+            display: flex;
+            gap: var(--space-lg);
+            flex-wrap: wrap;
+        }
 
-.footer-bottom p {
-    margin: 0;
-    color: var(--text-tertiary);
-    font-size: var(--text-sm)
-}
+        .footer-stat {
+            display: inline-flex;
+            align-items: center;
+            padding: var(--space-xs) var(--space-md);
+            background: var(--bg-primary);
+            border: 1px solid var(--border-primary);
+            border-radius: var(--radius-full);
+            font-size: var(--text-xs);
+            font-weight: var(--font-medium);
+            color: var(--text-secondary);
+            text-transform: uppercase;
+            letter-spacing: 0.05em;
+        }
 
-.footer-bottom a {
-    color: var(--primary)
-}
+        .footer-links {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
 
-.back-to-top.visible {
+        .footer-links li {
+            margin-bottom: var(--space-md);
+        }
+
+        .footer-links a {
+            color: var(--text-secondary);
+            text-decoration: none;
+            transition: color var(--transition-fast);
+            font-size: var(--text-sm);
+            line-height: 1.5;
+        }
+
+        .footer-links a:hover {
+            color: var(--primary);
+        }
+
+        .footer-bottom {
+            padding-top: var(--space-4xl);
+            border-top: 1px solid var(--border-primary);
+        }
+
+        .footer-bottom-content {
+            display: flex;
+            justify-content: space-between;
+            align-items: flex-end;
+            gap: var(--space-3xl);
+        }
+
+        .footer-left p {
+            margin: 0 0 var(--space-sm);
+            color: var(--text-tertiary);
+            font-size: var(--text-sm);
+        }
+
+        .footer-disclaimer {
+            font-size: var(--text-xs) !important;
+            color: var(--text-muted) !important;
+            font-style: italic;
+        }
+
+        .footer-left a {
+            color: var(--primary);
+            text-decoration: none;
+        }
+
+        .footer-left a:hover {
+            text-decoration: underline;
+        }
+
+        .footer-right {
+            text-align: right;
+        }
+
+        .footer-meta {
+            display: flex;
+            align-items: center;
+            gap: var(--space-lg);
+        }
+
+        .last-updated {
+            font-size: var(--text-xs);
+            color: var(--text-muted);
+        }
+
+        .github-link {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 36px;
+            height: 36px;
+            background: var(--bg-primary);
+            border: 1px solid var(--border-primary);
+            border-radius: var(--radius-md);
+            color: var(--text-secondary);
+            text-decoration: none;
+            transition: all var(--transition-fast);
+        }
+
+        .github-link:hover {
+            background: var(--primary);
+            color: white;
+            border-color: var(--primary);
+            transform: translateY(-1px);
+            box-shadow: var(--shadow-md);
+        }.back-to-top.visible {
     opacity: 1;
     visibility: visible;
     transform: translateY(0)
@@ -1184,6 +1286,15 @@ select:focus {
         text-align: center;
         gap: var(--space-md)
     }
+
+    .footer-content {
+        grid-template-columns: repeat(2, 1fr);
+        gap: var(--space-xl)
+    }
+
+    .footer-brand h3 {
+        font-size: var(--text-lg)
+    }
 }
 
 @media (max-width:480px) {
@@ -1209,6 +1320,31 @@ select:focus {
     .comparison-filters {
         gap: var(--space-sm)
     }
+
+    .footer-content {
+        grid-template-columns: 1fr;
+        gap: var(--space-lg)
+    }
+
+    .footer-brand {
+        text-align: center;
+        padding-bottom: var(--space-lg);
+        border-bottom: 1px solid rgba(var(--text-rgb), 0.1);
+        margin-bottom: var(--space-lg)
+    }
+
+    .footer-links {
+        justify-content: center
+    }
+
+    .footer-links h4 {
+        text-align: center;
+        margin-bottom: var(--space-md)
+    }
+
+    .footer-bottom {
+        text-align: center
+    }
 }
 
 @media print {
diff --git a/dist/index.html b/dist/index.html
index 7967897..f60f32f 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -61,7 +61,7 @@
         })(); 
     </script>
     <style>
-        :root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #a5b4fc;--primary-dark: #3730a3;--accent: #8b5cf6;--success: #10b981;--warning: #66512e;--error: #ef4444;--info: #2c6ace;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--text-muted: var(--gray-400);--bg-primary: #fff;--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--bg-elevated: #fff;--border-primary: var(--gray-200);--border-secondary: var(--gray-300);--border-focus: var(--primary);--container-max: 1400px;--header-height: 5rem;--content-max: 1200px;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 0.75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem;--space-3xl: 2rem;--space-4xl: 2.5rem;--space-5xl: 3rem;--space-6xl: 4rem;--space-7xl: 5rem;--space-8xl: 6rem;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--radius-sm: 0.25rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-focus: 0 0 0 3px rgb(99 102 241 / 0.15)}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}body{font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-feature-settings:'cv01','cv03','cv04','cv11';background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;margin:0;overflow-x:hidden}svg{max-width:100%;height:auto}a{color:var(--primary);text-decoration:none}:focus{outline:2px solid var(--border-focus);outline-offset:2px}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-2xl);width:100%}.content-container{max-width:var(--content-max);margin:0 auto}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.85);backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border-primary);height:var(--header-height)}.header-content{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--space-4xl)}.site-title{display:flex;align-items:center;gap:var(--space-md);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);text-decoration:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg)}.logo-icon{width:28px;height:28px;color:var(--primary)}.header-nav{display:flex;align-items:center;gap:var(--space-xs)}.nav-link{position:relative;display:inline-flex;align-items:center;padding:var(--space-md) var(--space-xl);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-lg);white-space:nowrap}.nav-link::before{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary);border-radius:var(--radius-full);transform:translateX(-50%)}.dark-mode-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--border-primary);border-radius:var(--radius-full);background:var(--bg-primary);color:var(--text-primary)}.sun-icon,.moon-icon{width:20px;height:20px}.moon-icon{display:none}.hero-section{position:relative;padding:var(--space-8xl) 0 var(--space-7xl);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);overflow:hidden}.hero-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgb(99 102 241 / 0.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgb(139 92 246 / 0.05) 0%,transparent 50%)}.hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;animation:fadeInUp 0.8s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:clamp(var(--text-3xl),8vw,var(--text-6xl));font-weight:var(--font-extrabold);line-height:1.1;margin:0 0 var(--space-2xl);color:var(--text-primary);letter-spacing:-0.02em}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:clamp(var(--text-lg),4vw,var(--text-xl));color:var(--text-secondary);margin:0 0 var(--space-5xl);max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-actions{display:flex;gap:var(--space-lg);justify-content:center;margin-bottom:var(--space-6xl);flex-wrap:wrap}.hero-stats{display:flex;gap:var(--space-5xl);justify-content:center;flex-wrap:wrap}.stat-item{text-align:center;position:relative}.stat-item:not(:last-child)::after{content:'';position:absolute;right:calc(-1 * var(--space-2xl));top:50%;transform:translateY(-50%);width:1px;height:50px;background:var(--border-primary)}.stat-number{display:block;font-size:clamp(var(--text-3xl),6vw,var(--text-5xl));font-weight:var(--font-extrabold);margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.1em;font-weight:var(--font-medium)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-3xl);border:2px solid transparent;border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:var(--font-semibold);text-decoration:none;position:relative;overflow:hidden;min-width:160px;justify-content:center}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:white;box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-primary)}.section{padding:var(--space-4xl) 0;position:relative}.section:nth-child(even){background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-title{font-size:clamp(var(--text-3xl),6vw,var(--text-5xl));font-weight:var(--font-extrabold);margin:0 0 var(--space-2xl);color:var(--text-primary);letter-spacing:-0.02em}.section-description{font-size:clamp(var(--text-base),3vw,var(--text-xl));color:var(--text-secondary);margin:0;max-width:800px;margin-inline:auto;line-height:1.7}.meta-chips{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-xl);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:0.05em}.back-to-top{position:fixed;bottom:var(--space-2xl);right:var(--space-2xl);width:48px;height:48px;background:var(--primary);color:white;border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(20px);z-index:50}@media (max-width:1024px){.container{padding:0 var(--space-xl)}}@media (max-width:768px){.header-nav{display:none}.hero-actions{flex-direction:column;align-items:center}.hero-stats{gap:var(--space-2xl)}}@media (max-width:480px){.container{padding:0 var(--space-lg)}.section{padding:var(--space-3xl) 0}.stat-item:not(:last-child)::after{display:none}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@media (prefers-contrast:high){:root{--border-primary: #000;--text-secondary: #000}}
+        :root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #a5b4fc;--primary-dark: #3730a3;--accent: #8b5cf6;--success: #10b981;--warning: #66512e;--error: #ef4444;--info: #2c6ace;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--text-muted: var(--gray-400);--bg-primary: #fff;--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--bg-elevated: #fff;--border-primary: var(--gray-200);--border-secondary: var(--gray-300);--border-focus: var(--primary);--container-max: 1400px;--header-height: 5rem;--content-max: 1200px;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 0.75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem;--space-3xl: 2rem;--space-4xl: 2.5rem;--space-5xl: 3rem;--space-6xl: 4rem;--space-7xl: 5rem;--space-8xl: 6rem;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--radius-sm: 0.25rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-focus: 0 0 0 3px rgb(99 102 241 / 0.15)}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}body{font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-feature-settings:'cv01','cv03','cv04','cv11';background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;margin:0;overflow-x:hidden}svg{max-width:100%;height:auto}a{color:var(--primary);text-decoration:none}:focus{outline:2px solid var(--border-focus);outline-offset:2px}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-2xl);width:100%}.content-container{max-width:var(--content-max);margin:0 auto}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.85);backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border-primary);height:var(--header-height)}.header-content{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--space-4xl)}.site-title{display:flex;align-items:center;gap:var(--space-md);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);text-decoration:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg)}.logo-icon{width:28px;height:28px;color:var(--primary)}.header-nav{display:flex;align-items:center;gap:var(--space-xs)}.nav-link{position:relative;display:inline-flex;align-items:center;padding:var(--space-md) var(--space-xl);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-lg);white-space:nowrap}.nav-link::before{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary);border-radius:var(--radius-full);transform:translateX(-50%)}.dark-mode-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--border-primary);border-radius:var(--radius-full);background:var(--bg-primary);color:var(--text-primary)}.sun-icon,.moon-icon{width:20px;height:20px}.moon-icon{display:none}.hero-section{position:relative;padding:var(--space-8xl) 0 var(--space-7xl);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);overflow:hidden}.hero-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgb(99 102 241 / 0.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgb(139 92 246 / 0.05) 0%,transparent 50%)}.hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;animation:fadeInUp 0.8s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:clamp(var(--text-3xl),8vw,var(--text-6xl));font-weight:var(--font-extrabold);line-height:1.1;margin:0 0 var(--space-2xl);color:var(--text-primary);letter-spacing:-0.02em}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:clamp(var(--text-lg),4vw,var(--text-xl));color:var(--text-secondary);margin:0 0 var(--space-5xl);max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-actions{display:flex;gap:var(--space-lg);justify-content:center;margin-bottom:var(--space-6xl);flex-wrap:wrap}.hero-stats{display:flex;gap:var(--space-5xl);justify-content:center;flex-wrap:wrap}.stat-item{text-align:center;position:relative}.stat-item:not(:last-child)::after{content:'';position:absolute;right:calc(-1 * var(--space-2xl));top:50%;transform:translateY(-50%);width:1px;height:50px;background:var(--border-primary)}.stat-number{display:block;font-size:clamp(var(--text-3xl),6vw,var(--text-5xl));font-weight:var(--font-extrabold);margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.1em;font-weight:var(--font-medium)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-3xl);border:2px solid transparent;border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:var(--font-semibold);text-decoration:none;position:relative;overflow:hidden;min-width:160px;justify-content:center}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:white;box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-primary)}.section{padding:var(--space-6xl) 0;position:relative}.section:nth-child(even){background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-title{font-size:clamp(var(--text-3xl),6vw,var(--text-5xl));font-weight:var(--font-extrabold);margin:0 0 var(--space-2xl);color:var(--text-primary);letter-spacing:-0.02em}.section-description{font-size:clamp(var(--text-base),3vw,var(--text-xl));color:var(--text-secondary);margin:0;max-width:800px;margin-inline:auto;line-height:1.7}.meta-chips{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-xl);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:0.05em}.back-to-top{position:fixed;bottom:var(--space-2xl);right:var(--space-2xl);width:48px;height:48px;background:var(--primary);color:white;border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(20px);z-index:50}@media (max-width:1024px){.container{padding:0 var(--space-xl)}}@media (max-width:768px){.header-nav{display:none}.hero-actions{flex-direction:column;align-items:center}.hero-stats{gap:var(--space-2xl)}}@media (max-width:480px){.container{padding:0 var(--space-lg)}.section{padding:var(--space-4xl) 0}.stat-item:not(:last-child)::after{display:none}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@media (prefers-contrast:high){:root{--border-primary: #000;--text-secondary: #000}}
     </style>
 
     <link rel="stylesheet" href="css/styles.css">
@@ -84,8 +84,12 @@
                         <a href="#what-are-debrid" class="nav-link">Intro</a>
                         <a href="#pricing" class="nav-link">Pricing</a>
                         <a href="#file-hosts" class="nav-link">Hosts</a>
-                        <a href="#speed-test" class="nav-link">Speed Test</a>
                         <a href="#compare" class="nav-link">Compare</a>
+                        <a href="#adult-hosts" class="nav-link">Adult Hosts</a>
+                        <a href="#speed-test" class="nav-link">Speed Test</a>
+                        <a href="#live-status" class="nav-link">Status</a>
+                        <a href="#resources" class="nav-link">Resources</a>
+
                     </nav>
                     <button id="darkModeToggle" class="dark-mode-toggle" aria-label="Toggle dark mode" type="button">
                         <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -747,23 +751,71 @@
                 <div class="content-container">
                     <div class="footer-content">
                         <div class="footer-section">
-                            <h4>Debrid Comparison</h4>
-                            <p>Your go-to resource for comparing premium download services</p>
+                            <div class="footer-brand">
+                                <svg class="footer-logo" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                    <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
+                                </svg>
+                                <h4>Debrid Comparison</h4>
+                            </div>
+                            <p class="footer-description">
+                                A comprehensive, community-driven comparison of premium debrid services. 
+                                Compare pricing, features, and host support to find the best service for your needs.
+                            </p>
+                            <div class="footer-stats">
+                                <span class="footer-stat">8 Services</span>
+                                <span class="footer-stat">300+ Hosts</span>
+                            </div>
                         </div>
+                        
                         <div class="footer-section">
-                            <h4>Resources</h4>
-                            <ul>
-                                <li><a href="https://github.com/debridmediamanager/awesome-debrid" target="_blank" rel="noopener noreferrer">Awesome Debrid</a></li>
-                                <li><a href="https://github.com/fynks/debrid-services-comparison" target="_blank" rel="noopener noreferrer">Source Code</a></li>
+                            <h5>Quick Links</h5>
+                            <ul class="footer-links">
+                                <li><a href="#pricing">Pricing Comparison</a></li>
+                                <li><a href="#file-hosts">File Hosts</a></li>
+                                <li><a href="#compare">Compare Services</a></li>
+                                <li><a href="#speed-test">Speed Tests</a></li>
+                                <li><a href="#live-status">Service Status</a></li>
                             </ul>
                         </div>
+                        
                         <div class="footer-section">
-                            <h4>Last Updated</h4>
-                            <p class="last-updated-date">August 22, 2025</p>
+                            <h5>Resources</h5>
+                            <ul class="footer-links">
+                                <li><a href="https://github.com/debridmediamanager/awesome-debrid" target="_blank" rel="noopener noreferrer">Awesome Debrid</a></li>
+                                <li><a href="https://github.com/debridmediamanager/debrid-media-manager" target="_blank" rel="noopener noreferrer">DMM Tool</a></li>
+                                <li><a href="https://github.com/rogerfar/rdt-client" target="_blank" rel="noopener noreferrer">RDT Client</a></li>
+                                <li><a href="https://github.com/g0ldyy/comet" target="_blank" rel="noopener noreferrer">Comet Addon</a></li>
+                            </ul>
+                        </div>
+                        
+                        <div class="footer-section">
+                            <h5>Project</h5>
+                            <ul class="footer-links">
+                                <li><a href="https://github.com/fynks/debrid-services-comparison" target="_blank" rel="noopener noreferrer">Source Code</a></li>
+                                <li><a href="https://github.com/fynks/debrid-services-comparison/issues" target="_blank" rel="noopener noreferrer">Report Issues</a></li>
+                                <li><a href="https://github.com/fynks/debrid-services-comparison/blob/main/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">Contribute</a></li>
+                                <li><a href="https://github.com/fynks/debrid-services-comparison/releases" target="_blank" rel="noopener noreferrer">Changelog</a></li>
+                            </ul>
                         </div>
                     </div>
+                    
                     <div class="footer-bottom">
-                        <p>&copy; 2025 Made with ❤️ by <a href="https://github.com/fynks" target="_blank" rel="noopener noreferrer">Fynks</a></p>
+                        <div class="footer-bottom-content">
+                            <div class="footer-left">
+                                <p>&copy; 2025 Debrid Services Comparison. Made with ❤️ by <a href="https://github.com/fynks" target="_blank" rel="noopener noreferrer">Fynks</a></p>
+                                <p class="footer-disclaimer">This is an independent, open-source project not affiliated with any debrid service.</p>
+                            </div>
+                            <div class="footer-right">
+                                <div class="footer-meta">
+                                    <span class="last-updated">Last updated: <time datetime="2025-08-22">August 22, 2025</time></span>
+                                    <a href="https://github.com/fynks/debrid-services-comparison" target="_blank" rel="noopener noreferrer" class="github-link" aria-label="View source on GitHub">
+                                        <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
+                                            <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+                                        </svg>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>