.btn{white-space:nowrap;height:2.75rem;transition:transform .25s var(--ease-out-expo), background-color .25s var(--ease-out-expo), color .25s var(--ease-out-expo), border-color .25s var(--ease-out-expo), opacity .25s var(--ease-out-expo);border:1px solid #0000;border-radius:9999px;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:.875rem;font-weight:500;line-height:1;display:inline-flex}.btn:active{transform:translateY(1px)scale(.98)}.btn-solid{background:var(--fg);color:var(--bg)}.btn-solid:hover{background:#fff;transform:translateY(-1px)}.btn-ghost{color:var(--fg);border-color:var(--line-strong);background:0 0}.btn-ghost:hover{background:#ffffff0d;border-color:#fff6;transform:translateY(-1px)}.btn .arrow{transition:transform .25s var(--ease-out-expo);display:inline-block}.btn:hover .arrow{transform:translate(3px)}.nav-link{color:var(--fg-muted);transition:color .25s var(--ease-out-expo);position:relative}.nav-link:after{content:"";transform-origin:0;height:1px;transition:transform .3s var(--ease-out-expo);background:currentColor;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-link:hover{color:var(--fg)}.nav-link:hover:after{transform:scaleX(1)}@keyframes px-twinkle{0%,to{opacity:.3}50%{opacity:1}}.pixel-divider{width:100%;padding:8px 0;overflow:hidden}.pixel-divider-row{justify-content:center;gap:5px;width:max-content;margin:0 auto;display:flex}.pixel-divider-row+.pixel-divider-row{margin-top:5px}.pixel-divider-row>span{flex:none;width:11px;height:11px;display:block}.pixel-divider-row>span.on{animation:px-twinkle var(--s,4s) var(--ease-in-out-quart) var(--d,0s) infinite}@keyframes pi-pop{0%{opacity:.35;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.pixel-icon{gap:1px;display:grid}.pixel-icon>span{transition:background-color .3s var(--ease-out-expo);background:0 0;display:block}.pixel-icon>.pi-on,.pixel-icon>.pi-accent{background:currentColor}.pixel-icon[data-lit]>.pi-accent,.group:hover .pixel-icon>.pi-accent{background:var(--accent)}.group:hover .pixel-icon>.pi-on{animation:pi-pop .35s var(--ease-out-expo) both;animation-delay:calc(var(--i,0) * 10ms)}.feature-card{transition:transform .3s var(--ease-out-expo), border-color .3s var(--ease-out-expo)}.feature-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.pixel-block{grid-template-columns:repeat(7,4px);grid-auto-rows:4px;gap:1px;margin-top:.45rem;display:grid}.pixel-block>span{transition:background-color .25s var(--ease-out-expo);background:#1c1c20;display:block}.pixel-block>span.on{background:#b3b3b0}.pixel-block>span.accent{background:var(--accent)}.pixel-track{flex-direction:column;gap:5px;width:11px;display:flex;overflow:hidden}.pixel-track>span{width:11px;height:11px;transition:background-color .25s var(--ease-out-expo);background:#1c1c20;flex:none;display:block}.pixel-track>span.on{background:#5e5e66}.pixel-track>span.on:nth-child(4n+1){background:#80808a}@keyframes px-flick{0%{opacity:1}40%{opacity:.55}to{opacity:1}}.px-flick{animation:px-flick .14s var(--ease-out-expo) both}@keyframes log-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.log-line{animation:log-in .35s var(--ease-out-expo) both}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor-block{color:var(--fg);animation:1s step-end infinite cursor-blink}.spotlight{--x:50%;--y:50%;--o:0;isolation:isolate;position:relative}.spotlight:before,.spotlight:after{content:"";border-radius:inherit;pointer-events:none;opacity:var(--o);transition:opacity .35s var(--ease-out-expo);position:absolute;inset:0}.spotlight:before{background:radial-gradient(260px circle at var(--x) var(--y), var(--accent), #ff5a1f59 40%, transparent 70%);-webkit-mask-composite:xor;z-index:2;padding:1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spotlight:after{background:radial-gradient(420px circle at var(--x) var(--y), #ff5a1f12, transparent 60%);z-index:0}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{will-change:transform;width:max-content;animation:60s linear infinite marquee-left;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.ticker-tag{color:#80808a;transition:color .25s var(--ease-out-expo)}.ticker-tag:hover{color:#f4f4f2}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin-angle{to{--angle:360deg}}.conic-card{isolation:isolate;position:relative}.conic-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--angle), var(--line) 0deg, var(--line) 250deg, var(--accent) 300deg, #ff5a1f26 330deg, var(--line) 360deg);-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1px;animation:7s linear infinite spin-angle;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.conic-card:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(60% 80% at 50% 0,#ff5a1f14,#0000 70%);position:absolute;inset:0}.footer-link{color:var(--fg-muted);transition:color .25s var(--ease-out-expo), transform .25s var(--ease-out-expo);display:inline-block}.footer-link:hover{color:var(--fg);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.marquee-track,.conic-card:before,.pixel-divider-row>span.on,.group:hover .pixel-icon>.pi-on,.cursor-block{animation:none}}
