.dna-helix-container{width:100%;max-width:560px;height:90px;margin:1.75rem auto .5rem;position:relative;pointer-events:none;opacity:.35}.dna-helix-perspective{position:relative;width:100%;height:100%;perspective:400px}.dna-rung{position:absolute;top:50%;width:2px;height:60px;transform-origin:center center;animation:dna-spin 4.32s ease-in-out infinite}.dna-rung-bar{top:0;bottom:0;width:1.5px;background:linear-gradient(180deg,rgba(16,185,129,.5),rgba(59,130,246,.5))}.dna-node-top,.dna-rung-bar{position:absolute;left:50%;transform:translateX(-50%)}.dna-node-top{top:-5px;background:#10b981;box-shadow:0 0 12px rgba(16,185,129,.5);animation:dna-pulse-top 4.32s ease-in-out infinite}.dna-node-bot,.dna-node-top{width:10px;height:10px;border-radius:50%}.dna-node-bot{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);background:#3b82f6;box-shadow:0 0 12px rgba(59,130,246,.5);animation:dna-pulse-bot 4.32s ease-in-out infinite}@keyframes dna-spin{0%{transform:translateY(-50%) rotateX(0deg) scaleX(1)}25%{transform:translateY(-50%) rotateX(90deg) scaleX(.3)}50%{transform:translateY(-50%) rotateX(180deg) scaleX(1)}75%{transform:translateY(-50%) rotateX(270deg) scaleX(.3)}to{transform:translateY(-50%) rotateX(1turn) scaleX(1)}}@keyframes dna-pulse-top{0%,to{opacity:1;transform:translateX(-50%) scale(1)}25%{opacity:.3;transform:translateX(-50%) scale(.6)}50%{opacity:1;transform:translateX(-50%) scale(1)}75%{opacity:.3;transform:translateX(-50%) scale(.6)}}@keyframes dna-pulse-bot{0%,to{opacity:.3;transform:translateX(-50%) scale(.6)}25%{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.3;transform:translateX(-50%) scale(.6)}75%{opacity:1;transform:translateX(-50%) scale(1)}}