diff --git a/files.css b/files.css
index 9ad714b..51eef77 100644
--- a/files.css
+++ b/files.css
@@ -1,240 +1,446 @@
-:root {
-    --bg: #0b0b0b;
-    --surface: #121212;
-    --surface-2: #1a1a1a;
-    --border: #2a2a2a;
-    --border-strong: #3a3a3a;
+@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');
 
-    --text: #d0d0d0;
-    --text-muted: #8a8a8a;
-    --text-dim: #666;
-    --text-invert: #111;
+:root {
+    --bg:           #080808;
+    --surface:      #0f0f0f;
+    --surface-2:    #161616;
+    --surface-3:    #1e1e1e;
+    --border:       rgba(255,255,255,0.06);
+    --border-mid:   rgba(255,255,255,0.09);
+    --border-hover: rgba(255,255,255,0.14);
 
-    --accent: #ffffff;
+    --text:         #d4d4d4;
+    --text-muted:   #5a5a5a;
+    --text-dim:     #333;
+    --text-invert:  #080808;
 
-    --radius-sm: 6px;
-    --radius-md: 10px;
-    --radius-lg: 16px;
+    --white:        #ffffff;
+    --off-white:    #e8e8e8;
 
-    --transition: 0.2s ease;
+    --r:      8px;
+    --r-lg:   12px;
+    --r-xl:   16px;
+    --ease:   0.16s ease;
 }
 
-*,
-*::before,
-*::after {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-}
+*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+html { -webkit-font-smoothing: antialiased; }
 
 body {
     min-height: 100vh;
-    background: radial-gradient(1200px 600px at top, #111 0%, var(--bg) 60%);
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+    background: var(--bg);
+    font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
     color: var(--text);
     line-height: 1.6;
     display: flex;
-    align-items: center;
     justify-content: center;
-    padding: 40px;
+    align-items: flex-start;
+    padding: 48px 20px 80px;
+    position: relative;
+}
+
+body::before {
+    content: '';
+    position: fixed;
+    top: -200px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 800px;
+    height: 500px;
+    background: radial-gradient(ellipse at center, rgba(255,255,255,0.025) 0%, transparent 65%);
+    pointer-events: none;
 }
 
 .container {
     width: 100%;
-    max-width: 620px;
-    background: var(--surface);
-    border: 1px solid var(--border-strong);
-    border-radius: var(--radius-lg);
-    padding: 28px;
-    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
+    max-width: 680px;
+    animation: up 0.4s cubic-bezier(0.22,1,0.36,1) both;
+}
+
+@keyframes up {
+    from { opacity: 0; transform: translateY(14px); }
+    to   { opacity: 1; transform: translateY(0); }
 }
 
 .header {
-    margin-bottom: 22px;
-    padding-bottom: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 32px;
+    padding-bottom: 20px;
     border-bottom: 1px solid var(--border);
+    gap: 12px;
+    flex-wrap: wrap;
+}
+
+.logo-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.logo-icon {
+    width: 26px;
+    height: 26px;
+    border-radius: 7px;
+    background: var(--white);
+    flex-shrink: 0;
 }
 
 .logo {
-    font-size: 20px;
-    font-weight: 600;
-    color: var(--accent);
-    margin-bottom: 12px;
-    letter-spacing: -0.01em;
+    font-size: 16px;
+    font-weight: 700;
+    color: var(--white);
+    letter-spacing: -0.02em;
+}
+
+.logo-pill {
+    font-family: 'JetBrains Mono', monospace;
+    font-size: 9px;
+    font-weight: 500;
+    letter-spacing: 0.1em;
+    color: var(--text-muted);
+    background: var(--surface-2);
+    border: 1px solid var(--border-mid);
+    padding: 3px 7px;
+    border-radius: 4px;
+    text-transform: uppercase;
 }
 
 .nav {
     display: flex;
-    gap: 6px;
+    gap: 2px;
+    background: var(--surface-2);
+    border: 1px solid var(--border);
+    border-radius: var(--r);
+    padding: 3px;
 }
 
 .nav-btn {
     appearance: none;
     background: transparent;
-    border: 1px solid transparent;
-    padding: 6px 12px;
+    border: none;
+    padding: 6px 14px;
+    font-family: 'Plus Jakarta Sans', sans-serif;
     font-size: 13px;
     font-weight: 500;
     color: var(--text-muted);
-    border-radius: var(--radius-sm);
+    border-radius: 6px;
     cursor: pointer;
-    transition: background var(--transition), color var(--transition), border var(--transition);
+    transition: background var(--ease), color var(--ease);
+    white-space: nowrap;
 }
 
-.nav-btn:hover {
-    background: var(--surface-2);
-    color: var(--accent);
-}
+.nav-btn:hover { color: var(--text); }
 
 .nav-btn.active {
-    background: var(--accent);
-    color: var(--text-invert);
-    border-color: var(--accent);
-}
-
-.section {
-    display: none;
+    background: var(--surface-3);
+    color: var(--white);
 }
 
+.section { display: none; }
 .section.active {
     display: block;
+    animation: sectionIn 0.2s ease both;
+}
+
+@keyframes sectionIn {
+    from { opacity: 0; transform: translateY(4px); }
+    to   { opacity: 1; transform: translateY(0); }
 }
 
-.section-header {
+.release-banner {
+    background: var(--surface);
+    border: 1px solid var(--border-mid);
+    border-radius: var(--r-xl);
+    padding: 28px 30px;
     display: flex;
     align-items: center;
-    gap: 10px;
-    margin-bottom: 14px;
+    justify-content: space-between;
+    gap: 20px;
+    margin-bottom: 10px;
+    flex-wrap: wrap;
+    position: relative;
+    overflow: hidden;
 }
 
-.section-header h2 {
-    font-size: 15px;
-    font-weight: 600;
-    color: var(--accent);
+.release-banner::after {
+    content: '';
+    position: absolute;
+    top: -1px; left: 0; right: 0;
+    height: 1px;
+    background: linear-gradient(90deg, transparent 10%, rgba(255,255,255,0.1) 50%, transparent 90%);
 }
 
-.badge {
-    font-size: 11px;
-    font-weight: 500;
-    padding: 3px 8px;
-    background: var(--accent);
-    color: var(--text-invert);
-    border-radius: 999px;
+.release-eyebrow {
+    font-family: 'JetBrains Mono', monospace;
+    font-size: 10px;
+    letter-spacing: 0.1em;
+    text-transform: uppercase;
+    color: var(--text-muted);
+    margin-bottom: 8px;
+}
+
+.release-ver {
+    font-size: 38px;
+    font-weight: 800;
+    color: var(--white);
+    letter-spacing: -0.03em;
+    line-height: 1;
+    margin-bottom: 8px;
+}
+
+.release-date {
+    font-size: 12px;
+    color: var(--text-muted);
+    font-weight: 400;
+}
+
+.release-actions {
+    display: flex;
+    gap: 8px;
+    flex-shrink: 0;
+    align-items: center;
+}
+
+.two-col {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 10px;
+    margin-bottom: 10px;
 }
 
 .card {
-    background: var(--surface-2);
+    background: var(--surface);
     border: 1px solid var(--border);
-    border-radius: var(--radius-md);
-    padding: 14px;
-    margin-bottom: 10px;
+    border-radius: var(--r-lg);
+    padding: 20px 22px;
+    transition: border-color var(--ease);
 }
 
-.card h3 {
-    font-size: 14px;
+.card:hover { border-color: var(--border-mid); }
+
+.card--notes { margin-bottom: 0; }
+
+.card-title {
+    font-size: 12px;
     font-weight: 600;
-    color: var(--accent);
+    color: var(--white);
+    letter-spacing: 0.01em;
     margin-bottom: 6px;
+    text-transform: uppercase;
+    font-family: 'JetBrains Mono', monospace;
+    font-size: 10px;
+    letter-spacing: 0.09em;
+    color: var(--text-muted);
 }
 
-.card p {
+.card-desc {
     font-size: 13px;
     color: var(--text-muted);
-    margin-bottom: 10px;
+    margin-bottom: 14px;
+    font-weight: 400;
+    line-height: 1.5;
 }
 
-.card ul {
+.btn-group {
+    display: flex;
+    gap: 7px;
+    flex-wrap: wrap;
+}
+
+.notes {
     list-style: none;
+    columns: 2;
+    column-gap: 0;
 }
 
-.card li {
-    padding: 6px 0;
+.notes li {
     font-size: 13px;
     color: var(--text);
+    padding: 8px 16px 8px 0;
     border-bottom: 1px solid var(--border);
+    break-inside: avoid;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    line-height: 1.4;
+    transition: color var(--ease);
 }
 
-.card li:last-child {
-    border-bottom: none;
-}
-
-.version-info {
-    font-size: 12px;
-    color: var(--text-dim);
-}
+.notes li:hover { color: var(--white); }
 
-.link-group {
-    display: flex;
-    gap: 8px;
-    flex-wrap: wrap;
+.notes li::before {
+    content: '';
+    width: 3px;
+    height: 3px;
+    border-radius: 50%;
+    background: var(--text-muted);
+    flex-shrink: 0;
 }
 
 .btn {
     display: inline-flex;
     align-items: center;
-    justify-content: center;
-    padding: 8px 14px;
+    gap: 6px;
+    padding: 9px 18px;
+    font-family: 'Plus Jakarta Sans', sans-serif;
     font-size: 13px;
-    font-weight: 500;
+    font-weight: 600;
     text-decoration: none;
-    border-radius: var(--radius-sm);
-    transition: background var(--transition), color var(--transition), border var(--transition);
+    border-radius: var(--r);
+    border: 1px solid transparent;
+    white-space: nowrap;
+    cursor: pointer;
+    transition: background var(--ease), border-color var(--ease), color var(--ease), box-shadow var(--ease), transform 0.12s ease;
 }
 
+.btn:active { transform: scale(0.97); }
+
 .btn-primary {
-    background: var(--accent);
+    background: var(--white);
     color: var(--text-invert);
+    border-color: var(--white);
 }
 
 .btn-primary:hover {
-    background: #e5e5e5;
+    background: var(--off-white);
+    box-shadow: 0 0 28px rgba(255,255,255,0.1);
 }
 
-.btn-secondary {
+.btn-ghost {
+    background: transparent;
+    color: var(--text);
+    border-color: var(--border-mid);
+}
+
+.btn-ghost:hover {
+    background: var(--surface-2);
+    border-color: var(--border-hover);
+}
+
+.btn-sm {
+    padding: 7px 14px;
+    font-size: 12.5px;
     background: var(--surface-2);
     color: var(--text);
-    border: 1px solid var(--border);
+    border-color: var(--border);
+    border-radius: var(--r);
 }
 
-.btn-secondary:hover {
-    background: #222;
+.btn-sm:hover {
+    background: var(--surface-3);
+    border-color: var(--border-mid);
+    transform: translateY(-1px);
+}
+
+.btn-sm--accent {
+    background: var(--white);
+    color: var(--text-invert);
+    border-color: var(--white);
+}
+
+.btn-sm--accent:hover {
+    background: var(--off-white);
+    box-shadow: 0 0 20px rgba(255,255,255,0.08);
+}
+
+.section-heading {
+    font-size: 11px;
+    font-family: 'JetBrains Mono', monospace;
+    letter-spacing: 0.1em;
+    text-transform: uppercase;
+    color: var(--text-muted);
+    margin-bottom: 14px;
 }
 
 .archive-list {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: var(--r-lg);
+    overflow: hidden;
 }
 
-.archive-item {
+.archive-row {
     display: flex;
-    justify-content: space-between;
     align-items: center;
-    padding: 10px 12px;
-    background: var(--surface-2);
-    border: 1px solid var(--border);
-    border-radius: var(--radius-sm);
+    padding: 14px 20px;
+    border-bottom: 1px solid var(--border);
     text-decoration: none;
-    color: var(--text);
-    transition: background var(--transition), border var(--transition), transform var(--transition);
+    transition: background var(--ease);
+    gap: 12px;
 }
 
-.archive-item:hover {
-    background: #232323;
-    border-color: var(--border-strong);
-    transform: translateY(-1px);
-}
+.archive-row:last-child { border-bottom: none; }
+
+.archive-row:hover { background: var(--surface-2); }
 
-.archive-item .version {
+.archive-row:hover .aa { opacity: 1; color: var(--white); }
+
+.av {
+    font-family: 'JetBrains Mono', monospace;
     font-size: 13px;
     font-weight: 500;
-    color: var(--accent);
+    color: var(--white);
+    flex: 1;
 }
 
-.archive-item .type {
+.at {
+    font-family: 'JetBrains Mono', monospace;
     font-size: 11px;
     color: var(--text-muted);
-    background: #2a2a2a;
-    padding: 2px 6px;
-    border-radius: 999px;
+    background: var(--surface-2);
+    border: 1px solid var(--border);
+    padding: 2px 8px;
+    border-radius: 4px;
+    letter-spacing: 0.06em;
+}
+
+.aa {
+    font-size: 14px;
+    color: var(--text-dim);
+    opacity: 0.4;
+    transition: color var(--ease), opacity var(--ease);
+    margin-left: 4px;
+}
+
+.support-list {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.support-card {
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: var(--r-lg);
+    padding: 20px 22px;
+    transition: border-color var(--ease);
+}
+
+.support-card:hover { border-color: var(--border-mid); }
+
+.support-card-title {
+    font-size: 14px;
+    font-weight: 700;
+    color: var(--white);
+    margin-bottom: 6px;
+    letter-spacing: -0.01em;
+}
+
+.support-card p {
+    font-size: 13px;
+    color: var(--text-muted);
+    margin-bottom: 14px;
+    line-height: 1.55;
+    font-weight: 400;
+}
+
+@media (max-width: 520px) {
+    body { padding: 24px 16px 60px; }
+    .two-col { grid-template-columns: 1fr; }
+    .notes { columns: 1; }
+    .header { flex-direction: column; align-items: flex-start; }
+    .release-banner { flex-direction: column; align-items: flex-start; }
+    .release-ver { font-size: 28px; }
 }
diff --git a/index.html b/index.html
index cdeb154..dce12a0 100644
--- a/index.html
+++ b/index.html
@@ -1,17 +1,25 @@
 <!doctype html>
 <html lang="en">
-
 <head>
   <title>TuffClient</title>
   <meta charset="utf-8" />
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
-  <link type="text/css" rel="stylesheet" href="files.css" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="files.css" />
+  <script>
+    window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
+  </script>
+  <script defer src="/_vercel/insights/script.js"></script>
 </head>
-
 <body>
+
   <div class="container">
     <header class="header">
-      <h1 class="logo">Tuff Untested</h1>
+      <div class="logo-row">
+        <div class="logo-icon"></div>
+        <span class="logo">TuffClient</span>
+        <span class="logo-pill">UNTESTED</span>
+      </div>
       <nav class="nav">
         <button class="nav-btn active" data-section="latest">Latest</button>
         <button class="nav-btn" data-section="archive">Archive</button>
@@ -20,45 +28,51 @@ <h1 class="logo">Tuff Untested</h1>
     </header>
 
     <main>
+
       <section id="latest" class="section active">
-        <div class="section-header">
-          <h2>Latest Build</h2>
-          <span class="badge">1.1UT13</span>
-        </div>
-        
-        <div class="card">
-          <h3>Play Online</h3>
-          <div class="link-group">
-            <a href="files/1_1UT13/WASM/" class="btn btn-primary">WASM Version</a>
-            <a href="files/1_1UT13/JS/" class="btn btn-secondary">JS Version</a>
-          </div>
-        </div>
 
-        <div class="card">
-          <h3>Download Offline</h3>
-          <div class="link-group">
-            <a href="files/1_1UT13/WASM/Tuff_Client_Offline_WASM.html" download class="btn btn-secondary">WASM Offline</a>
-            <a href="files/1_1UT13/JS/Tuff_Client_JS.html" download class="btn btn-secondary">JS Offline</a>
+        <div class="release-banner">
+          <div class="release-banner-left">
+            <div class="release-eyebrow">Current release</div>
+            <div class="release-ver">1.1UT13</div>
+            <div class="release-date">February 9, 2026</div>
+          </div>
+          <div class="release-actions">
+            <a href="files/1_1UT13/WASM/" class="btn btn-primary">
+              Play WASM
+              <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7h9M8 3.5L11.5 7 8 10.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+            </a>
+            <a href="files/1_1UT13/JS/" class="btn btn-ghost">Play JS</a>
           </div>
         </div>
 
-        <div class="card">
-          <h3>Quick Links</h3>
-          <div class="link-group">
-            <a href="https://github.com/TuffNetwork/TuffXPlus/releases/download/1.0.0/TuffXPlus-1.0.0.jar" download class="btn btn-primary">Download TuffX+ Plugin 1.0.0</a>
-            <a href="https://github.com/TuffNetwork/Tuff-Client-Builds/releases/tag/1.1UT13" class="btn btn-secondary">GitHub Releases</a>
+        <div class="two-col">
+          <div class="card">
+            <div class="card-title">Download Offline</div>
+            <p class="card-desc">Save a local copy to play without internet.</p>
+            <div class="btn-group">
+              <a href="files/1_1UT13/WASM/Tuff_Client_Offline_WASM.html" download class="btn btn-sm">WASM Offline</a>
+              <a href="files/1_1UT13/JS/Tuff_Client_JS.html" download class="btn btn-sm">JS Offline</a>
+            </div>
+          </div>
+          <div class="card">
+            <div class="card-title">Quick Links</div>
+            <p class="card-desc">Server-side plugin and source releases.</p>
+            <div class="btn-group">
+              <a href="https://github.com/TuffNetwork/TuffXPlus/releases/download/1.0.0/TuffXPlus-1.0.0.jar" download class="btn btn-sm btn-sm--accent">TuffX+ Plugin 1.0.0</a>
+              <a href="https://github.com/TuffNetwork/Tuff-Client-Builds/releases/tag/1.1UT13" class="btn btn-sm">GitHub</a>
+            </div>
           </div>
         </div>
 
-        <div class="card notes">
-          <h3>Release Notes</h3>
-          <p class="version-info">Version 1.1UT13 — Feb 9, 2026</p>
-          <ul>
+        <div class="card card--notes">
+          <div class="card-title">Release Notes</div>
+          <ul class="notes">
             <li>Full trident support with riptide</li>
             <li>Redid Y0</li>
             <li>Viablocks WALIA support</li>
-            <li>Huge optimizations</li>
-            <li>Scrollable Zoom</li>
+            <li>Huge optimisations</li>
+            <li>Scrollable zoom</li>
             <li>Fixed trims</li>
             <li>Viasounds</li>
             <li>Server-side Viaentities</li>
@@ -72,108 +86,75 @@ <h3>Release Notes</h3>
       </section>
 
       <section id="archive" class="section">
-        <div class="section-header">
-          <h2>Archived Builds</h2>
-        </div>
-        
-        <div class="card">
-          <div class="archive-list">
-            <a href="files/1_1UT12/WASM/" class="archive-item">
-              <span class="version">1.1UT12</span>
-              <span class="type">WASM</span>
-            </a>
-            <a href="files/1_1UT11/WASM/" class="archive-item">
-              <span class="version">1.1UT11</span>
-              <span class="type">WASM</span>
-            </a>
-            <a href="files/1_1UD10/WASM/" class="archive-item">
-              <span class="version">1.1UD10</span>
-              <span class="type">WASM</span>
-            </a>
-            <a href="files/1_1UT9/WASM/" class="archive-item">
-              <span class="version">1.1UT9</span>
-              <span class="type">WASM</span>
-            </a>
-            <a href="files/1_1UT8/WASM/" class="archive-item">
-              <span class="version">1.1UT8</span>
-              <span class="type">WASM</span>
-            </a>
-            <a href="files/1_1UT7/WASM/" class="archive-item">
-              <span class="version">1.1UT7</span>
-              <span class="type">WASM</span>
-            </a>
-            <a href="files/1_1UT6/WASM/" class="archive-item">
-              <span class="version">1.1UT6</span>
-              <span class="type">WASM</span>
-            </a>
-            <a href="files/1_1UT6/JS/" class="archive-item">
-              <span class="version">1.1UT6</span>
-              <span class="type">JS</span>
-            </a>
-            <a href="files/1_1UT5/WASM/" class="archive-item">
-              <span class="version">1.1UT5</span>
-              <span class="type">WASM</span>
-            </a>
-            <a href="files/1_1UT5/JS/" class="archive-item">
-              <span class="version">1.1UT5</span>
-              <span class="type">JS</span>
-            </a>
-          </div>
+        <div class="section-heading">Archived Builds</div>
+        <div class="archive-list">
+          <a href="files/1_1UT12/WASM/" class="archive-row"><span class="av">1.1UT12</span><span class="at">WASM</span><span class="aa">↗</span></a>
+          <a href="files/1_1UT11/WASM/" class="archive-row"><span class="av">1.1UT11</span><span class="at">WASM</span><span class="aa">↗</span></a>
+          <a href="files/1_1UD10/WASM/" class="archive-row"><span class="av">1.1UD10</span><span class="at">WASM</span><span class="aa">↗</span></a>
+          <a href="files/1_1UT9/WASM/"  class="archive-row"><span class="av">1.1UT9</span><span class="at">WASM</span><span class="aa">↗</span></a>
+          <a href="files/1_1UT8/WASM/"  class="archive-row"><span class="av">1.1UT8</span><span class="at">WASM</span><span class="aa">↗</span></a>
+          <a href="files/1_1UT7/WASM/"  class="archive-row"><span class="av">1.1UT7</span><span class="at">WASM</span><span class="aa">↗</span></a>
+          <a href="files/1_1UT6/WASM/"  class="archive-row"><span class="av">1.1UT6</span><span class="at">WASM</span><span class="aa">↗</span></a>
+          <a href="files/1_1UT6/JS/"    class="archive-row"><span class="av">1.1UT6</span><span class="at">JS</span><span class="aa">↗</span></a>
+          <a href="files/1_1UT5/WASM/"  class="archive-row"><span class="av">1.1UT5</span><span class="at">WASM</span><span class="aa">↗</span></a>
+          <a href="files/1_1UT5/JS/"    class="archive-row"><span class="av">1.1UT5</span><span class="at">JS</span><span class="aa">↗</span></a>
         </div>
       </section>
 
       <section id="support" class="section">
-        <div class="section-header">
-          <h2>Support</h2>
-        </div>
-        
-        <div class="card">
-          <h3>Having Issues?</h3>
-          <p>If you're experiencing errors, try clearing your browser cookies first.</p>
-          <a href="https://support.google.com/accounts/answer/32050?hl=en&co=GENIE.Platform%3DDesktop" class="btn btn-secondary">Clear Cookies Guide</a>
-        </div>
-
-        <div class="card">
-          <h3>Report Bugs</h3>
-          <p>Found a bug? Let us know on Discord.</p>
-          <a href="https://discord.com/invite/7UnXG6bE3b" class="btn btn-secondary">Join Discord</a>
-        </div>
-
-        <div class="card">
-          <h3>Self-Hosting</h3>
-          <p>Want to host your own instance?</p>
-          <a href="https://github.com/TuffNetwork/BrickTesting" class="btn btn-secondary">View on GitHub</a>
+        <div class="section-heading">Support</div>
+        <div class="support-list">
+          <div class="support-card">
+            <div class="support-card-top">
+              <div class="support-card-title">Having Issues?</div>
+            </div>
+            <p>Errors or broken behaviour? Clearing your browser cookies usually fixes it.</p>
+            <a href="https://support.google.com/accounts/answer/32050?hl=en&co=GENIE.Platform%3DDesktop" class="btn btn-sm">Clear Cookies Guide</a>
+          </div>
+          <div class="support-card">
+            <div class="support-card-top">
+              <div class="support-card-title">Report Bugs</div>
+            </div>
+            <p>Found something broken? Let us know on Discord.</p>
+            <a href="https://discord.com/invite/7UnXG6bE3b" class="btn btn-sm btn-sm--accent">Join Discord</a>
+          </div>
+          <div class="support-card">
+            <div class="support-card-top">
+              <div class="support-card-title">Self-Hosting</div>
+            </div>
+            <p>Want to host your own TuffClient instance?</p>
+            <a href="https://github.com/TuffNetwork/BrickTesting" class="btn btn-sm">View on GitHub</a>
+          </div>
         </div>
       </section>
+
     </main>
   </div>
 
   <script>
-    document.querySelectorAll('.nav-btn').forEach(function (btn) {
-      btn.addEventListener('click', function () {
-        document.querySelectorAll('.nav-btn').forEach(function (b) { b.classList.remove('active'); });
-        document.querySelectorAll('.section').forEach(function (s) { s.classList.remove('active'); });
+    document.querySelectorAll('.nav-btn').forEach(function(btn) {
+      btn.addEventListener('click', function() {
+        document.querySelectorAll('.nav-btn').forEach(function(b) { b.classList.remove('active'); });
+        document.querySelectorAll('.section').forEach(function(s) { s.classList.remove('active'); });
         btn.classList.add('active');
         document.getElementById(btn.dataset.section).classList.add('active');
       });
     });
 
     if ('serviceWorker' in navigator) {
-      var swReady = navigator.serviceWorker.register('/sw.js').then(function () {
+      var swReady = navigator.serviceWorker.register('/sw.js').then(function() {
         if (navigator.serviceWorker.controller) return;
-        return new Promise(function (r) {
+        return new Promise(function(r) {
           navigator.serviceWorker.addEventListener('controllerchange', r, { once: true });
         });
       });
-
-      document.addEventListener('click', function (e) {
+      document.addEventListener('click', function(e) {
         var link = e.target.closest('a[href*="/files/"]');
         if (!link) return;
         e.preventDefault();
-        swReady.then(function () { location.href = link.href; });
+        swReady.then(function() { location.href = link.href; });
       });
     }
   </script>
 </body>
-
 </html>
diff --git a/js/eags-servers.js b/js/eags-servers.js
index 37870d1..c230484 100644
--- a/js/eags-servers.js
+++ b/js/eags-servers.js
@@ -1,22 +1,28 @@
 (function () {
     var servers = [
+        { addr: "wss://play.aethermc.cc", name: "§c§lAetherMC" },
+        { addr: "wss://eag.aethermc.cc", name: "§c§lAetherMC" },
         { addr: "wss://tuffest.org", name: "§c§ltuffnet" },
         { addr: "wss://tuff.ws", name: "§c§ltuffnet" }
     ];
 
-    var real = Object.defineProperty;
-    Object.defineProperty = function (obj, prop, desc) {
-        if (obj === window && prop === "eaglercraftXOpts") {
-            var get = desc.get, set = desc.set;
-            if (get && set) {
-                desc.set = function (v) {
-                    set.call(this, v);
-                    var opts = get.call(this);
-                    if (opts) opts.servers = servers;
-                };
+    var internalValue;
+
+    Object.defineProperty(window, "eaglercraftXOpts", {
+        configurable: true,
+        enumerable: true,
+        get: function () {
+            return internalValue;
+        },
+        set: function (v) {
+            if (v && typeof v === "object") {
+                v.servers = servers;
             }
-            Object.defineProperty = real;
+            internalValue = v;
         }
-        return real.call(this, obj, prop, desc);
-    };
+    });
+
+    if (window.eaglercraftXOpts) {
+        window.eaglercraftXOpts.servers = servers;
+    }
 })();