feat: Implement IP to color scheme mapping

closes #2
- updated page title
- attatched modal to "YOU GET" pill

src/theme.css

@@ -104,6 +104,16 @@
     background-position: 0px 0px;
 }
 
+.arrow-trail-text {
+    font-family: 'Space Mono', monospace;
+    font-size: 11px;
+    letter-spacing: 2px;
+    color: var(--color-accent);
+    text-shadow: 0 0 6px var(--color-accent), 0 0 14px var(--color-accent);
+    animation: arrow-trail-glow 1s linear infinite;
+    opacity: 0.85;
+}
+
 @keyframes dot-grid-drift-x {
     from {
         background-position: 0px 0px;
@@ -138,8 +148,80 @@
     }
 }
 
+@keyframes arrow-trail-glow {
+    0% {
+        opacity: 0.6;
+        text-shadow: 0 0 4px var(--color-accent), 0 0 10px var(--color-accent);
+    }
+
+    50% {
+        opacity: 1;
+        text-shadow: 0 0 8px var(--color-accent), 0 0 18px var(--color-accent);
+    }
+
+    100% {
+        opacity: 0.6;
+        text-shadow: 0 0 4px var(--color-accent), 0 0 10px var(--color-accent);
+    }
+}
+
+@keyframes modal-zoom {
+    0% {
+        opacity: 0;
+        transform: scale(0.92);
+    }
+
+    100% {
+        opacity: 1;
+        transform: scale(1);
+    }
+}
+
+@keyframes modal-exit {
+    0% {
+        opacity: 1;
+        transform: translateY(0) scale(1);
+    }
+
+    100% {
+        opacity: 0;
+        transform: translateY(18px) scale(0.96);
+    }
+}
+
+@keyframes pill-glow {
+    0% {
+        filter: drop-shadow(0 0 4px var(--color-accent)) drop-shadow(0 0 8px var(--color-accent));
+    }
+
+    50% {
+        filter: drop-shadow(0 0 7px var(--color-accent)) drop-shadow(0 0 14px var(--color-accent));
+    }
+
+    100% {
+        filter: drop-shadow(0 0 4px var(--color-accent)) drop-shadow(0 0 8px var(--color-accent));
+    }
+}
+
 @media (prefers-reduced-motion: reduce) {
     .dot-grid::before {
         animation: none;
     }
+
+    .arrow-trail-text {
+        animation: none;
+    }
+
+    .animate-\[modal-zoom_0\.25s_ease-out\] {
+        animation: none;
+    }
+
+    .animate-\[modal-exit_0\.2s_ease-in_forwards\] {
+        animation: none;
+    }
+
+    .animate-\[pill-glow_1\.6s_ease-in-out_infinite\] {
+        animation: none;
+        filter: drop-shadow(0 0 8px var(--color-accent));
+    }
 }