@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-300-normal.woff2)format("woff2")}:root{--bg:#07061a;--ink:#e9e4f7;--muted:#b8aedb;--accent:#aa6edc}*,:before,:after{box-sizing:border-box}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow:hidden}@property --gx{syntax:"<percentage>";inherits:false;initial-value:18%}@property --gy{syntax:"<percentage>";inherits:false;initial-value:22%}.gradient{z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 70% at var(--gx) var(--gy), #7b3fa0, #2a1560 40%, #0a0820 75%, var(--bg));animation:36s ease-in-out infinite alternate drift;position:fixed;inset:0}.highlight{z-index:1;pointer-events:none;mix-blend-mode:screen;filter:blur(40px);will-change:transform;background:radial-gradient(closest-side,#aa6edc8c,#aa6edc2e 35%,#0000 70%);width:70vmax;height:70vmax;margin:-35vmax 0 0 -35vmax;animation:28s ease-in-out infinite alternate travel;position:fixed;top:0;left:0;transform:translate(50vw,50vh)}@keyframes drift{0%{--gx:18%;--gy:22%}to{--gx:55%;--gy:58%}}@keyframes travel{0%{transform:translate(38vw,32vh)scale(.9)}50%{transform:translate(60vw,58vh)scale(1.12)}to{transform:translate(46vw,38vh)scale(1.05)}}@keyframes door-shell{0%{transform:translate(0)scale(1)}30%,47%{transform:translate(0)scale(3)}52%{animation-timing-function:step-end;transform:translate(calc(50vw + 200px))scale(3)}55%{transform:translate(calc(-50vw - 200px))scale(3)}70%,75%{transform:translate(0)scale(3)}95%,to{transform:translate(0)scale(1)}}@keyframes door-lintel{0%,5%{opacity:0;transform:translate(calc(-50vw - 200px))}10%{opacity:1;animation-timing-function:ease-out;transform:translate(calc(-50vw - 200px))}30%,95%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes door-threshold{0%,5%{opacity:0;transform:translate(calc(50vw + 200px))}10%{opacity:1;animation-timing-function:ease-out;transform:translate(calc(50vw + 200px))}30%,95%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes door-bar-top{0%,5%{opacity:0;transform:none}10%{opacity:.6;transform:none}30%,75%{opacity:1;transform:translate(-29.5px,39px)rotate(90deg)scale(1.46,.25)}95%{opacity:.6;transform:none}to{opacity:0;transform:none}}@keyframes door-bar-mid{0%,5%{opacity:0;transform:none}10%{opacity:.6;transform:none}30%,75%{opacity:1;transform:rotate(90deg)scale(1.46,.25)}95%{opacity:.6;transform:none}to{opacity:0;transform:none}}@keyframes door-bar-bot{0%,5%{opacity:0;transform:none}10%{opacity:.6;transform:none}30%,75%{opacity:1;transform:translate(29.5px,-38px)rotate(90deg)scale(1.46,.25)}95%{opacity:.6;transform:none}to{opacity:0;transform:none}}.grain{z-index:2;pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.vignette{z-index:3;pointer-events:none;background:radial-gradient(#0000 30%,#0000008c 100%);position:fixed;inset:0}main{z-index:4;text-align:center;grid-template-rows:1fr auto 1fr;place-items:center;height:100%;padding:clamp(1.5rem,4vw,3rem);display:grid;position:relative}.spacer-top{align-self:end}.mark{z-index:1;opacity:0;filter:drop-shadow(0 0 6px #fff3);width:clamp(280px,48vw,540px);max-width:100%;height:auto;animation:1.6s cubic-bezier(.16,1,.3,1) .2s forwards rise;display:block;position:relative}.mark-wrap{line-height:0;display:inline-block;position:relative}.door{z-index:0;pointer-events:none;transform-origin:56.2% 49.5%;will-change:transform;width:100%;height:100%;animation:16s ease-in-out infinite door-shell;position:absolute;top:0;left:0;overflow:visible}.door-overlay{mix-blend-mode:screen}.door-piece{fill:#e6dcffeb;transform-box:fill-box;transform-origin:50%}.lintel{animation:16s ease-in-out infinite door-lintel}.threshold{animation:16s ease-in-out infinite door-threshold}.bar-top{animation:16s ease-in-out infinite door-bar-top}.bar-mid{animation:16s ease-in-out infinite door-bar-mid}.bar-bot{animation:16s ease-in-out infinite door-bar-bot}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.gradient,.highlight,.mark{opacity:1;animation:none}.door{animation:none}.door .door-overlay{opacity:0;animation:none}.door .door-piece{animation:none}.alert{opacity:1;animation:none}}.status{z-index:5;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);opacity:0;align-items:center;gap:.5em;padding:0 .25rem;font-family:IBM Plex Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;font-weight:300;text-decoration:none;animation:1.2s ease-out 1.5s forwards fade;display:inline-flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.status:hover,.status:focus-visible{color:var(--ink)}.status-dot{background:#737373;border-radius:50%;flex-shrink:0;width:.5em;height:.5em}.status[data-state=operational] .status-dot{background:#34d399}.status[data-state=degraded] .status-dot{background:#fbbf24}.status[data-state=down] .status-dot{background:#f87171}.alert{z-index:10;letter-spacing:.18em;text-transform:uppercase;opacity:0;justify-content:center;align-items:center;gap:.625em;padding:.75rem 1rem;font-family:IBM Plex Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;font-weight:300;text-decoration:none;animation:.3s ease-out forwards alert-fade;display:flex;position:fixed;top:0;left:0;right:0}.alert[hidden]{display:none}.alert:hover,.alert:focus-visible{filter:brightness(1.1)}.alert-dot{border-radius:50%;flex-shrink:0;width:.5em;height:.5em}.alert[data-state=degraded]{color:#fbbf24;background:#78350feb}.alert[data-state=degraded] .alert-dot{background:#fbbf24}.alert[data-state=down]{color:#fca5a5;background:#7f1d1deb}.alert[data-state=down] .alert-dot{background:#f87171}@keyframes alert-fade{0%{opacity:0}to{opacity:1}}
