Make me code with Space grokest text:

style.css

@@ -1,13 +1,53 @@
 
 /* Cosmic Theme */
+@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700&display=swap');
+
 body {
     background: #000;
     color: #fff;
-    font-family: 'Space Mono', monospace;
+    font-family: 'Space Grotesk', sans-serif;
     min-height: 100vh;
     padding: 2rem;
 }
 
+.cosmic-text {
+    position: relative;
+    display: inline-block;
+    color: white;
+    text-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
+    letter-spacing: 2px;
+}
+
+.cosmic-text::after {
+    content: 'Seek the unknown';
+    position: absolute;
+    left: 0;
+    top: 0;
+    color: transparent;
+    text-shadow: 0 0 4px rgba(255, 255, 255, 0.3);
+    z-index: -1;
+    animation: cosmicGlow 3s infinite alternate;
+}
+
+@keyframes cosmicGlow {
+    0% {
+        transform: translate(0, 0);
+        opacity: 0.5;
+    }
+    25% {
+        transform: translate(2px, -2px);
+    }
+    50% {
+        transform: translate(-2px, 2px);
+    }
+    75% {
+        transform: translate(1px, -1px);
+    }
+    100% {
+        transform: translate(-1px, 1px);
+        opacity: 0.8;
+    }
+}
 /* Base Checkbox Styles */
 .checkbox-container {
     @apply relative;