Update dashboard design: elegant font and new tagline

- Change K-AI API title to Playfair Display serif font
- Use italic, lighter weight (400) for more elegant look
- Update tagline from 'completely free AI proxy' to
'Leading AI models reverse engineered to a simple api call'
- Add Google Fonts preconnect for better performance

static/docs.html

@@ -7,9 +7,8 @@
     <title>K-AI API — Feel free to AI</title>
     <meta name="description" content="K-AI API — Free AI proxy API. No signup, no API keys. Feel free to AI.">
     <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link
-        href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap"
-        rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
     <!-- Chart.js -->
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <style>
@@ -61,9 +60,11 @@
         }
 
         .hero h1 {
+            font-family: 'Playfair Display', serif;
             font-size: 72px;
-            font-weight: 900;
-            letter-spacing: -3px;
+            font-weight: 400;
+            font-style: italic;
+            letter-spacing: -1px;
             background: var(--gradient-hero);
             -webkit-background-clip: text;
             background-clip: text;
@@ -415,7 +416,7 @@
         <div class="container">
             <h1>K-AI API</h1>
             <p class="motto">Feel free to AI</p>
-            <p class="desc">The completely free AI proxy. No signup. No keys. Just code.</p>
+            <p class="desc">Leading AI models reverse engineered to a simple api call.</p>
         </div>
     </div>