.cosmic-bg{--sky-top: #050608;--sky-mid: #07090d;--sky-bottom: #0a0f16;--glow: rgba(64, 146, 255, .06);--mx: 0;--my: 0;position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;isolation:isolate;background:radial-gradient(ellipse at 50% 4%,var(--glow),transparent 55%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 52%,var(--sky-bottom) 100%)}.cosmic-bg:before{content:"";position:absolute;inset:-20%;opacity:.5;background:radial-gradient(ellipse at 15% 25%,rgba(84,170,255,.05),transparent 28%),radial-gradient(ellipse at 83% 68%,rgba(125,110,255,.04),transparent 32%),radial-gradient(ellipse at 48% 110%,rgba(76,204,255,.04),transparent 35%);filter:blur(18px);animation:nebula-drift 28s ease-in-out infinite alternate}.lite .cosmic-bg:before{animation:none}.lite .cosmic-bg .flare,.lite .cosmic-bg .shooter{display:none}.cosmic-bg__layer{position:absolute;inset:-40px;transform:translate3d(calc(var(--mx) * var(--depth) * 1px),calc(var(--my) * var(--depth) * 1px),0);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.cosmic-bg .star{position:absolute;display:block;width:var(--size, 2px);height:var(--size, 2px);border-radius:50%;background:#eaf8ff;box-shadow:0 0 3px #9cdcff73;opacity:var(--opacity, .75);animation:twinkle var(--duration, 4s) ease-in-out var(--delay, 0s) infinite alternate}.cosmic-bg .flare{position:absolute;width:var(--flare-size, 22px);height:var(--flare-size, 22px);filter:drop-shadow(0 0 5px rgba(147,220,255,.85));animation:flare-pulse 5s ease-in-out infinite}.cosmic-bg .flare:before,.cosmic-bg .flare:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,#f3fbff 45%,#fff 50%,#f3fbff 55%,transparent)}.cosmic-bg .flare:before{width:100%;height:1px}.cosmic-bg .flare:after{width:1px;height:100%;background:linear-gradient(180deg,transparent,#f3fbff 45%,#fff 50%,#f3fbff 55%,transparent)}.cosmic-bg .shooter{position:absolute;width:130px;height:1px;opacity:0;background:linear-gradient(90deg,transparent,rgba(190,236,255,.9) 70%,#fff);filter:drop-shadow(0 0 4px rgba(147,220,255,.9));transform:rotate(28deg);animation:shoot var(--period, 14s) linear var(--delay, 0s) infinite}.cosmic-bg__haze{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 30%,rgba(0,5,18,.35) 100%)}@keyframes twinkle{0%{transform:scale(.72);opacity:.25}to{transform:scale(1.15);opacity:1}}@keyframes flare-pulse{0%,to{transform:scale(.8);opacity:.6}50%{transform:scale(1.12);opacity:1}}@keyframes nebula-drift{0%{transform:translate3d(-1%,-1%,0) scale(1)}to{transform:translate3d(1.5%,1%,0) scale(1.06)}}@keyframes shoot{0%{opacity:0;transform:rotate(28deg) translate(0)}1.5%{opacity:1}5%{opacity:0;transform:rotate(28deg) translate(560px)}to{opacity:0;transform:rotate(28deg) translate(560px)}}@media(prefers-reduced-motion:reduce){.cosmic-bg:before,.cosmic-bg .star,.cosmic-bg .flare{animation:none!important}.cosmic-bg .shooter{display:none}.cosmic-bg__layer{transition:none;transform:none}}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/space-grotesk-BhU9QXUp.woff2) format("woff2")}:root{--color-void: #07090d;--color-raised: #0e1014;--color-lift: #14171d;--color-ink: #f2f1ee;--color-vapor: #8a8e97;--color-accent: #6fd3ff;--font-sans: "Space Grotesk", system-ui, sans-serif;--hairline: 1px solid #1f232b;--hairline-hot: 1px solid #2a2e35;--radius-lg: 12px;--radius-full: 999px}*{margin:0;box-sizing:border-box}body{min-height:100vh;background:var(--color-void);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}.page{min-height:100vh;display:grid;place-items:center;padding:20px 14px 40px;position:relative}.stack{width:100%;max-width:580px;display:flex;flex-direction:column;align-items:center}.avatar{position:relative;z-index:0;width:min(280px,72vw);aspect-ratio:1;margin-bottom:-56px;mix-blend-mode:screen;pointer-events:none;-webkit-mask-image:radial-gradient(circle closest-side at 50% 46%,#000 55%,transparent 100%);mask-image:radial-gradient(circle closest-side at 50% 46%,#000 55%,transparent 100%)}.avatar img{width:100%;height:100%;display:block;object-fit:cover;animation:float 8s ease-in-out infinite}.avatar{animation:avatar-in 1s ease-out backwards}@keyframes avatar-in{0%{opacity:0;transform:scale(1.08);filter:blur(14px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.wordmark,.tagline,.row{animation:rise .45s ease-out backwards}.wordmark{animation-delay:.15s}.tagline{animation-delay:.22s}.row{animation-delay:calc(.15s + var(--i, 0) * .06s)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.card{--px: 50%;--py: 0%;position:relative;z-index:1;width:100%;padding:44px 18px 30px;border:var(--hairline);border-radius:var(--radius-lg);background:var(--color-raised);display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.card:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(320px circle at var(--px) var(--py),rgba(111,211,255,.35),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;opacity:0;transition:opacity .4s}.card:hover:after{opacity:1}.head{display:flex;flex-direction:column;align-items:center}.wordmark{font-family:var(--font-sans);font-weight:700;font-size:clamp(48px,13vw,72px);line-height:.95;letter-spacing:-.04em}.tagline{font-size:13px;color:var(--color-vapor);margin-top:12px;letter-spacing:.02em}.tagline:before{content:"✦";margin-right:8px;color:var(--color-accent)}.rows{width:100%;display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px}.row{--hover: 111, 211, 255;display:flex;align-items:center;gap:12px;padding:12px 13px;border:var(--hairline);border-radius:10px;background:transparent;color:inherit;text-decoration:none;font:inherit;text-align:left;cursor:pointer;width:100%;transition:border-color .2s,background .2s,transform .2s}.row:hover{border-color:rgba(var(--hover),.45);background:var(--color-lift);transform:scale(1.02)}.row:active{transform:scale(.98)}.row:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.row:nth-child(1){--hover: 29, 155, 240}.row:nth-child(2){--hover: 102, 192, 244}.row:nth-child(3){--hover: 230, 237, 243}.row:nth-child(4){--hover: 111, 211, 255}.row:nth-child(5){--hover: 94, 171, 38}.row:nth-child(6){--hover: 155, 140, 255}.row__icon{display:grid;place-items:center;width:36px;height:36px;border:var(--hairline);border-radius:8px;background:var(--color-lift);color:rgb(var(--hover));flex:none;transition:border-color .2s}.row:hover .row__icon{border-color:rgba(var(--hover),.4)}.row__icon svg{width:auto;height:auto;max-width:18px;max-height:18px}.row--server .row__icon svg{width:34px;height:34px;max-width:none;max-height:none}.row--site .row__icon svg{width:22px;height:22px;max-width:none;max-height:none}.row__text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.row__label{font-weight:600;font-size:15px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__desc{font-size:13px;color:var(--color-vapor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__arrow{color:var(--color-vapor);transition:color .15s,transform .15s}.row:hover .row__arrow{color:rgb(var(--hover));transform:translate(3px)}.srv-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:var(--radius-full);background:var(--color-vapor);vertical-align:1px}.srv-dot.is-online{background:#4ade80;box-shadow:0 0 6px #4ade8099}.srv-dot.is-checking{animation:srv-pulse 1.2s ease-in-out infinite}@keyframes srv-pulse{50%{opacity:.25}}.is-copied{color:var(--color-accent);font-weight:600}@media(min-width:600px){.page{padding:32px 20px 56px}.avatar{margin-bottom:-84px}.card{padding:56px 36px 40px}.row{gap:14px;padding:14px 16px}.rows{grid-template-columns:1fr 1fr}.row--server{grid-column:1 / -1}.row--server .row__label{font-size:17px}}@media(prefers-reduced-motion:reduce){.avatar,.wordmark,.tagline,.row{animation:none}.card:after,.row__arrow,.row{transition:none}.srv-dot.is-checking{animation:none}}.lite .avatar img{animation:none}html{-webkit-text-size-adjust:100%}body{text-rendering:optimizeLegibility}a,button,input,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}h1,h2,h3,.wordmark,.tagline{text-wrap:balance}
