.copycoder-container{position:relative;overflow:hidden}@keyframes copycoder-float{0%,to{transform:translateY(0) rotate(0deg);filter:drop-shadow(0 5px 15px rgba(147,51,234,.2))}25%{transform:translateY(-8px) rotate(-2deg);filter:drop-shadow(0 8px 20px rgba(147,51,234,.3))}75%{transform:translateY(-4px) rotate(2deg);filter:drop-shadow(0 6px 18px rgba(147,51,234,.25))}50%{transform:translateY(-12px) rotate(0deg);filter:drop-shadow(0 10px 25px rgba(147,51,234,.35))}}@keyframes copycoder-pulse{0%,to{transform:scale(1);opacity:.5;filter:blur(0) brightness(1)}50%{transform:scale(1.05);opacity:.8;filter:blur(.5px) brightness(1.1)}}@keyframes copycoder-glow{0%,to{box-shadow:0 0 15px rgba(147,51,234,.3),0 0 30px rgba(147,51,234,.2),0 0 45px rgba(147,51,234,.1),inset 0 0 20px rgba(147,51,234,.2);transform:scale(1) rotate(0deg);filter:brightness(1)}50%{box-shadow:0 0 20px rgba(147,51,234,.5),0 0 40px rgba(147,51,234,.3),0 0 60px rgba(147,51,234,.2),inset 0 0 30px rgba(147,51,234,.3);transform:scale(1.02) rotate(180deg);filter:brightness(1.2)}}.copycoder-container:after,.copycoder-container:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;transition:all .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.copycoder-container:before{background:conic-gradient(from 180deg at 50% 50%,#9333ea80 0deg,#3b82f680 55deg,#9333ea80 120deg,#3b82f680 160deg,transparent 1turn);filter:blur(50px);transform:translateZ(0);animation:copycoder-glow 10s ease-in-out infinite}.copycoder-container:after{background:radial-gradient(rgba(147,51,234,.15),rgba(59,130,246,.15));filter:blur(30px);transform:translateZ(0);animation:copycoder-glow 15s ease-in-out infinite reverse}.copycoder-upload-zone{position:relative;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.03);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),inset 0 2px 4px hsla(0,0%,100%,.1);transform-origin:center center;perspective:1000px}.copycoder-upload-zone:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(147,51,234,.1),transparent);transform:translateX(-100%) rotateX(10deg);transition:transform .6s cubic-bezier(.4,0,.2,1)}.copycoder-upload-zone:hover:before{transform:translateX(100%) rotateX(0deg)}.copycoder-upload-zone:hover{border-color:rgba(147,51,234,.7);background:rgba(147,51,234,.08);transform:translateY(-2px) scale(1.005) rotateX(2deg);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05),inset 0 2px 4px hsla(0,0%,100%,.1)}.copycoder-upload-zone:active{transform:translateY(1px) scale(.995) rotateX(-1deg);box-shadow:0 2px 4px -1px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.06);transition:all .2s cubic-bezier(.4,0,.2,1)}.copycoder-upload-icon{animation:copycoder-float 6s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(147,51,234,.2));will-change:transform;transform-style:preserve-3d}.copycoder-upload-zone:hover .copycoder-upload-icon{animation:copycoder-pulse 2s ease-in-out infinite;filter:drop-shadow(0 8px 12px rgba(147,51,234,.3))}.copycoder-button{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(45deg,rgba(147,51,234,.8),rgba(59,130,246,.8));box-shadow:0 2px 4px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06),inset 0 1px 1px hsla(0,0%,100%,.1);transform-style:preserve-3d;perspective:1000px}.copycoder-button:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at center,hsla(0,0%,100%,.3),transparent 70%);opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1);transform:scale(.5) translateZ(-10px);filter:blur(10px)}.copycoder-button:hover{transform:translateY(-2px) translateZ(20px);box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06),0 0 15px rgba(147,51,234,.3),inset 0 1px 1px hsla(0,0%,100%,.2)}.copycoder-button:hover:before{opacity:1;transform:scale(1) translateZ(0)}.copycoder-button:active{transform:translateY(1px) translateZ(-10px);box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.06),inset 0 1px 1px hsla(0,0%,100%,.1);transition:all .2s cubic-bezier(.4,0,.2,1)}.copycoder-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.copycoder-result{position:relative;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);background:rgba(147,51,234,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),inset 0 2px 4px hsla(0,0%,100%,.1);transform-style:preserve-3d;perspective:1000px}.copycoder-result:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(147,51,234,.15),rgba(59,130,246,.15));opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1);filter:blur(20px);transform:translateZ(-10px)}.copycoder-result:hover{transform:translateY(-1px) translateZ(10px) rotateX(1deg);box-shadow:0 6px 8px -2px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05),inset 0 2px 4px hsla(0,0%,100%,.15)}.copycoder-result:hover:before{opacity:1;transform:translateZ(0)}.copycoder-loading{animation:copycoder-glow 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(147,51,234,.4));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);will-change:transform,box-shadow;border:2px solid rgba(147,51,234,.3);border-top-color:#9333ea;border-radius:50%;transform-style:preserve-3d}.copycoder-preview{transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);filter:brightness(1);transform-style:preserve-3d;perspective:1000px}.copycoder-preview:hover{transform:scale(1.01) translateZ(20px) rotateX(2deg);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);filter:brightness(1.05)}@media (max-width:640px){.copycoder-container{padding:4rem 1rem}.copycoder-upload-icon{width:3rem;height:3rem}.copycoder-button{width:100%;margin-bottom:.5rem}}