Upload index.html

index.html

@@ -5,6 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Anime-duo API Documentation</title>
     <style>
+        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&display=swap');
+
         * {
             margin: 0;
             padding: 0;
@@ -12,12 +14,12 @@
         }
 
         :root {
-            --primary: #58cc02;
-            --primary-dark: #46a302;
-            --secondary: #1cb0f6;
+            --primary: #6a11cb;
+            --secondary: #2575fc;
             --accent: #ff4b4b;
-            --bg-start: #0f172a;
-            --bg-end: #1e293b;
+            --bg-start: #0f0c29;
+            --bg-end: #302b63;
+            --bg-page: #24243e;
             --glass-bg: rgba(255, 255, 255, 0.05);
             --glass-border: rgba(255, 255, 255, 0.1);
             --text-primary: #ffffff;
@@ -26,7 +28,7 @@
         }
 
         body {
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            font-family: 'Poppins', sans-serif;
             background: linear-gradient(135deg, var(--bg-start) 0%, var(--bg-end) 100%);
             color: var(--text-primary);
             line-height: 1.6;
@@ -246,7 +248,7 @@
         }
 
         .endpoint {
-            background: rgba(88, 204, 2, 0.1);
+            background: rgba(106, 17, 203, 0.1);
             border-left: 4px solid var(--primary);
             padding: 15px;
             border-radius: 10px;
@@ -286,7 +288,7 @@
         }
 
         .copy-btn:hover {
-            background: var(--primary-dark);
+            background: var(--secondary);
             transform: scale(1.05);
         }
 
@@ -305,7 +307,7 @@
         }
 
         th {
-            background: rgba(88, 204, 2, 0.2);
+            background: rgba(106, 17, 203, 0.2);
             color: var(--primary);
             font-weight: 600;
         }
@@ -326,7 +328,7 @@
         }
 
         .category-item {
-            background: rgba(28, 176, 246, 0.1);
+            background: rgba(37, 117, 252, 0.1);
             padding: 15px;
             border-radius: 10px;
             border: 1px solid var(--secondary);
@@ -335,7 +337,7 @@
         }
 
         .category-item:hover {
-            background: rgba(28, 176, 246, 0.2);
+            background: rgba(37, 117, 252, 0.2);
             transform: scale(1.05);
         }
 
@@ -355,9 +357,9 @@
         }
 
         .btn:hover {
-            background: var(--primary-dark);
+            background: var(--secondary);
             transform: translateY(-2px);
-            box-shadow: 0 8px 20px rgba(88, 204, 2, 0.3);
+            box-shadow: 0 8px 20px rgba(37, 117, 252, 0.3);
         }
 
         .btn-secondary {
@@ -365,8 +367,8 @@
         }
 
         .btn-secondary:hover {
-            background: #1890c6;
-            box-shadow: 0 8px 20px rgba(28, 176, 246, 0.3);
+            background: var(--primary);
+            box-shadow: 0 8px 20px rgba(106, 17, 203, 0.3);
         }
 
         footer {
@@ -396,7 +398,7 @@
         }
 
         .method-get {
-            background: rgba(88, 204, 2, 0.2);
+            background: rgba(106, 17, 203, 0.2);
             color: var(--primary);
         }
 
@@ -479,7 +481,7 @@
         }
 
         .scroll-top:hover {
-            background: var(--primary-dark);
+            background: var(--secondary);
             transform: translateY(-5px);
         }
     </style>