:root{color-scheme:dark;--st-text: #f3f1ee;--st-soft: rgb(243 241 238 / .74);--st-quiet: rgb(243 241 238 / .58);--st-bg: #05070f;--st-shadow: 0 1px 16px rgb(8 12 28 / .85)}html,body.st{height:100%}body.st{overflow:hidden;background:var(--st-bg);color:var(--st-text);font-family:var(--read);font-variation-settings:normal;-webkit-font-smoothing:antialiased}.st :is(h1,h2,h3){text-transform:none}.st__canvas{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1.4s ease-out}.st__veil{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 52% 62% at 50% 50%,#050710a8,#050710a1 13%,#0507108f 25%,#05071073 38%,#05071054 50%,#05071036 63%,#0507101a 75%,#05071008 88%,#05071000)}.st__main{position:relative;z-index:2;display:grid;place-items:center;height:100%;padding:24px}.st__in{display:flex;flex-direction:column;align-items:center;width:min(440px,100%);text-align:center}.st__brand{display:flex;flex-direction:column;align-items:center;margin:0}.st__mark{width:clamp(64px,11vh,108px);aspect-ratio:1;background:#fff;-webkit-mask:url(/favicon.svg) center / contain no-repeat;mask:url(/favicon.svg) center / contain no-repeat;filter:drop-shadow(0 2px 24px rgb(8 12 28 / .85))}.st__word{margin-top:6px;font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1.1;letter-spacing:.01em;text-shadow:var(--st-shadow)}.st__rest{width:100%}.st__foot{position:fixed;inset:auto 0 0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding:16px 24px;color:var(--st-quiet);font-size:13px;letter-spacing:.01em;text-shadow:var(--st-shadow)}.st__foot nav{display:flex;flex-wrap:wrap;gap:8px 20px}.st__foot a{color:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}.st__foot a:is(:hover,:focus-visible){color:var(--st-text);text-decoration-color:currentColor}html[data-intro] .st__brand,html[data-intro] .st__rest{opacity:0;translate:0 6px;transition:opacity .8s ease-out,translate .8s cubic-bezier(.2,.8,.2,1)}html[data-intro=done] .st__canvas{opacity:1}html[data-intro=done] .st__brand{opacity:1;translate:0 0;transition-delay:.35s}html[data-intro=done] .st__rest{opacity:1;translate:0 0;transition-delay:.7s}html[data-intro=waiting] :is(.st__canvas,.st__brand,.st__rest){animation:st-show .6s 4s both}@keyframes st-show{to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){html[data-intro] :is(.st__canvas,.st__brand,.st__rest){transition:none}}.st__join{--st-mx: 50%;--st-my: 50%;--st-glow: 0;position:relative;isolation:isolate;display:flex;align-items:center;width:min(340px,100%);height:48px;margin:36px auto 12px;text-shadow:none;padding:5px 5px 5px 20px;border-radius:999px;background:linear-gradient(180deg,#ffffff1c,#ffffff08 52%,#ffffff0f),#0c0e1a57;backdrop-filter:blur(22px) saturate(1.6) brightness(1.06);-webkit-backdrop-filter:blur(22px) saturate(1.6) brightness(1.06);box-shadow:inset 0 0 0 1px #ffffff21,inset 0 1px .5px #ffffff38,inset 0 -1px .5px #ffffff0d,0 1px 2px #00000040,0 18px 44px -16px #000000a6;transition:width .5s cubic-bezier(.2,.8,.2,1),background .3s,box-shadow .3s}.st__join:before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid transparent;border-radius:inherit;background:radial-gradient(150px circle at var(--st-mx) var(--st-my),rgb(255 255 255 / calc(.15 + .55 * var(--st-glow))),transparent 70%) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0) border-box;mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0) border-box;pointer-events:none;transition:opacity .3s}.st__join:focus-within{width:min(356px,100%);background:linear-gradient(180deg,#ffffff21,#ffffff0a 52%,#ffffff12),#0c0e1a75;box-shadow:inset 0 0 0 1px #ffffff38,inset 0 1px .5px #ffffff4d,inset 0 -1px .5px #ffffff0f,0 1px 2px #00000040,0 18px 44px -16px #000000a6,0 0 0 4px #ffffff0a}.st__join input{flex:1;min-width:0;height:100%;padding:0;border:0;background:none;color:var(--st-text);font:15px var(--read);outline:none;transition:opacity .35s,filter .35s}.st__join input:is(:autofill,:-webkit-autofill){-webkit-text-fill-color:var(--st-text);caret-color:var(--st-text);box-shadow:none;transition:background-color 600000s 0s}.st__join input::placeholder{color:var(--st-quiet);transition:color .2s}.st__join input:focus::placeholder{color:#f3f1ee52}.st__go{--st-ease: cubic-bezier(.32, .72, 0, 1);position:relative;flex:none;width:var(--st-go-w, 150px);height:38px;padding:0;overflow:hidden;border:0;border-radius:999px;background-color:#ffffff1f;background-image:linear-gradient(180deg,rgb(255 255 255 / .09),transparent);box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px .5px #ffffff38;color:var(--st-text);font:500 14.5px var(--read);cursor:pointer;transition:width .45s var(--st-ease),background-color .3s,color .3s,opacity .35s,filter .35s,box-shadow .3s}.st__go-text{position:absolute;top:0;bottom:0;left:18px;display:flex;align-items:center;white-space:nowrap;transition:opacity .25s .12s,filter .25s .12s}.st__join.is-typed .st__go{width:38px;transition-delay:.08s,0s,0s,0s,0s,0s}.st__join.is-typed .st__go-text{opacity:0;filter:blur(3px);transition-duration:.15s;transition-delay:0s}.st__go-arrow{position:absolute;top:0;right:11.5px;bottom:0;margin:auto 0;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:translate .25s cubic-bezier(.2,.8,.2,1)}.st__join.is-ready .st__go{background-color:var(--st-text);color:#141726;box-shadow:inset 0 0 0 1px #fff9,0 0 24px -4px #ffecdc73}.st__go:hover .st__go-arrow,.st__go:focus-visible .st__go-arrow{translate:3px 0}.st__join.is-ready .st__go:hover{background-color:#fff}.st__join:not(.is-ready) .st__go:hover{background-color:#ffffff2e}.st__go-spin{position:absolute;inset:0;margin:auto;width:16px;height:16px;border:1.6px solid currentColor;border-right-color:transparent;border-radius:50%;opacity:0;animation:st-spin .7s linear infinite}.st__join.is-sending .st__go :is(.st__go-text,.st__go-arrow){opacity:0}.st__join.is-sending .st__go-spin{opacity:1}.st__join.is-invalid{animation:st-shake .4s cubic-bezier(.36,.07,.19,.97)}.st__join.is-invalid:before{background:#ffaaa0b3 border-box}.st__done{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--st-text);font-size:15px;font-weight:500;opacity:0;filter:blur(6px);pointer-events:none;transition:opacity .5s .15s,filter .5s .15s}.st__done svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .5s .45s cubic-bezier(.2,.8,.2,1)}.st__join.is-done{width:min(260px,100%)}.st__join.is-done :is(input,.st__go){opacity:0;filter:blur(8px);pointer-events:none}.st__join.is-done .st__done{opacity:1;filter:none}.st__join.is-done .st__done svg{stroke-dashoffset:0}.st__status{text-shadow:var(--st-shadow);height:1.45em;margin:0;color:var(--st-quiet);font-size:13px;letter-spacing:.01em;transition:color .4s,opacity .25s}.st__status.is-done{color:var(--st-soft)}.st__status.is-leaving{opacity:0}.st__again{display:none;padding:0;border:0;background:none;color:var(--st-text);font:inherit;letter-spacing:inherit;text-shadow:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;cursor:pointer;transition:text-decoration-color .2s}.st__status.is-done .st__again{display:inline;animation:st-again-in .5s .6s both}.st__again:hover,.st__again:focus-visible{text-decoration-color:currentColor}.st__again:focus-visible{border-radius:3px}.st__trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.st :focus-visible{outline:2px solid var(--st-text);outline-offset:2px}.st__join input:focus-visible{outline:none}@keyframes st-again-in{0%{opacity:0}}@keyframes st-spin{to{rotate:1turn}}@keyframes st-shake{20%,60%{translate:-5px 0}40%,80%{translate:5px 0}}@media(prefers-reduced-motion:reduce){.st__join,.st__join *,.st__status,.st__status *{transition:none!important;animation:none!important}}@media(max-width:699px){.st__join{margin-top:28px;padding-left:18px}}
