.app.state-page{opacity:1}.canvas:has(.state-page){padding:0}.app.state-page .btn{font-weight:var(--fw-semibold);font-size:var(--fs-sm);transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);align-items:center;gap:var(--sp-sm);letter-spacing:.1px;cursor:pointer;border:0;border-radius:8px;padding:10px 18px;display:inline-flex}.app.state-page .btn-primary{background:var(--primary);color:var(--accent-foreground);box-shadow:0 1px 3px #105aff40}.app.state-page .btn-primary:hover{background:var(--xood-deep)}.app.state-page .btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app.state-page .state-page-logo-btn{cursor:pointer;border-radius:var(--radius-sm);transition:opacity var(--dur-fast);background:0 0;border:0;padding:0;display:inline-flex}.app.state-page .state-page-logo-btn:hover{opacity:.78}.app.state-page .state-page-logo-btn:focus-visible{outline:2px solid var(--primary);outline-offset:4px}@media (width<=640px){.app.state-page .state-page-cta{padding:0 var(--sp-lg)}.app.state-page .state-page-cta>.btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:no-preference){@keyframes state-rocket-float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes state-exhaust-pulse{0%{opacity:.55;transform:scaleY(.78)}50%{opacity:.95;transform:scaleY(1.12)}to{opacity:.55;transform:scaleY(.78)}}@keyframes state-star-twinkle{0%{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}to{opacity:.25;transform:scale(.85)}}@keyframes state-cloud-drift{0%{transform:translate(0)}50%{transform:translate(8px)}to{transform:translate(0)}}.app.state-page #rocket{transform-box:fill-box;transform-origin:50%;animation:state-rocket-float 4s var(--ease-in-out) infinite}.app.state-page #exhaust{transform-box:fill-box;transform-origin:top;animation:state-exhaust-pulse .9s var(--ease-in-out) infinite}.app.state-page [id^=star-]{transform-box:fill-box;transform-origin:50%;animation:state-star-twinkle 3s var(--ease-in-out) infinite}.app.state-page #star-1{animation-delay:0s}.app.state-page #star-2{animation-delay:.6s}.app.state-page #star-3{animation-delay:1.2s}.app.state-page #star-4{animation-delay:1.8s}.app.state-page #star-5{animation-delay:2.4s}.app.state-page #star-6{animation-duration:4.5s;animation-delay:.9s}.app.state-page [id^=cloud-]{transform-box:fill-box;transform-origin:50%;animation:state-cloud-drift 7s var(--ease-in-out) infinite}.app.state-page #cloud-2{animation-duration:9s;animation-delay:1.5s}}