:root:has(.hello-deck,.hello-fork){background:#0a1430}.hello-gradient{background:linear-gradient(100deg,#1cabb0,#1fd3d8 60%,#9ceef0);-webkit-background-clip:text;background-clip:text;color:transparent}.hello-deck{position:fixed;inset:0;overflow:hidden;color:#fff;background:radial-gradient(120% 60% at 50% 0%,#10284a,#0a1430 60%)}.hello-bar{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:linear-gradient(to bottom,#0a1430eb,#0a143000)}.hello-scroller{position:absolute;inset:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;outline:none}.hello-scroller::-webkit-scrollbar{display:none}.hello-slide{position:relative;height:100%;max-width:28rem;margin-inline:auto;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:1.25rem;padding:4.25rem 1.5rem 2rem;scroll-snap-align:start;scroll-snap-stop:always}.hello-visual{container-type:size;display:flex;align-items:center;justify-content:center;min-height:0}.hello-mock{width:100%;max-width:20.5rem;transform-origin:center}@container (max-height: 390px){html:not(.js) .hello-mock{scale:.9}}@container (max-height: 340px){html:not(.js) .hello-mock{scale:.8}}@container (max-height: 295px){html:not(.js) .hello-mock{scale:.7}}.hello-dots{position:absolute;right:.55rem;top:50%;translate:0 -50%;z-index:20;display:flex;flex-direction:column;gap:.45rem}.hello-dots li{width:5px;height:5px;border-radius:9999px;background:#ffffff40;transition:height .3s ease,background-color .3s ease}.hello-dots li.is-current{height:16px;background:#1fd3d8}.hello-swipe{display:inline-flex;align-items:center;gap:.4rem;transition:opacity .4s ease}.hello-swipe svg{animation:hello-nudge 1.6s ease-in-out infinite}.hello-scroller.has-scrolled .hello-swipe{opacity:0}@keyframes hello-nudge{0%,to{translate:0 0}50%{translate:0 -5px}}.hello-slide [data-in]{transition:opacity .6s cubic-bezier(.2,.7,.2,1) var(--d, 0s),transform .7s cubic-bezier(.2,.7,.2,1) var(--d, 0s)}.js .hello-slide:not(.is-seen) [data-in]{opacity:0;transform:translateY(14px) scale(.98)}.hello-check{display:grid;place-items:center;width:1.15rem;height:1.15rem;margin-top:.1rem;flex-shrink:0;border-radius:9999px;border:1.5px solid #1cabb0;background:#1cabb0;color:#fff;transition:background-color .35s ease var(--t, 0s)}.hello-check svg{transition:opacity .3s ease var(--t, 0s),scale .3s ease var(--t, 0s)}.hello-task-title{transition:color .35s ease var(--t, 0s)}.hello-task.is-done .hello-task-title{color:#5c6b7a}.js .hello-slide:not(.is-seen) .hello-check{background:transparent}.js .hello-slide:not(.is-seen) .hello-check svg{opacity:0;scale:.4}.js .hello-slide:not(.is-seen) .hello-task.is-done .hello-task-title{color:#111827}.hello-task.is-open .hello-check{background:transparent}.hello-task.is-open .hello-check svg{opacity:0}.hello-bar-fill{transform-origin:left center;transition:transform .9s cubic-bezier(.2,.7,.2,1) var(--d, 0s)}.js .hello-slide:not(.is-seen) .hello-bar-fill{transform:scaleX(0)}.hello-line{stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset .8s ease var(--d, 0s)}.js .hello-slide:not(.is-seen) .hello-line{stroke-dashoffset:100}.hello-pulse{animation:hello-pulse 2.8s ease-out infinite}@keyframes hello-pulse{0%{opacity:.55;scale:1}to{opacity:0;scale:1.9}}.hello-typing,.hello-answer{grid-area:1 / 1}.hello-typing{display:flex;gap:.25rem;align-self:start;width:fit-content;padding:.7rem .85rem;border-radius:1rem;background:#f6f9fa;opacity:0;transition:opacity .25s ease 1.3s}.hello-typing i{width:.4rem;height:.4rem;border-radius:9999px;background:#9fb0c0;animation:hello-dot 1s ease-in-out infinite}.hello-typing i:nth-child(2){animation-delay:.15s}.hello-typing i:nth-child(3){animation-delay:.3s}@keyframes hello-dot{0%,to{translate:0 0;opacity:.5}50%{translate:0 -3px;opacity:1}}.js .hello-slide:not(.is-seen) .hello-typing{opacity:1;transition-delay:0s}.hello-wipe{clip-path:circle(160% at 88% 8%);transition:clip-path 1.2s cubic-bezier(.65,0,.35,1) .9s}.js .hello-slide:not(.is-seen) .hello-wipe{clip-path:circle(0% at 88% 8%)}.hello-status:empty{display:none}@media(prefers-reduced-motion:reduce){.hello-deck *,.hello-fork *{transition:none!important;animation:none!important}.hello-typing{opacity:0!important}}