.cs-stage{--cs-void:#050505;--cs-bone:#f4f1e8;--cs-signal:#ff5a00;--cs-ease:cubic-bezier(.16, 1, .3, 1);isolation:isolate;perspective:900px;perspective-origin:50% 46%;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 8rem);padding:3rem 1rem;display:flex;position:relative;overflow:hidden}.cs-stage:before{content:"";z-index:-3;background-image:linear-gradient(90deg,#f4f1e80d 1px,#0000 1px),linear-gradient(#f4f1e80d 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%)}.cs-stage:after{content:"";z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(#f4f1e80a 0 1px,#0000 1px 3px);animation:8s linear infinite cs-scan;position:absolute;inset:-100% 0}@keyframes cs-scan{0%{transform:translateY(0)}to{transform:translateY(3px)}}.cs-tunnel{z-index:-2;pointer-events:none;transform-style:preserve-3d;position:absolute;inset:0}.cs-ring{aspect-ratio:16/9;opacity:0;width:min(72vw,52rem);animation:9s linear infinite cs-ring;animation-delay:calc(var(--i) * -1.125s);border:1px solid #ff5a008c;border-radius:1.25rem;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)translateZ(-2400px);box-shadow:inset 0 0 40px #ff5a000a,0 0 24px #ff5a000f}.cs-ring:nth-child(2n){box-shadow:none;border-color:#f4f1e838}@keyframes cs-ring{0%{opacity:0;transform:translate(-50%,-50%)translateZ(-2400px)}12%{opacity:.9}85%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%)translateZ(420px)}}.cs-glow{z-index:-2;pointer-events:none;filter:blur(18px);background:radial-gradient(circle,#ff5a0024 0%,#ff5a000a 35%,#0000 70%);width:40vw;max-width:34rem;height:40vw;max-height:34rem;animation:6s ease-in-out infinite cs-breath;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}@keyframes cs-breath{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(.92)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}}.cs-frame{text-align:center;width:100%;max-width:46rem;padding:clamp(2rem,6vw,4rem);position:relative}.cs-frame:before,.cs-frame:after{content:"";pointer-events:none;opacity:0;width:clamp(1.5rem,5vw,2.5rem);height:clamp(1.5rem,5vw,2.5rem);animation:cs-bracket .9s var(--cs-ease) .3s forwards;position:absolute}.cs-frame:before{border-top:1px solid #ff5a00cc;border-left:1px solid #ff5a00cc;top:0;left:0}.cs-frame:after{border-bottom:1px solid #ff5a00cc;border-right:1px solid #ff5a00cc;bottom:0;right:0}@keyframes cs-bracket{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.cs-kicker{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.28em;text-transform:uppercase;color:var(--cs-signal);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.7rem;display:inline-flex}.cs-dot{background:var(--cs-signal);border-radius:999px;width:.4rem;height:.4rem;animation:1.1s steps(2,jump-none) infinite cs-search;box-shadow:0 0 10px #ff5a00e6}.cs-locked .cs-dot{animation:none}@keyframes cs-search{0%{opacity:1}to{opacity:.15}}.cs-word{font-family:var(--font-space-grotesk), system-ui, sans-serif;letter-spacing:-.04em;color:var(--cs-bone);text-transform:uppercase;font-size:clamp(3rem,12vw,8.5rem);font-weight:700;line-height:.95;display:inline-block;position:relative}.cs-word:before,.cs-word:after{content:attr(data-word);pointer-events:none;mix-blend-mode:screen;opacity:0;position:absolute;inset:0}.cs-word:before{color:var(--cs-signal)}.cs-word:after{color:#4cc9ff}.cs-locked .cs-word:before{animation:cs-ghost-a 7s var(--cs-ease) infinite}.cs-locked .cs-word:after{animation:cs-ghost-b 7s var(--cs-ease) infinite}@keyframes cs-ghost-a{0%,92%,to{opacity:0;transform:translate(0)}93%{opacity:.9;transform:translate(-6px,2px)}95%{opacity:.6;transform:translate(4px,-1px)}97%{opacity:0;transform:translate(0)}}@keyframes cs-ghost-b{0%,92%,to{opacity:0;transform:translate(0)}93%{opacity:.8;transform:translate(6px,-2px)}95%{opacity:.5;transform:translate(-3px,1px)}97%{opacity:0;transform:translate(0)}}.cs-badge{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--cs-signal);border:1px solid #ff5a0099;border-radius:999px;margin-top:1.25rem;padding:.35rem .9rem;font-size:.65rem;display:inline-block}.cs-body{color:#f4f1e8b8;max-width:34rem;margin:1.75rem auto 0;font-size:.95rem;line-height:1.65}.cs-bar{background:#f4f1e81f;width:min(100%,22rem);height:1px;margin:2rem auto 0;position:relative;overflow:hidden}.cs-bar:after{content:"";background:linear-gradient(to right, transparent, var(--cs-signal), transparent);width:40%;height:100%;animation:cs-sweep 2.6s var(--cs-ease) infinite;position:absolute;top:0;left:-40%}@keyframes cs-sweep{0%{left:-40%}to{left:100%}}.cs-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2.25rem;display:flex}.cs-notify{text-align:left;max-width:28rem;margin:2rem auto 0}@media (prefers-reduced-motion:reduce){.cs-stage:after,.cs-glow,.cs-bar:after,.cs-dot,.cs-locked .cs-word:before,.cs-locked .cs-word:after{animation:none}.cs-ring{opacity:.35;transform:translate(-50%, -50%) translateZ(calc(var(--i) * -160px));animation:none}.cs-ring:nth-child(n+4){display:none}.cs-frame:before,.cs-frame:after{opacity:1;animation:none}}