@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}*,*:before,*:after{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@property --gx{syntax: "<percentage>"; inherits: false; initial-value: 18%;}@property --gy{syntax: "<percentage>"; inherits: false; initial-value: 22%;}.gradient{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse 80% 70% at var(--gx) var(--gy),#7b3fa0,#2a1560 40%,#0a0820 75%,var(--bg));animation:drift 36s ease-in-out infinite alternate}.highlight{position:fixed;inset:-25%;z-index:1;pointer-events:none;background:radial-gradient(closest-side at 35% 30%,rgba(170,110,220,.55),rgba(170,110,220,.18) 35%,transparent 70%);mix-blend-mode:screen;filter:blur(40px);animation:travel 28s ease-in-out infinite alternate;will-change:transform}@keyframes drift{0%{--gx: 18%;--gy: 22%}to{--gx: 55%;--gy: 58%}}@keyframes travel{0%{transform:translate3d(-20%,-10%,0) scale(.9)}50%{transform:translate3d(15%,10%,0) scale(1.15)}to{transform:translate3d(25%,-15%,0) scale(1.05)}}@keyframes door-shell{0%{transform:translate(0) scale(1)}30%,47%{transform:translate(0) scale(3)}52%{transform:translate(calc(50vw + 200px)) scale(3);animation-timing-function:step-end}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%{transform:translate(calc(-50vw - 200px));opacity:0}10%{transform:translate(calc(-50vw - 200px));opacity:1;animation-timing-function:ease-out}30%,95%{transform:translate(0);opacity:1}to{transform:translate(0);opacity:0}}@keyframes door-threshold{0%,5%{transform:translate(calc(50vw + 200px));opacity:0}10%{transform:translate(calc(50vw + 200px));opacity:1;animation-timing-function:ease-out}30%,95%{transform:translate(0);opacity:1}to{transform:translate(0);opacity:0}}@keyframes door-bar-top{0%,5%{transform:none;opacity:0}10%{transform:none;opacity:.6}30%,75%{transform:translate(-29.5px,39px) rotate(90deg) scale(1.46,.25);opacity:1}95%{transform:none;opacity:.6}to{transform:none;opacity:0}}@keyframes door-bar-mid{0%,5%{transform:none;opacity:0}10%{transform:none;opacity:.6}30%,75%{transform:rotate(90deg) scale(1.46,.25);opacity:1}95%{transform:none;opacity:.6}to{transform:none;opacity:0}}@keyframes door-bar-bot{0%,5%{transform:none;opacity:0}10%{transform:none;opacity:.6}30%,75%{transform:translate(29.5px,-38px) rotate(90deg) scale(1.46,.25);opacity:1}95%{transform:none;opacity:.6}to{transform:none;opacity:0}}.grain{position:fixed;inset:0;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>")}.vignette{position:fixed;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.55) 100%)}main{position:relative;z-index:4;height:100%;display:grid;grid-template-rows:1fr auto 1fr;align-items:center;justify-items:center;padding:clamp(1.5rem,4vw,3rem);text-align:center}.spacer-top{align-self:end}.mark{display:block;position:relative;z-index:1;width:clamp(280px,48vw,540px);max-width:100%;height:auto;opacity:0;animation:rise 1.6s cubic-bezier(.16,1,.3,1) .2s forwards;filter:drop-shadow(0 0 6px rgba(255,255,255,.2))}.mark-wrap{position:relative;display:inline-block;line-height:0}.door{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none;transform-origin:56.2% 49.5%;animation:door-shell 16s ease-in-out infinite;will-change:transform}.door-overlay{mix-blend-mode:screen}.door-piece{fill:#e6dcffeb;transform-box:fill-box;transform-origin:center}.lintel{animation:door-lintel 16s ease-in-out infinite}.threshold{animation:door-threshold 16s ease-in-out infinite}.bar-top{animation:door-bar-top 16s ease-in-out infinite}.bar-mid{animation:door-bar-mid 16s ease-in-out infinite}.bar-bot{animation:door-bar-bot 16s ease-in-out infinite}.footer{align-self:start;width:100%;display:flex;justify-content:space-between;align-items:end;font-family:IBM Plex Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:300;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);opacity:0;animation:fade 1.2s ease-out 1.5s forwards}.footer .left,.footer .right{padding:0 .25rem}@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,.footer{animation:none;opacity:1}.door{animation:none}.door .door-overlay{animation:none;opacity:0}.door .door-piece{animation:none}.alert{animation:none;opacity:1}}@media(max-width:540px){.footer{font-size:.62rem;letter-spacing:.28em}}.status{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:5;display:inline-flex;align-items:center;gap:.5em;padding:0 .25rem;font-family:IBM Plex Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:300;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);text-decoration:none;opacity:0;animation:fade 1.2s ease-out 1.5s forwards}.status:hover,.status:focus-visible{color:var(--ink)}.status-dot{width:.5em;height:.5em;border-radius:50%;background:#737373;flex-shrink:0}.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{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:.625em;padding:.75rem 1rem;font-family:IBM Plex Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:300;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;opacity:0;animation:alert-fade .3s ease-out forwards}.alert:hover,.alert:focus-visible{filter:brightness(1.1)}.alert-dot{width:.5em;height:.5em;border-radius:50%;flex-shrink:0}.alert[data-state=degraded]{background:#78350feb;color:#fbbf24}.alert[data-state=degraded] .alert-dot{background:#fbbf24}.alert[data-state=down]{background:#7f1d1deb;color:#fca5a5}.alert[data-state=down] .alert-dot{background:#f87171}@keyframes alert-fade{0%{opacity:0}to{opacity:1}}
