.neuralkart-logo-container{--network-color: #2196f3;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:all .3s ease}.neuralkart-logo-container.small{transform:scale(.8)}.neuralkart-logo-container.medium{transform:scale(1)}.neuralkart-logo-container.large{transform:scale(1.2)}.neuralkart-logo-symbol{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.neural-network{position:relative;width:100%;height:100%}.nodes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.node{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--network-color);box-shadow:0 0 10px #14bef080;transition:transform .3s ease;animation:pulse 2s infinite}.node:hover{transform:scale(1.2)}.input-node.n1{top:20%;left:20%}.input-node.n2{top:50%;left:20%}.input-node.n3{top:80%;left:20%}.hidden-node.n4{top:30%;left:50%}.hidden-node.n5{top:70%;left:50%}.output-node.n6{top:50%;left:80%}.connections{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.connections-svg{width:100%;height:100%}.connection{fill:none;stroke:var(--network-color);stroke-width:2;opacity:.3;stroke-dasharray:4;animation:flow 1s linear infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.n1{animation-delay:0s}.n2{animation-delay:.3s}.n3{animation-delay:.6s}.n4{animation-delay:.9s}.n5{animation-delay:1.2s}.n6{animation-delay:1.5s}@keyframes flow{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}.neuralkart-logo-text{font-size:24px;font-weight:700;letter-spacing:-.5px;display:inline-flex;align-items:center;gap:.25rem;margin-top:0}.neuralkart-logo-text .neural{color:#14bef0}.neuralkart-logo-text .kart{background:linear-gradient(45deg,#14bef0,#28328c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.neuralkart-logo-container:hover .node{animation-duration:1s;box-shadow:0 0 15px #14bef0cc}.neuralkart-logo-container:hover .connection{opacity:.6;animation-duration:.5s}.neural-network.animated .connection{stroke-dasharray:15;animation:flowAnimation 2s linear infinite}@keyframes flowAnimation{0%{stroke-dashoffset:30}to{stroke-dashoffset:0}}@media (max-width: 768px){.neuralkart-logo-container.medium{width:120px}.neuralkart-logo-text{font-size:1em}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;transition:background-color .3s ease}#root{width:100%;height:100vh}button{padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease}
