particle changes

servers/style.css

@@ -88,4 +88,47 @@ footer {
         opacity: 1;
         transform: translateY(0) scale(1);
     }
+}
+
+.particle {
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    background: rgba(255, 200, 100, 0.8);
+    border-radius: 50%;
+    pointer-events: auto;
+    animation: float-up linear infinite;
+}
+
+.large {
+    width: 15px;
+    height: 15px;
+}
+
+.mini-particle {
+    position: absolute;
+    width: 5px;
+    height: 5px;
+    background: rgba(255, 100, 50, 0.9);
+    border-radius: 50%;
+    animation: explode 2s linear forwards;
+}
+
+.glow {
+    box-shadow: 0 0 10px 5px rgba(255, 200, 100, 1);
+}
+
+.fade-out {
+    opacity: 0;
+    transition: opacity 0.5s;
+}
+
+@keyframes float-up {
+    0% { transform: translateY(0); }
+    100% { transform: translateY(-100vh); }
+}
+
+@keyframes explode {
+    0% { transform: translate(0, 0); }
+    100% { transform: translate(var(--dx), var(--dy)); }
 }