i think there is a bug, check it

components/mission-card.js

@@ -11,13 +11,12 @@ class MissionCard extends HTMLElement {
           box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
           transition: all 0.3s ease;
         }
-        
         :host(:hover) {
           transform: translateY(-5px);
           box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
+          cursor: pointer;
         }
-        
-        .header {
+.header {
           height: 8rem;
           background: linear-gradient(45deg, #6d28d9, #ec4899);
           display: flex;
@@ -140,7 +139,6 @@ class MissionCard extends HTMLElement {
           border-radius: 9999px;
           font-weight: 600;
         }
-        
         .view-btn {
           width: 100%;
           padding: 0.75rem;
@@ -156,8 +154,12 @@ class MissionCard extends HTMLElement {
           justify-content: center;
           gap: 0.5rem;
         }
-        
-        .view-btn:hover {
+
+        .view-btn:focus {
+          outline: 2px solid #7c3aed;
+          outline-offset: 2px;
+        }
+.view-btn:hover {
           transform: translateY(-2px);
           box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
         }

components/navbar.js

@@ -48,18 +48,22 @@ class CustomNavbar extends HTMLElement {
           gap: 2rem;
           align-items: center;
         }
-        
         .nav-link {
           color: #64748b;
           font-weight: 500;
           text-decoration: none;
           transition: color 0.2s;
+          padding: 0.5rem;
+          border-radius: 0.25rem;
         }
-        
-        .nav-link:hover {
+
+        .nav-link:focus {
+          outline: 2px solid #7c3aed;
+          outline-offset: 2px;
+        }
+.nav-link:hover {
           color: #6d28d9;
         }
-        
         .cta-btn {
           padding: 0.5rem 1.5rem;
           border-radius: 0.5rem;
@@ -67,9 +71,14 @@ class CustomNavbar extends HTMLElement {
           background: linear-gradient(45deg, #6d28d9, #ec4899);
           color: white;
           transition: all 0.2s;
+          outline: none;
         }
-        
-        .cta-btn:hover {
+
+        .cta-btn:focus {
+          outline: 2px solid #7c3aed;
+          outline-offset: 2px;
+        }
+.cta-btn:hover {
           transform: translateY(-2px);
           box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
         }

style.css

@@ -1,8 +1,10 @@
+
 body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
+	padding: 0;
+	margin: 0;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+	line-height: 1.5;
 }
-
 h1 {
 	font-size: 16px;
 	margin-top: 0;