.youtube-to-blog-gradient{background:linear-gradient(135deg,red,#ff4458 25%,#667eea 75%,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animated-gradient-bg{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.glow-button{box-shadow:0 0 20px rgba(102,126,234,.5);transition:all .3s ease}.glow-button:hover{box-shadow:0 0 30px rgba(102,126,234,.8);transform:translateY(-2px)}.preset-card{transition:all .3s ease;border:2px solid transparent}.preset-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.1)}.preset-card.selected{border-color:#667eea;background:rgba(102,126,234,.05)}.progress-step{transition:all .3s ease}.progress-step.active{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-spinner{border-radius:50%;border:3px solid rgba(102,126,234,.1);border-top-color:#667eea;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.feature-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.image-preview{transition:all .3s ease;overflow:hidden}.image-preview:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(0,0,0,.2)}.success-checkmark{animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.phase-indicator{position:relative;overflow:hidden}.phase-indicator:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.1),transparent);transform:rotate(45deg);transition:all .5s}.phase-indicator.active:before{animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@media (max-width:768px){.progress-step span{display:none}.preset-card{padding:.75rem}}@media (prefers-color-scheme:dark){.feature-card{background:rgba(0,0,0,.3);border-color:hsla(0,0%,100%,.2)}.preset-card.selected{background:rgba(102,126,234,.1)}}