initial

css/sections/homelab.css

@@ -0,0 +1,68 @@
+.homelab-section {
+    margin-top: 18px;
+    padding: 32px 24px;
+    background: rgba(20, 20, 30, 0.10);
+    backdrop-filter: blur(24px) saturate(140%) brightness(1.08);
+    -webkit-backdrop-filter: blur(24px) saturate(140%) brightness(1.08);
+    border-radius: 24px;
+    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.18), inset 0 1px 0 rgba(255,255,255,0.10);
+    min-width: 26rem;
+    max-width: 26rem;
+    align-self: stretch;
+    display: flex;
+    flex-direction: column;
+    gap: 18px;
+}
+.homelab-title {
+    font-size: 1.4rem;
+    font-weight: 700;
+    margin-bottom: 10px;
+    letter-spacing: 0.03em;
+    background: linear-gradient(270deg, #764ba2, #2b2e6c, #764ba2, #2b2e6c);
+    background-size: 400% 400%;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    animation: homelab-gradient-move 12s linear infinite;
+}
+
+@keyframes homelab-gradient-move {
+    0% {
+        background-position: 0% 50%;
+    }
+    50% {
+        background-position: 100% 50%;
+    }
+    100% {
+        background-position: 0% 50%;
+    }
+}
+.homelab-buttons {
+    display: flex;
+    gap: 16px;
+    flex-wrap: wrap;
+}
+.homelab-btn {
+    padding: 12px 28px;
+    background: rgba(10, 18, 40, 0.85);
+    color: #fff;
+    border: none;
+    border-radius: 14px;
+    font-weight: 600;
+    font-size: 15px;
+    letter-spacing: 0.02em;
+    text-decoration: none;
+    box-shadow: 0 4px 24px 0 rgba(31, 38, 135, 0.18), 0 1.5px 0 rgba(255,255,255,0.08);
+    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.18s;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+}
+.homelab-btn:hover {
+    background: rgba(20, 30, 60, 0.95);
+    transform: translateY(-2px) scale(1.04);
+    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.28);
+}
+.homelab-btn:active {
+    transform: translateY(0px) scale(1.0);
+}