diff --git a/templates/landing.html b/templates/landing.html
index d206de5..1095793 100644
--- a/templates/landing.html
+++ b/templates/landing.html
@@ -220,6 +220,19 @@
             justify-content: center;
         }
 
+        .archive-section {
+            background: linear-gradient(135deg, rgba(45, 55, 72, 0.9) 0%, rgba(26, 31, 46, 0.8) 100%);
+            backdrop-filter: blur(15px);
+            border-radius: 20px;
+            padding: 5rem 2rem;
+            margin: 2rem 0;
+            border: 1px solid rgba(102, 126, 234, 0.2);
+            min-height: 400px;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+        }
+
         .contact-btn {
             background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
             border: none;
@@ -324,7 +337,7 @@
             </div>
         </section>
 
-        <section class="contact-section">
+        <section class="archive-section">
             <div class="text-center">
                 <h2><i class="fas fa-archive"></i> LudiMC Chat Archive</h2>
                 <p style="color: #a0aec0; margin-bottom: 1rem;">Explore the complete chat history from LudiMC - the official Minecraft server of Ludi et Historia!</p>
@@ -342,7 +355,7 @@
                         <small style="color: #a0aec0;">Building & creativity</small>
                     </div>
                     <div style="background: rgba(244, 67, 54, 0.2); border: 1px solid rgba(244, 67, 54, 0.4); border-radius: 15px; padding: 1rem 1.5rem; min-width: 140px;">
-                        <i class="fas fa-sword" style="color: #f44336; font-size: 1.5rem; margin-bottom: 0.5rem;"></i>
+                        <i class="fas fa-chess-rook" style="color: #f44336; font-size: 1.5rem; margin-bottom: 0.5rem;"></i>
                         <h5 style="color: #f44336; margin: 0;">THESUR</h5>
                         <small style="color: #a0aec0;">Faction survival roleplay</small>
                     </div>