diff --git a/index.html b/index.html
index e010661..f817fe7 100644
--- a/index.html
+++ b/index.html
@@ -322,14 +322,14 @@
                     Private Services
                 </h3>
                 <div class="services-grid">
-                    <a href="/services/nextcloud.html" class="service-card private-service" target="_blank">
+                    <a href="/services/nextcloud.html" class="service-card public" target="_blank" rel="noopener">
                         <div class="service-glow"></div>
                         <div class="service-icon" style="--icon-color: #0082c9; font-size: 28px;">☁️</div>
                         <h3 class="service-name">Nextcloud</h3>
                         <p class="service-desc">Private cloud storage, files, and collaboration</p>
-                        <div class="service-status online">
+                        <div class="service-status checking">
                             <span class="status-dot"></span>
-                            <span>Restricted</span>
+                            <span class="status-text">Checking...</span>
                         </div>
                         <div class="service-arrow">
                             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -338,14 +338,14 @@
                         </div>
                     </a>
 
-                    <a href="/services/netdata.html" class="service-card private-service" target="_blank">
+                    <a href="/services/netdata.html" class="service-card public" target="_blank" rel="noopener">
                         <div class="service-glow"></div>
                         <div class="service-icon" style="--icon-color: #00ab44; font-size: 28px;">📈</div>
                         <h3 class="service-name">Netdata</h3>
                         <p class="service-desc">Real-time system monitoring and metrics</p>
-                        <div class="service-status online">
+                        <div class="service-status checking">
                             <span class="status-dot"></span>
-                            <span>Restricted</span>
+                            <span class="status-text">Checking...</span>
                         </div>
                         <div class="service-arrow">
                             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -354,14 +354,14 @@
                         </div>
                     </a>
 
-                    <a href="/services/immich.html" class="service-card private-service" target="_blank">
+                    <a href="/services/immich.html" class="service-card public" target="_blank" rel="noopener">
                         <div class="service-glow"></div>
                         <div class="service-icon" style="--icon-color: #ad5c5c; font-size: 28px;">🖼️</div>
                         <h3 class="service-name">Immich</h3>
                         <p class="service-desc">Self-hosted photo and video backup solution</p>
-                        <div class="service-status online">
+                        <div class="service-status checking">
                             <span class="status-dot"></span>
-                            <span>Restricted</span>
+                            <span class="status-text">Checking...</span>
                         </div>
                         <div class="service-arrow">
                             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -370,14 +370,14 @@
                         </div>
                     </a>
 
-                    <a href="/services/portainer.html" class="service-card private-service" target="_blank">
+                    <a href="/services/portainer.html" class="service-card public" target="_blank" rel="noopener">
                         <div class="service-glow"></div>
                         <div class="service-icon" style="--icon-color: #13b6a6; font-size: 28px;">🐳</div>
                         <h3 class="service-name">Portainer</h3>
                         <p class="service-desc">Docker container management interface</p>
-                        <div class="service-status online">
+                        <div class="service-status checking">
                             <span class="status-dot"></span>
-                            <span>Restricted</span>
+                            <span class="status-text">Checking...</span>
                         </div>
                         <div class="service-arrow">
                             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -386,14 +386,14 @@
                         </div>
                     </a>
 
-                    <a href="/services/pihole.html" class="service-card private-service" target="_blank">
+                    <a href="/services/pihole.html" class="service-card public" target="_blank" rel="noopener">
                         <div class="service-glow"></div>
                         <div class="service-icon" style="--icon-color: #f97316; font-size: 28px;">🛡️</div>
                         <h3 class="service-name">Pi-hole</h3>
                         <p class="service-desc">Network-wide ad blocking and DNS filtering</p>
-                        <div class="service-status online">
+                        <div class="service-status checking">
                             <span class="status-dot"></span>
-                            <span>Restricted</span>
+                            <span class="status-text">Checking...</span>
                         </div>
                         <div class="service-arrow">
                             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">