:root{--bg-color:#050508;--text-color:#f0f0f5;--text-muted:#8b8b9d;--accent-primary:#7d5fff;--accent-secondary:#00d2ff;--accent-tertiary:#ff00d2;--glass-bg:#0f0f1966;--glass-border:#ffffff0d;--glass-shadow:0 8px 32px 0 #00000080;--error-color:#ff4757}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;position:relative;overflow:hidden auto}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.navbar{z-index:1000;border-top:none;border-left:none;border-right:none;width:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0}.navbar.hidden-nav{transform:translateY(-100%)}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-color);font-weight:600;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--accent-primary)}body:before{content:"";z-index:0;filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#7d5fff26 0%,#00d2ff00 70%);width:800px;height:800px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#tsparticles{z-index:0;pointer-events:none;width:140vw;height:140vh;position:fixed;top:-20vh;left:-20vw}.container{z-index:10;width:100%;max-width:1000px;margin:0 auto;padding:2rem;position:relative}main{padding-top:80px}#hero{flex-direction:column;justify-content:center;align-items:center;gap:3rem;min-height:calc(100vh - 80px);display:flex}.hero-header{text-align:center;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.glow-text{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary), var(--accent-tertiary));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #7d5fff66);background-size:200% 200%;-webkit-background-clip:text;margin-bottom:.5rem;font-size:4.5rem;font-weight:800;line-height:1.1;animation:5s infinite gradientShift}.sm-glow{font-size:1.8rem}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.subtitle{color:var(--text-muted);letter-spacing:1px;max-width:600px;margin:1rem auto 0;font-size:1.3rem;font-weight:300}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);opacity:0;border-radius:30px;flex-direction:column;justify-content:center;width:100%;max-width:800px;min-height:400px;padding:3rem;transition:all .5s cubic-bezier(.16,1,.3,1);animation:.8s cubic-bezier(.16,1,.3,1) .2s forwards scaleUp;display:flex;position:relative;overflow:hidden}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.glass-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#fff3,#fff0);border-radius:30px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.state-section{opacity:0;width:100%;display:none}.state-section.active-section{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeSlideUp;display:block}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.dropzone{text-align:center;cursor:pointer;background:#0003;border:2px dashed #7d5fff4d;border-radius:20px;padding:4rem 2rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.dropzone:hover,.dropzone.dragover{border-color:var(--accent-primary);background:#7d5fff14;transform:translateY(-2px);box-shadow:inset 0 0 30px #7d5fff26}.dropzone-content{z-index:2;position:relative}.dropzone-content svg{color:var(--accent-primary);margin-bottom:1.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1)}.dropzone:hover .dropzone-content svg{filter:drop-shadow(0 0 10px #7d5fff80);transform:translateY(-8px)scale(1.1)}.dropzone-content h3{margin-bottom:.5rem;font-size:1.6rem;font-weight:600}.dropzone-content p{color:var(--text-muted)}.processing-content,.error-content,.result-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.spinner{border:3px solid #ffffff0d;border-top-color:var(--accent-secondary);border-right-color:var(--accent-primary);border-radius:50%;width:70px;height:70px;margin-bottom:1rem;animation:1.2s cubic-bezier(.68,-.55,.265,1.55) infinite spin;box-shadow:0 0 20px #7d5fff33}@keyframes spin{to{transform:rotate(360deg)}}.status-detail{color:var(--text-muted);font-size:1rem}.progress-container{background:#0000004d;border:1px solid #ffffff0d;border-radius:4px;width:100%;height:8px;margin-top:1rem;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary), var(--accent-tertiary));background-size:200% 100%;width:0%;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1);animation:3s linear infinite gradientShift;position:relative}.progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:1.5s infinite shine-progress;position:absolute;inset:0}@keyframes shine-progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.video-preview{background:#000;border:1px solid #ffffff1a;border-radius:16px;width:100%;margin-bottom:1.5rem;transition:transform .3s;overflow:hidden;box-shadow:0 10px 30px #00000080}.video-preview:hover{transform:scale(1.02)}video{width:100%;display:block}.action-buttons{justify-content:center;gap:1.5rem;width:100%;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:.8rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.primary-btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;flex:1;box-shadow:0 10px 20px #7d5fff4d}.primary-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 15px 25px #7d5fff66}.primary-btn:hover:before{left:100%}.secondary-btn{color:var(--text-color);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08}.secondary-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-3px)}.error-content h3{color:var(--error-color);font-size:1.8rem}.error-content svg{filter:drop-shadow(0 0 15px #ff475766)}.content-section{text-align:center;padding:6rem 2rem}.section-title{background:linear-gradient(135deg, #fff, var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4rem;font-size:3rem;font-weight:800}.features-grid,.steps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.feature-card{text-align:center;border-radius:24px;flex-direction:column;align-items:center;padding:3rem 2rem;transition:transform .3s,box-shadow .3s;display:flex}.feature-card:hover{border-color:#7d5fff4d;transform:translateY(-10px);box-shadow:0 15px 40px #7d5fff33}.feature-icon{margin-bottom:1.5rem;font-size:3rem}.feature-card h3{margin-bottom:1rem;font-size:1.5rem;font-weight:600}.feature-card p{color:var(--text-muted);line-height:1.6}.step-item{border:1px solid var(--glass-border);background:#ffffff05;border-radius:20px;padding:3rem 2rem;transition:transform .3s;position:relative}.step-item:hover{background:#ffffff0d;transform:scale(1.05)}.step-number{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:800;display:flex;position:absolute;top:-20px;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #7d5fff66}.step-item h4{margin-top:1rem;margin-bottom:1rem;font-size:1.3rem}.step-item p{color:var(--text-muted)}.main-footer{background:#0f0f19cc;border-bottom:none;border-left:none;border-right:none;margin-top:4rem;padding:3rem 0}.footer-content{justify-content:space-between;align-items:center;padding:0 2rem;display:flex}.footer-content p{color:var(--text-muted)}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--accent-secondary)}@media (width<=768px){.glow-text{font-size:3rem}.action-buttons{flex-direction:column}.footer-content{text-align:center;flex-direction:column;gap:1rem}}