.scroll-line[data-v-a8c9f3de]{animation:scroll-pulse-a8c9f3de 2s ease-in-out infinite}@keyframes scroll-pulse-a8c9f3de{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.3)}}.hero-halftone[data-v-a8c9f3de]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='4' height='8' viewBox='0 0 4 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0z' fill='%23000' fill-opacity='1'/%3E%3Cpath d='M0 4h4v4H0z' fill='%23000' fill-opacity='0.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='4' height='8' viewBox='0 0 4 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0z' fill='%23000' fill-opacity='1'/%3E%3Cpath d='M0 4h4v4H0z' fill='%23000' fill-opacity='0.5'/%3E%3C/svg%3E")}.server-req-component{width:100%;height:300px}.server-req-component .connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.server-req-component .connection-line{stroke:#27272a;stroke-width:1.5;fill:none;stroke-linecap:round;transition:stroke .5s ease}.server-req-component .connection-line.active{stroke:#60a5fa;stroke-width:2.5;stroke-dasharray:4 8;animation:srd-flow .6s linear infinite;filter:drop-shadow(0 0 8px rgba(96,165,250,.6))}@keyframes srd-flow{0%{stroke-dashoffset:12}to{stroke-dashoffset:0}}.server-req-component .client-slot{background:#0c0c0fcc;border:1px solid rgba(39,39,42,.8);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.server-req-component .client-slot:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(96,165,250,.1),transparent);transform:skew(-20deg);pointer-events:none}.server-req-component .client-slot.transmitting:after{animation:srd-transmit .6s ease-in-out}@keyframes srd-transmit{0%{left:-100%}to{left:200%}}.hub-container{width:120px;height:120px;display:flex;align-items:center;justify-content:center;position:relative;z-index:20}.hub-core{width:80px;height:80px;border:1px solid #52525b;border-radius:50%;background:#09090b;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2;box-shadow:0 0 20px #3b82f633}.hub-core:after{content:"";position:absolute;inset:-1px;border-radius:50%;z-index:-1;border:2px solid transparent;pointer-events:none}.hub-core.pulse:after{animation:srd-pulse 1s cubic-bezier(0,0,.2,1) forwards}@keyframes srd-pulse{0%{transform:scale(1);border-color:#3b82f6;opacity:.8;border-width:2px}to{transform:scale(2.5);border-color:#3b82f6;opacity:0;border-width:0px}}.hub-ring{position:absolute;width:104px;height:104px;border-radius:50%;border:1px dashed rgba(59,130,246,.3);animation:srd-spin 10s linear infinite;pointer-events:none;z-index:1}@keyframes srd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.srd-particle{position:absolute;border-radius:50%;pointer-events:none;opacity:0;z-index:50}.inf-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.inf-connection-line{stroke:#27272a;stroke-width:1;fill:none;stroke-linecap:round;transition:stroke .5s ease}.inf-connection-line.active{stroke:#fff;stroke-width:2;stroke-dasharray:6 6;animation:inf-flow .8s linear infinite;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}@keyframes inf-flow{0%{stroke-dashoffset:12}to{stroke-dashoffset:0}}.inf-input-slot{transition:all .3s ease;position:relative;overflow:hidden}.inf-input-slot:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);pointer-events:none}.inf-input-slot.scanning:after{animation:inf-scan .6s ease-in-out}@keyframes inf-scan{0%{left:-100%}to{left:200%}}.inf-core-container{width:100px;height:100px;display:flex;align-items:center;justify-content:center;position:relative;z-index:20}.inf-core{width:64px;height:64px;border:1px solid #52525b;border-radius:50%;background:#09090b;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2;box-shadow:0 0 15px #00000080}.inf-core:not(.active){animation:inf-breathe 4s ease-in-out infinite}@keyframes inf-breathe{0%,to{transform:scale(1);border-color:#52525b}50%{transform:scale(1.05);border-color:#71717a;box-shadow:0 0 25px #ffffff0d}}.inf-core.active{border-color:#fff;box-shadow:0 0 30px #ffffff26;transform:scale(1.1)}.inf-core:after{content:"";position:absolute;inset:-1px;border-radius:50%;z-index:-1;border:2px solid transparent;pointer-events:none}.inf-core.ripple-green:after{animation:inf-ripple-green 1.2s cubic-bezier(0,0,.2,1) forwards}.inf-core.ripple-red:after{animation:inf-ripple-red 1.2s cubic-bezier(0,0,.2,1) forwards}@keyframes inf-ripple-green{0%{transform:scale(1);border-color:#10b981;opacity:.8;border-width:2px}to{transform:scale(3);border-color:#10b981;opacity:0;border-width:0px}}@keyframes inf-ripple-red{0%{transform:scale(1);border-color:#ef4444;opacity:.8;border-width:2px}to{transform:scale(3);border-color:#ef4444;opacity:0;border-width:0px}}.inf-spinner{position:absolute;width:84px;height:84px;border-radius:50%;border:1px solid transparent;border-top-color:#fffc;border-right-color:#fff3;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1;animation:inf-spin 1s linear infinite}.inf-spinner.active{opacity:1}@keyframes inf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inf-zone-card{transition:all .4s ease}.inf-particle{position:absolute;border-radius:50%;pointer-events:none;opacity:0;z-index:50}#input-container.processed .inf-input-slot{opacity:.6;transform:scale(.98)}.inf-core.active svg{filter:drop-shadow(0 0 12px rgba(255,255,255,.5))}
