:root{color-scheme:dark;--bg:#050a12;--panel:rgba(9,22,38,.78);--line:rgba(71,164,255,.2);--line-strong:rgba(72,180,255,.55);--text:#eef8ff;--muted:#8ea8bf;--blue:#38bdf8;--cyan:#62e7ff;--green:#58dc8b;--orange:#ffba5a;--red:#ff6678;--unknown:#95a9bc;--shadow:0 24px 80px rgba(0,0,0,.42)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 50% -20%,rgba(0,126,255,.22),transparent 42%),linear-gradient(180deg,#07111f 0%,#050a12 60%,#03070d 100%);color:var(--text);font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.background-grid{position:fixed;inset:0;z-index:-4;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(65,155,240,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(65,155,240,.07) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 95%)}.glow{position:fixed;z-index:-3;width:520px;height:520px;border-radius:50%;filter:blur(110px);opacity:.14;pointer-events:none}.glow-left{top:18%;left:-260px;background:#006eff}.glow-right{right:-260px;bottom:10%;background:#00d4ff}.corner-circuit{position:fixed;z-index:-2;width:220px;height:150px;opacity:.12;background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(72,184,255,.65) 25px 27px,transparent 28px 52px),repeating-linear-gradient(0deg,transparent 0 24px,rgba(72,184,255,.45) 25px 27px,transparent 28px 52px);mask-image:radial-gradient(circle at center,#000,transparent 75%)}.corner-circuit-left{left:10px;bottom:35px}.corner-circuit-right{right:10px;top:95px;transform:rotate(180deg)}.page{width:min(1180px,calc(100% - 30px));margin:0 auto;padding:26px 0 34px}.glass-panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(14,33,56,.88),rgba(8,18,31,.78));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(18px)}.masthead{position:relative;display:grid;grid-template-columns:1fr minmax(360px,620px) 1fr;align-items:center;gap:28px;overflow:hidden;padding:32px 28px;border-radius:22px}.masthead:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(45,176,255,.12),transparent 44%);pointer-events:none}.masthead:after{content:"";position:absolute;left:15%;right:15%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 20px var(--cyan)}.brand{position:relative;z-index:1;text-align:center}.brand-label{margin:0 0 4px;color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.54em}.brand-logo{display:block;width:min(100%,620px);height:auto;margin:0 auto;filter:drop-shadow(0 0 10px rgba(99,205,255,.45));animation:logoBreath 9s ease-in-out infinite}.brand-subtitle{margin:-2px 0 0;color:#b0c6d8;font-size:1rem;letter-spacing:.18em;text-transform:uppercase}.circuit{display:grid;gap:11px;opacity:.78}.circuit span{position:relative;display:block;height:2px;background:linear-gradient(90deg,transparent,rgba(54,183,255,.95));box-shadow:0 0 11px rgba(54,183,255,.7)}.circuit span:after{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;border:1px solid var(--cyan);border-radius:50%;background:#07111f;box-shadow:0 0 10px var(--cyan);transform:translate(50%,-50%)}.circuit span:nth-child(2){width:76%;margin-left:auto}.circuit span:nth-child(3){width:50%;margin-left:auto}.circuit-right{transform:scaleX(-1)}.hero{padding:72px 20px 58px;text-align:center}.hero-badge{display:inline-flex;padding:7px 11px;border:1px solid rgba(80,185,255,.3);border-radius:999px;background:rgba(11,39,66,.54);color:#78d5ff;font-size:.72rem;font-weight:800;letter-spacing:.2em}.hero h1{margin:22px 0 0;font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.035em}.homelab-button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:min(520px,100%);margin:38px auto 0;padding:20px 22px;border:1px solid rgba(72,183,255,.72);border-radius:17px;background:linear-gradient(180deg,rgba(18,67,108,.9),rgba(8,31,55,.97));box-shadow:0 0 0 1px rgba(69,178,255,.08) inset,0 0 34px rgba(0,127,255,.18);color:#dff6ff;text-align:left;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.homelab-button:hover,.homelab-button:focus-visible{transform:translateY(-3px);border-color:#80dcff;box-shadow:0 0 0 1px rgba(92,195,255,.15) inset,0 0 48px rgba(0,145,255,.3);outline:none}.button-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(109,214,255,.38);border-radius:13px;background:rgba(6,28,49,.72);color:#7ad8ff}.button-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.button-copy{display:grid;gap:5px}.button-copy strong{font-size:1.2rem}.button-copy small{color:#91aec3;font-size:.82rem}.button-arrow{color:#77d8ff;font-size:1.65rem;transition:transform .18s ease}.homelab-button:hover .button-arrow,.homelab-button:focus-visible .button-arrow{transform:translateX(5px)}.services{padding-top:6px}.section-title{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-bottom:26px}.section-title span{height:1px;background:linear-gradient(90deg,transparent,var(--line-strong))}.section-title span:last-child{background:linear-gradient(90deg,var(--line-strong),transparent)}.section-title h2{margin:0;color:var(--blue);font-size:.86rem;letter-spacing:.34em;text-align:center;text-transform:uppercase}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-card{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:19px;min-height:132px;overflow:hidden;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(14,34,58,.95),rgba(8,20,34,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 38px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,background .18s ease}.service-card:before{content:"";position:absolute;left:0;right:0;top:0;height:42%;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent);pointer-events:none}.service-card:after{content:"";position:absolute;right:-70px;bottom:-90px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(48,169,255,.1),transparent 68%);pointer-events:none}.service-card:hover{transform:translateY(-3px);border-color:rgba(84,190,255,.48);background:linear-gradient(135deg,rgba(16,40,68,.98),rgba(9,23,40,.94))}.service-logo{position:relative;z-index:1;display:grid;place-items:center;width:62px;height:62px;padding:7px;border:1px solid rgba(80,184,255,.24);border-radius:15px;background:linear-gradient(180deg,rgba(15,57,94,.78),rgba(8,35,60,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.service-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain}.service-main{position:relative;z-index:1;min-width:0}.service-name{margin:0;overflow:hidden;color:#f4faff;font-size:1.12rem;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.service-description{margin:8px 0 0;overflow:hidden;color:var(--muted);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.status-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid currentColor;border-radius:999px;background:rgba(5,13,23,.42);font-size:.8rem;font-weight:800;white-space:nowrap}.status-dot{display:inline-block;width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.status-online{color:var(--green)}.status-maintenance,.status-degraded{color:var(--orange)}.status-offline{color:var(--red)}.status-unknown{color:var(--unknown)}.status-online .status-dot{animation:pulse 3.8s ease-out infinite}.refresh-line{margin-top:17px;color:#6f879c;font-size:.78rem;text-align:right}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:44px;padding:19px 22px;border-radius:15px;color:var(--muted);font-size:.88rem}.footer p{margin:0}.global-status{display:inline-flex;align-items:center;gap:9px}.skeleton{border-radius:8px;background:linear-gradient(90deg,rgba(103,145,179,.08) 20%,rgba(103,145,179,.18) 45%,rgba(103,145,179,.08) 70%);background-size:220% 100%;animation:shimmer 1.5s linear infinite}.skeleton-title{width:68%;height:13px}.skeleton-text{width:44%;height:10px;margin-top:10px}.skeleton-status{width:85px;height:31px;border-radius:999px}.noscript{position:fixed;right:18px;bottom:18px;padding:12px 16px;border:1px solid var(--red);border-radius:10px;background:#2a1015;color:#ffd7dd}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(88,220,139,.32),0 0 8px currentColor}70%{box-shadow:0 0 0 7px rgba(88,220,139,0),0 0 8px currentColor}100%{box-shadow:0 0 0 0 rgba(88,220,139,0),0 0 8px currentColor}}@keyframes shimmer{to{background-position:-220% 0}}@keyframes logoBreath{0%,100%{filter:drop-shadow(0 0 9px rgba(99,205,255,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 16px rgba(99,205,255,.56));transform:scale(1.006)}}@media(max-width:780px){.page{width:min(100% - 18px,1180px);padding-top:9px}.masthead{grid-template-columns:1fr;padding:28px 14px;border-radius:17px}.circuit{display:none}.brand-label{letter-spacing:.34em}.brand-subtitle{font-size:.84rem}.hero{padding:55px 8px 52px}.services-grid{grid-template-columns:1fr}.service-card{grid-template-columns:58px minmax(0,1fr)}.status-badge{grid-column:2;justify-self:start}.footer{flex-direction:column;align-items:flex-start}.refresh-line{text-align:left}.corner-circuit{display:none}}@media(max-width:470px){.homelab-button{grid-template-columns:auto 1fr}.button-arrow{display:none}.service-description{white-space:normal}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}