.dfx{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.dfx-dark{--c:rgba(255,255,255,.26);--g:rgba(255,255,255,.045);--a:#ffd400;--bgc:#0b0b0d}.dfx-light{--c:rgba(10,10,10,.13);--g:rgba(10,10,10,.035);--a:rgba(240,170,0,.55);--bgc:#fff;opacity:.9}.dfx-grid{position:absolute;inset:-56px;animation:gridmove 24s linear infinite;background-image:linear-gradient(var(--g) 1px,transparent 1px),linear-gradient(90deg,var(--g) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 45%,#000 15%,transparent 72%)}@keyframes gridmove{to{transform:translate3d(56px,56px,0)}}.dfx-el{position:absolute;will-change:transform}.dfx-pen{width:clamp(240px,30vw,500px);left:1%;bottom:4%;animation:drift 20s ease-in-out infinite}.dfx-draw{stroke:var(--a);stroke-width:2.2;stroke-dasharray:100;stroke-dashoffset:100;animation:penDraw 8s var(--ease) infinite}@keyframes penDraw{0%{stroke-dashoffset:100}45%,72%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}.dfx-handles{opacity:0;animation:handles 8s ease infinite}.dfx-handles line{stroke:var(--c);stroke-width:1}.dfx-handles circle{fill:var(--bgc);stroke:var(--a);stroke-width:1.5}@keyframes handles{0%,30%{opacity:0}42%,70%{opacity:1}85%,to{opacity:0}}.dfx-anchor{fill:var(--bgc);stroke:var(--a);stroke-width:1.5}.dfx-anchor.on{fill:var(--a)}.dfx-sel{width:clamp(90px,9vw,150px);right:7%;top:10%;animation:spin 36s linear infinite}.dfx-shape{stroke:var(--c);stroke-width:1.5}.dfx-box{stroke:var(--a);stroke-width:1;stroke-dasharray:4 4}.dfx-h{fill:var(--bgc);stroke:var(--a);stroke-width:1.2}.dfx-orbit{width:clamp(70px,7vw,120px);left:46%;top:6%;animation:spin 14s linear infinite}.dfx-dash{stroke:var(--c);stroke-width:1.2;stroke-dasharray:3 7}.dfx-dot{fill:var(--r)}.dfx-sw{display:flex;gap:6px;right:5%;bottom:12%;padding:8px;border-radius:12px;border:1px solid var(--c);animation:floatY 7s ease-in-out infinite;opacity:.75}.dfx-sw i{width:20px;height:20px;border-radius:6px}.dfx-light .dfx-sw{opacity:.35}.dfx-reg{width:42px;left:38%;bottom:8%;stroke:var(--c);stroke-width:1.2;animation:spin 22s linear infinite reverse}.dfx-type{font-family:var(--display);font-weight:800;font-size:clamp(90px,13vw,220px);line-height:1;color:transparent;-webkit-text-stroke:1px var(--c);right:28%;bottom:-3%;animation:drift 24s ease-in-out infinite reverse}.dfx-type.t2{font:600 12px/1 ui-monospace,monospace;-webkit-text-stroke:0;color:var(--c);letter-spacing:.12em;left:5%;top:8%;right:auto;bottom:auto;animation:floatY 6s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes drift{50%{transform:translate3d(30px,-24px,0)}}@keyframes floatY{50%{transform:translate3d(0,-16px,0)}}.dfx-shape{stroke:#2e9bff}.dfx-box,.dfx-h,.dfx-handles circle{stroke:#ff3dcb}.dfx-dash{stroke:#16c47f;stroke-width:1.6}.dfx-reg{stroke:#ff2e2e}.dfx-light .dfx-el{opacity:.45}@media (max-width:960px){.dfx-reg,.dfx-type{display:none}}@media (max-width:640px){.dfx-orbit,.dfx-sel{opacity:.6}.dfx-pen{width:260px}}@media (prefers-reduced-motion:reduce){.dfx *{animation:none!important}}