.dna-helix{position:relative;height:800px;margin-bottom:100px;display:flex;align-items:center;justify-content:center}.helix-core{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.helix-strand{position:absolute;width:4px;height:100%;background:linear-gradient(to bottom,transparent,rgba(255,0,0,.6),transparent);border-radius:2px;animation:helixRotate 25s linear infinite}.helix-strand-1{left:calc(50% - 150px);animation-delay:0s;transform-origin:center}.helix-strand-2{right:calc(50% - 150px);animation-delay:10s;transform-origin:center}.helix-nodes{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.helix-node{position:absolute;width:50px;height:50px;background:radial-gradient(circle,rgba(255,0,0,.2),rgba(255,255,255,.08));border:2px solid rgba(255,0,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:nodeFloat 20s ease-in-out infinite;box-shadow:0 0 20px rgba(255,0,0,.4);transition:all .5s ease;cursor:pointer}.helix-node:hover{transform:scale(1.4) rotate(360deg);background:radial-gradient(circle,rgba(255,0,0,.6),rgba(255,255,255,.3));border-color:rgba(255,0,0,1);box-shadow:0 0 50px rgba(255,0,0,1);z-index:20;pointer-events:auto}.node-1{top:8%;left:35%;animation-delay:0s}.node-2{top:20%;right:30%;animation-delay:2s}.node-3{top:35%;left:25%;animation-delay:4s}.node-4{top:50%;right:35%;animation-delay:6s}.node-5{top:65%;left:30%;animation-delay:8s}.node-6{top:78%;right:25%;animation-delay:10s}.node-7{bottom:15%;left:40%;animation-delay:12s}.node-8{bottom:8%;right:40%;animation-delay:14s}.node-icon{font-size:1.8rem;color:#fff;transition:all .4s ease}.helix-node:hover .node-icon{color:#fff;text-shadow:0 0 25px rgba(255,255,255,1)}.workflow-section{background:#000;padding:120px 0;position:relative;overflow:hidden}.workflow-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,0,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,0,0,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,0,0,.06) 0%,transparent 50%);animation:workflowGlow 15s ease-in-out infinite}.workflow-container{max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.workflow-header{text-align:center;margin-bottom:100px}.workflow-title{color:#fff;font-size:4.2rem;margin-bottom:35px;font-weight:900;text-shadow:0 0 45px rgba(255,255,255,.6);animation:titleReveal 2s ease-out;position:relative}.workflow-title::after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:120px;height:3px;background:linear-gradient(90deg,transparent,#f00,transparent);animation:titleLine 3s ease-in-out infinite}.workflow-subtitle{color:#b8c5d6;font-size:1.8rem;font-weight:400;max-width:800px;margin:0 auto;line-height:1.6;animation:subtitleReveal 2s ease-out .3s both}.workflow-timeline{position:relative;margin-top:80px}.workflow-timeline::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:4px;height:100%;background:linear-gradient(180deg,#f00,#f44,#f00);animation:timelinePulse 4s ease-in-out infinite}.workflow-step{display:flex;align-items:center;margin-bottom:80px;position:relative;opacity:0;animation:stepReveal .8s ease-out forwards}.workflow-step:nth-child(odd){flex-direction:row}.workflow-step:nth-child(even){flex-direction:row-reverse}.workflow-step:nth-child(1){animation-delay:.2s}.workflow-step:nth-child(2){animation-delay:.4s}.workflow-step:nth-child(3){animation-delay:.6s}.workflow-step:nth-child(4){animation-delay:.8s}.workflow-step:nth-child(5){animation-delay:1s}.step-content{flex:1;max-width:500px;padding:40px;background:rgba(255,255,255,.03);border:1px solid rgba(255,0,0,.2);border-radius:25px;position:relative;transition:all .5s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.step-content::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,0,.1),transparent);transition:left .8s ease}.step-content:hover::before{left:100%}.step-content:hover{transform:translateY(-10px) scale(1.02);border-color:rgba(255,0,0,.5);box-shadow:0 25px 50px rgba(255,0,0,.15);background:rgba(255,255,255,.05)}.step-icon-container{width:120px;height:120px;margin:0 40px;position:relative;z-index:3}.step-icon{width:100%;height:100%;background:radial-gradient(circle,rgba(255,0,0,.2),rgba(255,255,255,.1));border:3px solid rgba(255,0,0,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden}.step-icon::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,0,0,.3),transparent);animation:iconRotate 8s linear infinite}.step-icon:hover{transform:scale(1.15) rotateY(180deg);border-color:rgba(255,0,0,.8);box-shadow:0 0 40px rgba(255,0,0,.5)}.step-icon i{font-size:2.5rem;color:#fff;transition:all .6s ease;position:relative;z-index:2}.step-icon:hover i{color:#fff;text-shadow:0 0 25px rgba(255,255,255,1);transform:scale(1.2)}.step-number{position:absolute;top:-20px;right:-20px;width:50px;height:50px;background:linear-gradient(135deg,#f00,#f44);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:1.4rem;border:4px solid #000;box-shadow:0 8px 25px rgba(255,0,0,.4);animation:numberPulse 2s ease-in-out infinite}.step-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:20px;transition:all .4s ease}.step-content:hover .step-title{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.8)}.step-description{color:#b8c5d6;font-size:1.2rem;line-height:1.7;transition:all .4s ease}.step-content:hover .step-description{color:#fff}@media (max-width:768px){.workflow-section{padding:80px 0}.workflow-title{font-size:3.2rem}.workflow-subtitle{font-size:1.5rem}.workflow-timeline::before{left:30px}.workflow-step{flex-direction:column!important;margin-bottom:60px}.step-icon-container{margin:20px 0}.step-content{padding:30px 25px;max-width:100%}}hizmetlerimiz .hizmetlerimiz{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 0;background:#000;position:relative;overflow:hidden}