#drag-and-drop-module,#drag-and-drop-module .hero-container{height:100vh;overflow:hidden;position:relative;width:100%}#drag-and-drop-module .hero-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}#drag-and-drop-module .connections-canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}#drag-and-drop-module .hero-content{color:#fff;margin:0 auto;max-width:1200px;padding:80px 20px;position:relative;text-align:center;z-index:10}#drag-and-drop-module .hero-title{animation:fadeInUp .8s ease;font-size:3.5rem;font-weight:700;margin-bottom:20px}#drag-and-drop-module .hero-subtitle{animation:fadeInUp .8s ease .2s backwards;font-size:1.25rem;margin-bottom:40px;opacity:.9}#drag-and-drop-module .hero-cta{animation:fadeInUp .8s ease .4s backwards;background:#fff;border-radius:50px;color:#667eea;display:inline-block;font-weight:600;padding:14px 32px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}#drag-and-drop-module .hero-cta:hover{box-shadow:0 10px 30px rgba(0,0,0,.2);transform:translateY(-2px)}#drag-and-drop-module .nodes-wrapper{align-items:center;display:flex;flex-direction:column;width:100%}#drag-and-drop-module .node-container{margin:10px 0}#drag-and-drop-module .node{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:20px;cursor:move;font-size:30px;height:40px;position:absolute;width:40px;z-index:10}#drag-and-drop-module .node-icon{color:#0ff;cursor:inherit;font-size:40px}#drag-and-drop-module .node-icon:hover{color:#005bb5}