.sl-stage{--sl-void:#050609;--sl-bone:#f2f2f2;--sl-signal:#ff5a00;--sl-ease:cubic-bezier(.16, 1, .3, 1);isolation:isolate;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 8rem);padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.sl-stage:before{content:"";z-index:-2;background-image:linear-gradient(90deg,#f2f2f20d 1px,#0000 1px),linear-gradient(#f2f2f20d 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 40%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 40%,#0000 100%)}.sl-stage:after{content:"";z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(#f2f2f20a 0 1px,#0000 1px 3px);animation:8s linear infinite sl-scan;position:absolute;inset:-100% 0}@keyframes sl-scan{0%{transform:translateY(0)}to{transform:translateY(3px)}}.sl-frame{text-align:center;width:100%;max-width:40rem;padding:clamp(2rem,6vw,4rem);position:relative}.sl-frame:before,.sl-frame:after{content:"";pointer-events:none;opacity:0;width:clamp(1.5rem,5vw,2.5rem);height:clamp(1.5rem,5vw,2.5rem);animation:sl-bracket .9s var(--sl-ease) .2s forwards;position:absolute}.sl-frame:before{border-top:1px solid #ff5a00cc;border-left:1px solid #ff5a00cc;top:0;left:0}.sl-frame:after{border-bottom:1px solid #ff5a00cc;border-right:1px solid #ff5a00cc;bottom:0;right:0}@keyframes sl-bracket{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.sl-sweep{height:1px;animation:sl-sweep 6s var(--sl-ease) infinite;pointer-events:none;background:linear-gradient(90deg,#0000,#ff5a00d9 30% 70%,#0000);position:absolute;left:0;right:0;box-shadow:0 0 24px -6px #ff5a0059}@keyframes sl-sweep{0%{opacity:0;top:0}8%{opacity:1}60%{opacity:1}75%,to{opacity:0;top:100%}}.sl-kicker{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase;color:#f2f2f28c;opacity:0;animation:sl-rise .7s var(--sl-ease) .1s forwards;align-items:center;gap:.5rem;font-size:.6875rem;display:inline-flex}.sl-kicker:before{content:"";background:#ff5a00d9;width:24px;height:1px}.sl-code{font-family:var(--font-space-grotesk), system-ui, sans-serif;letter-spacing:.06em;color:var(--sl-bone);opacity:0;animation:sl-rise .9s var(--sl-ease) .24s forwards;-webkit-user-select:none;user-select:none;margin:1.25rem 0 0;font-size:clamp(5rem,22vw,11rem);font-weight:700;line-height:.9;position:relative}.sl-code:before,.sl-code:after{content:attr(data-code);pointer-events:none;opacity:0;position:absolute;inset:0}.sl-code:before{color:var(--sl-signal);animation:5s step-end 1.4s infinite sl-ghost-a}.sl-code:after{color:#f2f2f28c;animation:5s step-end 1.4s infinite sl-ghost-b}@keyframes sl-ghost-a{0%,to{opacity:0;clip-path:none;transform:none}1%{opacity:.9;clip-path:inset(12% 0 62%);transform:translate(-3px,1px)}3%{opacity:.7;clip-path:inset(48% 0 22%);transform:translate(4px,-2px)}5%{opacity:.9;clip-path:inset(70% 0 8%);transform:translate(-2px)}7%{opacity:0}42%{opacity:.8;clip-path:inset(30% 0 44%);transform:translate(3px,1px)}44%{opacity:0}}@keyframes sl-ghost-b{0%,to{opacity:0;clip-path:none;transform:none}1%{opacity:.8;clip-path:inset(20% 0 55%);transform:translate(3px,-1px)}3%{opacity:.6;clip-path:inset(55% 0 18%);transform:translate(-4px,2px)}5%{opacity:.8;clip-path:inset(6% 0 76%);transform:translate(2px)}7%{opacity:0}42%{opacity:.7;clip-path:inset(40% 0 36%);transform:translate(-3px,-1px)}44%{opacity:0}}.sl-title{font-family:var(--font-space-grotesk), system-ui, sans-serif;color:var(--sl-bone);opacity:0;animation:sl-rise .7s var(--sl-ease) .4s forwards;margin-top:1.5rem;font-size:clamp(1.125rem,3vw,1.5rem);font-weight:700}.sl-body{color:#f2f2f280;opacity:0;animation:sl-rise .7s var(--sl-ease) .48s forwards;margin-top:.75rem}.sl-actions{opacity:0;animation:sl-rise .7s var(--sl-ease) .56s forwards;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}@keyframes sl-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sl-stage:after,.sl-sweep,.sl-code:before,.sl-code:after{animation:none}.sl-sweep{display:none}.sl-kicker,.sl-code,.sl-title,.sl-body,.sl-actions,.sl-frame:before,.sl-frame:after{opacity:1;animation:none;transform:none}}
