*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#f8ffff;background:#010104;overflow:hidden}.particle-home{--pointer-x:0;--pointer-y:0;isolation:isolate;cursor:crosshair;clip-path:inset(50%);filter:brightness(6)contrast(2)saturate(0);will-change:clip-path, filter;touch-action:none;background:radial-gradient(circle at 17% 52%,#00f0ff21,#0000 34%),radial-gradient(circle at 84% 47%,#ff075c1c,#0000 36%),radial-gradient(circle at 52% 48%,#101409 0%,#03070a 36%,#010104 76%),#010104;width:100%;height:100%;min-height:32rem;animation:.82s cubic-bezier(.16,1,.3,1) both paused crt-signal-reveal;position:relative;overflow:hidden}.particle-home:is([data-render-state=ready],[data-render-state=fallback]){animation-play-state:running}.particle-canvas{opacity:0;width:100%;height:100%;transition:opacity .9s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:0}.particle-home[data-render-state=ready] .particle-canvas{opacity:1}.atmosphere{z-index:1;pointer-events:none;background:linear-gradient(90deg,#00f0ff1a 0%,#0000 13% 73%,#ff075c17 100%),linear-gradient(#00000073 0%,#0000 19% 72%,#0000008a 100%),radial-gradient(62% 52% at 50% 49%,#0000 35%,#01000524 70%,#010005ad 100%);position:absolute;inset:0}.scanlines{z-index:3;pointer-events:none;opacity:.72;mix-blend-mode:screen;background:repeating-linear-gradient(#ffffff0b 0 1px,#0003 1px 3px,#0000 3px 6px) 0 0/100% 6px,linear-gradient(#0000 0% 46%,#00f0ff13 49%,#fcee090e 50%,#ff075c0b 51%,#0000 54% 100%) 0 -90vh/100% 190%;animation:8s linear infinite crt-roll;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#00000094,#000 18% 82%,#0009);mask-image:linear-gradient(#00000094,#000 18% 82%,#0009)}.signal-noise{z-index:6;pointer-events:none;opacity:.2;mix-blend-mode:soft-light;filter:contrast(138%);width:108%;height:108%;display:block;position:absolute;inset:-4%;transform:translateZ(0)}.brand-mark{--brand-width:clamp(4.2rem, 6.1vw, 6.4rem);z-index:2;width:var(--brand-width);height:calc(var(--brand-width) * 1.32955);transform:translate(-50%, -50%) translate(calc(var(--pointer-x) * -8px), calc(var(--pointer-y) * -6px));transform-origin:50%;isolation:isolate;pointer-events:none;place-items:center;margin:0;transition:transform .12s linear;display:grid;position:absolute;top:50%;left:50%}.brand-mark:before{z-index:-1;aspect-ratio:1;content:"";background:radial-gradient(circle,#010205e0 0 16%,#02080b8f 31%,#00f0ff0b 45%,#0000 67%);border-radius:50%;width:224%;position:absolute}.particle-logo__canvas{opacity:.94;width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(-.08rem .24rem .42rem #00f0ff33)drop-shadow(.16rem .8rem 1.45rem #000000e6);display:block;position:absolute;inset:0}.scene-controls{z-index:4;align-items:center;gap:.62rem;display:flex;position:absolute;bottom:clamp(1rem,2.6vw,2.5rem);right:clamp(1rem,2.6vw,2.5rem)}.scene-control{isolation:isolate;color:#f8ffff;-webkit-backdrop-filter:blur(12px)saturate(124%)contrast(103%);backdrop-filter:blur(12px)saturate(124%)contrast(103%);letter-spacing:.13em;cursor:pointer;background:linear-gradient(112deg,#f8ffff13 0%,#040e1585 46%,#030a0f9c 100%);border:1px solid #f8ffff2e;border-radius:999px;align-items:center;gap:.62rem;min-height:2.75rem;padding:.66rem 1rem .62rem .84rem;font:700 .72rem/1 system-ui,sans-serif;transition:color .16s,filter .16s,transform .16s cubic-bezier(.16,1,.3,1);display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #f8ffff21,0 .68rem 1.55rem #00000075}.scene-control:before{z-index:0;content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#f8ffff0e,#0000 58%);position:absolute;inset:1px}.scene-control:hover{color:#f8ffff;filter:brightness(1.08)saturate(1.04);transform:translateY(-2px)}.scene-control:active{transform:translateY(1px)scale(.98)}.scene-control:focus-visible{outline-offset:4px;outline:2px solid #00f0ff}.scene-control__icon{z-index:1;object-fit:contain;fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;filter:brightness(0)invert()drop-shadow(.12rem .24rem .34rem #00000080);width:1.08rem;height:1.08rem;transition:transform .18s cubic-bezier(.16,1,.3,1);position:relative}.scene-control span{z-index:1;color:#f8ffff;text-shadow:0 .1rem .3rem #000000a3;position:relative}.scene-control--meteor:hover .scene-control__icon{transform:translate(2px,-2px)}.scene-control--ripple:hover .scene-control__icon{transform:scale(1.12)}.crt-boot{z-index:8;pointer-events:none;animation:.82s linear both paused crt-boot-clear;position:absolute;inset:0;overflow:hidden}.crt-boot:before,.crt-boot:after{content:"";pointer-events:none;transform-origin:50%;animation-play-state:paused;position:absolute;top:50%;left:50%}.crt-boot:before{background:linear-gradient(90deg,#0000 0%,#74f4ff1f 14%,#f8ffffeb 43%,#fff 50%,#f8ffffeb 57%,#74f4ff1f 86%,#0000 100%);width:100%;height:1px;animation:.82s cubic-bezier(.16,1,.3,1) both paused crt-horizontal-beam;box-shadow:0 .18rem .7rem #f8ffffad,0 -.12rem .55rem #00f0ff61}.crt-boot:after{filter:blur(.4px);background:radial-gradient(50% 7%,#fff 0 5%,#f8fffffa 14%,#74f4ff8a 34%,#f8ffff1f 58%,#0000 78%),radial-gradient(7% 50%,#fff 0 5%,#f8fffffa 14%,#74f4ff80 34%,#f8ffff1a 58%,#0000 78%),radial-gradient(circle,#fff 0 4%,#f8ffffeb 9%,#74f4ff52 22%,#0000 48%);width:8rem;height:6.25rem;animation:.82s cubic-bezier(.16,1,.3,1) both paused crt-phosphor-point}.particle-home:is([data-render-state=ready],[data-render-state=fallback]) .crt-boot,.particle-home:is([data-render-state=ready],[data-render-state=fallback]) .crt-boot:before,.particle-home:is([data-render-state=ready],[data-render-state=fallback]) .crt-boot:after{animation-play-state:running}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::selection{color:#010104;background:#fcee09}@keyframes crt-roll{to{background-position:0 6px,0 90vh}}@keyframes crt-signal-reveal{0%,6%{clip-path:inset(50%);filter:brightness(6)contrast(2)saturate(0)}10%{clip-path:inset(calc(50% - 2px))}20%{clip-path:inset(calc(50% - 3.125rem) calc(50% - 4rem))}42%{clip-path:inset(calc(50% - 1px) 0);filter:brightness(5.2)contrast(1.82)saturate(.08)}48%{clip-path:inset(calc(50% - 2px) 0)}64%{clip-path:inset(14% 0);filter:brightness(2.7)contrast(1.38)saturate(.46)}72%{clip-path:inset(0);filter:brightness(1.58)contrast(1.16)saturate(.82)}84%{clip-path:inset(0);filter:brightness(.9)contrast(1.08)saturate(.94)}92%{filter:brightness(1.1)contrast(1.02)saturate(1.02)}to{clip-path:inset(0);filter:none}}@keyframes crt-horizontal-beam{0%,21%{opacity:0;transform:translate(-50%,-50%)scaleX(0)scaleY(1)}24%{opacity:1;transform:translate(-50%,-50%)scaleX(.014)scaleY(2.4)}42%{opacity:1;transform:translate(-50%,-50%)scaleX(1)scaleY(1.8)}51%{opacity:.72;transform:translate(-50%,-50%)scaleX(1)scaleY(5)}70%,to{opacity:0;transform:translate(-50%,-50%)scaleX(1)scaleY(8)}}@keyframes crt-phosphor-point{0%,6%{opacity:0;transform:translate(-50%,-50%)scale(0)}10%{opacity:1;transform:translate(-50%,-50%)scale(.055)}14%{opacity:1;transform:translate(-50%,-50%)scale(.11)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}28%{opacity:.9;transform:translate(-50%,-50%)scale(1.45,.62)}42%{opacity:.52;transform:translate(-50%,-50%)scale(2.7,.14)}56%,to{opacity:0;transform:translate(-50%,-50%)scale(3.2,.05)}}@keyframes crt-boot-clear{0%,38%{visibility:visible;background-color:#000}54%,99%{visibility:visible;background-color:#0000}to{visibility:hidden;background-color:#0000}}@media (width<=42rem){.particle-home{min-height:28rem}.brand-mark{--brand-width:clamp(3.7rem, 17vw, 4.8rem)}.scanlines{opacity:.58}.signal-noise{opacity:.17}.scene-controls{bottom:.9rem;right:.9rem}.scene-control{gap:.5rem;padding-inline:.76rem .84rem}}@media (prefers-reduced-motion:reduce){.particle-home{clip-path:none;filter:none}.crt-boot{display:none}.particle-canvas,.particle-home,.brand-mark,.particle-logo__canvas,.signal-noise,.scanlines,.scene-control,.scene-control__icon{transition:none;animation:none}}
