:root{--accent:#7cff8e;--bg:#07070a;--surface:#ffffff0f;--surface-strong:#ffffff1a;--border:#ffffff1f;--text-dim:#ffffffb8}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page{max-width:1100px;min-height:100vh;margin:0 auto;padding:44px 22px 70px;position:relative}.page:before,.page:after{content:"";z-index:-1;pointer-events:none;filter:blur(42px);background:radial-gradient(closest-side at 20% 20%,#ff00ff57,#f0f0 60%),radial-gradient(closest-side at 80% 30%,#7cff8e42,#7cff8e00 60%),radial-gradient(closest-side at 60% 85%,#ff4ce338,#ff4ce300 58%);position:fixed;inset:-25vh -25vw}.page:after{filter:blur(66px);opacity:.8;background:radial-gradient(closest-side at 30% 70%,#7cff8e2e,#7cff8e00 60%),radial-gradient(closest-side at 75% 65%,#f0f3,#f0f0 58%)}.hero{text-align:center;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff14,#ffffff0a);border-radius:22px;padding:18px 16px}.heroLogo{width:min(260px,62vw);height:auto;margin:0 auto;display:block}.buttonPrimary{color:var(--accent);background:0 0;border:1px solid #7cff8e8c;border-radius:999px;justify-content:center;align-items:center;padding:14px 18px;font-weight:750;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #00000059}.buttonPrimary:focus-visible{outline-offset:4px;outline:3px solid #fff}.buttonGhost{appearance:none;color:var(--accent);background:0 0;border:1px solid #7cff8e8c;border-radius:999px;padding:10px 14px;font-weight:650}.buttonGhost:focus-visible{outline-offset:3px;outline:2px solid #fff}.carousel{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;margin-top:18px;padding:16px}.carouselGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.carouselTile{cursor:pointer;background:0 0;border:0;padding:0}.carouselTile:focus-visible{outline-offset:4px;border-radius:16px;outline:3px solid #fff}.carouselXfade{position:relative}.carouselXfadeFrom,.carouselXfadeTo{position:absolute;inset:0}.carouselXfadeFrom{animation:carouselFadeOut var(--fade-ms,1.1s)ease-in-out forwards}.carouselXfadeTo{opacity:0;animation:carouselFadeIn var(--fade-ms,1.1s)ease-in-out forwards}@keyframes carouselFadeOut{0%{opacity:1}to{opacity:0}}@keyframes carouselFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:720px){.carouselGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}.carouselFrame{background:#00000040;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000040}.carouselImage{object-fit:contain;width:100%;height:min(280px,34vh);display:block}.carouselControls{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.lightbox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#000000b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.lightboxInner{background:#00000073;border:1px solid #ffffff24;border-radius:18px;width:min(1100px,96vw);max-height:90vh;position:relative;overflow:hidden}.lightboxClose{appearance:none;color:var(--accent);background:0 0;border:1px solid #7cff8e8c;border-radius:999px;padding:10px 12px;font-weight:700;position:absolute;top:10px;right:10px}.lightboxClose:focus-visible{outline-offset:4px;outline:3px solid #fff}.lightboxImage{object-fit:contain;width:100%;height:min(86vh,760px);display:block}.carouselMeta{color:var(--text-dim);font-weight:600}.linksSection{margin-top:18px}.notice{border:1px solid var(--border);color:var(--text-dim);background:#ffffff0d;border-radius:16px;margin-top:14px;padding:12px 14px}.linksGrid{grid-template-columns:repeat(1,minmax(0,1fr));gap:14px;display:grid}@media (min-width:720px){.linksGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.linksGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.linkCard{color:inherit;background:linear-gradient(#7cff8e0f,#ffffff0a);border:1px solid #7cff8e2e;border-radius:18px;padding:16px;text-decoration:none;transition:transform .12s,border-color .12s,background .12s;display:block}.linkCard:hover{background:linear-gradient(#7cff8e1a,#ffffff0f);border-color:#7cff8e73;transform:translateY(-1px)}.linkCard:focus-visible{outline-offset:4px;outline:3px solid #fff}.linkCardTop{justify-content:space-between;align-items:center;gap:12px;display:flex}.linkTitle{letter-spacing:-.01em;font-weight:800}.linkDescription{color:var(--text-dim);margin-top:8px;line-height:1.4}.linkHref{color:#fff9;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.linkCardBottom{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.linkAction{color:var(--accent);background:0 0;border:1px solid #7cff8e8c;border-radius:999px;flex:none;padding:6px 10px;font-size:12px;font-weight:800}.statusPill{border:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:750;display:inline-flex}.status-unknown{color:#ffffffc7;background:#ffffff0d}.status-online{color:#061006;background:#7cff8ee6;border-color:#7cff8e80}.status-offline{color:#fffc;background:#ffffff0d}
