Update frontend/css/style.css

frontend/css/style.css

@@ -447,6 +447,25 @@ html {
     -moz-osx-font-smoothing: grayscale;
 }
 
+
+/* ============================================
+   ACCESSIBILITY & POLISH
+   ============================================ */
+.loading-spinner {
+    display: inline-block;
+    width: 50px;
+    height: 50px;
+    border: 5px solid rgba(255, 255, 255, 0.3);
+    border-top-color: #78C841;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+    to { transform: rotate(360deg); }
+}
+
+
 ::selection {
     background: rgba(59, 130, 246, 0.3);
     color: white;