fix(landing): restore border-radius to circular orbit elements

Author: yash-pouranik

apps/landing/src/styles/landing.css

@@ -87,6 +87,7 @@ body:has(.landing-page)::-webkit-scrollbar {
 }
 
 .hero-glow {
+    border-radius: 50%;
     position: absolute;
     top: -15%;
     left: 50%;
@@ -1272,6 +1273,7 @@ body:has(.landing-page)::-webkit-scrollbar {
 }
 
 .dot {
+    border-radius: 50%;
     width: 12px;
     height: 12px;
     box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 0 4px rgba(0,0,0,0.5);
@@ -1481,6 +1483,7 @@ body:has(.landing-page)::-webkit-scrollbar {
 }
 
 .orbit-sun-logo {
+    border-radius: 50%;
     width: 80px;
     height: 80px;
     border: 2px solid rgba(0, 245, 212, 0.4);
@@ -1491,6 +1494,7 @@ body:has(.landing-page)::-webkit-scrollbar {
 }
 
 .orbit-sun-glow {
+    border-radius: 50%;
     position: absolute;
     width: 120px;
     height: 120px;
@@ -1506,6 +1510,7 @@ body:has(.landing-page)::-webkit-scrollbar {
 }
 
 .orbit-sun-ring-dec {
+    border-radius: 50%;
     position: absolute;
     border: 1px solid rgba(0, 245, 212, 0.15);
     transform: rotateX(65deg) rotateY(-10deg);
@@ -1537,6 +1542,7 @@ body:has(.landing-page)::-webkit-scrollbar {
 }
 
 .orbit-ring {
+    border-radius: 50%;
     position: absolute;
     border: 1.5px dashed rgba(255, 255, 255, 0.15);
     pointer-events: none;
@@ -1560,6 +1566,7 @@ body:has(.landing-page)::-webkit-scrollbar {
 
 /* Cosmic Orbit Dust */
 .orbit-dust {
+    border-radius: 50%;
     position: absolute;
     left: 50%;
     top: 50%;
@@ -2480,6 +2487,7 @@ body:has(.landing-page)::-webkit-scrollbar {
 }
 
 .timeline-node-dot {
+    border-radius: 50%;
     width: 16px;
     height: 16px;
     background: #030303;
@@ -2700,6 +2708,7 @@ body:has(.landing-page)::-webkit-scrollbar {
 }
 
 .loader-dot {
+    border-radius: 50%;
     width: 10px;
     height: 10px;
     animation: loaderDotBounce 1.2s infinite ease-in-out;
@@ -2764,6 +2773,7 @@ body:has(.landing-page)::-webkit-scrollbar {
         justify-content: flex-start;
     }
     .timeline-node-dot {
+    border-radius: 50%;
         margin-left: -7px; /* center perfectly on the 2px line */
     }
     .timeline-item-odd .timeline-card-wrapper,
@@ -2965,6 +2975,7 @@ body:has(.landing-page)::-webkit-scrollbar {
 }
 
 .mini-circle {
+    border-radius: 50%;
     width: 6px;
     height: 6px;
 }
@@ -2996,6 +3007,7 @@ body:has(.landing-page)::-webkit-scrollbar {
 }
 
 .mini-dot {
+    border-radius: 50%;
     width: 4px;
     height: 4px;
     background: #00f5d4;
@@ -3832,6 +3844,7 @@ body:has(.landing-page)::-webkit-scrollbar {
 }
 
 .lh-engine {
+    border-radius: 50%;
     width: 34px;
     height: 34px;
     background: rgba(0, 0, 0, 0.5);
@@ -3941,6 +3954,7 @@ body:has(.landing-page)::-webkit-scrollbar {
     .orbit-connect-line::after,
     .hero-glow,
     .byom-pipe-particle {
+    border-radius: 50%;
         animation: none !important;
     }
 }