@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@600;700;800&display=swap);*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;overflow-x:hidden}.gradient-bg{background:linear-gradient(135deg,#1e3a8a 0%,#7c3aed 50%,#ec4899 100%);position:relative;min-height:100vh}.gradient-bg::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgb(139 92 246 / .3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgb(236 72 153 / .3) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgb(59 130 246 / .3) 0%,transparent 50%);animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,100%{opacity:1}50%{opacity:.8}}.glass{background:rgb(255 255 255 / .1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .2);box-shadow:0 8px 32px 0 rgb(0 0 0 / .37)}.glass-strong{background:rgb(255 255 255 / .15);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgb(255 255 255 / .3);box-shadow:0 8px 32px 0 rgb(0 0 0 / .37)}.drop-zone{border:3px dashed rgb(255 255 255 / .5);transition:all 0.4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;z-index:20}.drop-zone::before{content:'';position:absolute;inset:0;border-radius:1.5rem;padding:3px;background:linear-gradient(135deg,#a855f7,#ec4899,#f59e0b);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.4s ease}.drop-zone:hover::before{opacity:1}.drop-zone.dragover{border-color:#fff0;background:rgb(255 255 255 / .2);transform:scale(1.02)}.drop-zone.dragover::before{opacity:1}.split-button-container{position:relative;display:inline-block}.upload-button{display:flex;background:linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f59e0b 100%);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgb(168 85 247 / .5);transition:all 0.4s cubic-bezier(.4,0,.2,1);position:relative}.upload-button::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ec4899 0%,#f59e0b 50%,#a855f7 100%);opacity:0;transition:opacity 0.4s ease}.upload-button:hover::before{opacity:1}.upload-button:hover{transform:translateY(-3px);box-shadow:0 25px 70px rgb(236 72 153 / .6)}.button-main{flex:0 0 80%;padding:18px 28px;color:#fff;font-weight:700;font-size:17px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;z-index:1}.button-main:hover{background:rgb(255 255 255 / .15)}.button-dropdown-trigger{flex:0 0 20%;padding:18px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-left:1px solid rgb(255 255 255 / .25);transition:all 0.3s ease;position:relative;z-index:1}.button-dropdown-trigger:hover{background:rgb(255 255 255 / .15)}.dropdown-menu{position:absolute;top:calc(100% + 12px);left:0;right:0;background:rgb(255 255 255 / .95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .3);border-radius:16px;box-shadow:0 20px 60px rgb(0 0 0 / .3);opacity:0;visibility:hidden;transform:translateY(-15px);transition:all 0.4s cubic-bezier(.4,0,.2,1);z-index:99999;overflow:hidden}.split-button-container:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:16px 24px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all 0.3s ease;color:#1f2937;font-weight:600;border-bottom:1px solid rgb(0 0 0 / .05)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);color:#fff;padding-left:30px}.tableItem:hover{background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);cursor:pointer}.dropdown-item i{width:20px;text-align:center}.pulse-animation{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}.feature-card{background:rgb(255 255 255 / .12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .25);transition:all 0.4s cubic-bezier(.4,0,.2,1)}.feature-card:hover{background:rgb(255 255 255 / .2);transform:translateY(-8px);box-shadow:0 20px 60px rgb(0 0 0 / .3);border-color:rgb(255 255 255 / .4)}#fileInput{display:none}.upload-icon{font-size:72px;background:linear-gradient(135deg,#a855f7,#ec4899,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;margin-bottom:24px;filter:drop-shadow(0 4px 10px rgb(168 85 247 / .3))}.music-wave{animation:wave 1.5s ease-in-out infinite}@keyframes wave{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.5)}}.header-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgb(255 255 255 / .1);border-bottom:1px solid rgb(255 255 255 / .2)}.nav-link{color:rgb(255 255 255 / .9);transition:all 0.3s ease;position:relative}.nav-link::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#a855f7,#ec4899);transform:scaleX(0);transition:transform 0.3s ease}.nav-link:hover{color:#fff}.nav-link:hover::after{transform:scaleX(1)}.logo-text{font-family:'Poppins',sans-serif;font-weight:800;background:linear-gradient(135deg,#fff 0%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.gradient-text{background:linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f59e0b 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.progress-wrapper{position:relative;width:100%;height:30px;background:rgb(255 255 255 / .15);border-radius:15px;overflow:hidden;border:2px solid rgb(255 255 255 / .3)}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#f205bb,#8d107e);border-radius:15px 0 0 15px;transition:width 0.3s ease-in-out}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-family:sans-serif}#opformat{transition:all 0.3s ease}#opformat:hover{background-image:linear-gradient(to right,#7e22ce,#fb923c);transform:scale(1.03)}#opformat:hover{color:#fff9f0}#opformat:hover{box-shadow:0 6px 16px rgb(126 34 206 / .25)}#opformat svg{transition:transform 0.3s ease,stroke 0.3s ease}#opformat:hover svg{transform:translateY(1px);stroke:#fff8f0}table tr{border-bottom:1px solid rgb(255 255 255 / .2)}table tr:last-child{border-bottom:none}table tr:hover{border-color:rgb(168 85 247 / .6)}.process-btn:hover{background:linear-gradient(90deg,#f205bb,#8d107e);transform:scale(1.05);transition:transform 0.25s ease}.xplay-btn:hover{background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);transform:scale(1.05);transition:transform 0.25s ease}#fileTable{cursor:pointer}.theme-text-section{max-width:900px;margin:0 auto 10px auto;padding:0 20px;color:#f8f5ff}.theme-text-heading{text-align:center;font-size:2.2rem;font-weight:700;margin-bottom:35px;background:linear-gradient(90deg,#ff9966,#ff5e62);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;letter-spacing:.5px}.theme-text-content{text-align:left}.theme-text-content p{font-size:1.1rem;line-height:1.8;color:rgb(255 255 255 / .88);margin-bottom:22px;transition:color 0.3s ease,transform 0.3s ease}.theme-text-content p:hover{color:#fff;transform:translateY(-1px)}.theme-text-section{animation:fadeInUp 0.7s ease both}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.features-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px;max-width:1100px;margin:50px auto;padding:0 20px}.feature-card{position:relative;background:rgb(255 255 255 / .08);backdrop-filter:blur(14px);border-radius:24px;padding:40px 30px;text-align:center;color:#fff;box-shadow:0 10px 30px rgb(0 0 0 / .25);transition:all 0.4s ease;overflow:hidden;cursor:pointer}.feature-card::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#ff9966,#ff5e62,#a4508b,#5f0a87);background-size:400% 400%;z-index:0;opacity:0;transition:opacity 0.5s ease;border-radius:24px;animation:gradientMove 5s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.feature-card:hover::before{opacity:1}.feature-card *{position:relative;z-index:1}.icon-wrap{width:65px;height:65px;margin:0 auto 20px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;background:linear-gradient(135deg,#ff9966,#ff5e62);box-shadow:0 6px 20px rgb(255 94 98 / .4);transition:all 0.3s ease}.feature-card:hover .icon-wrap{transform:scale(1.1);box-shadow:0 8px 25px rgb(255 94 98 / .6)}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:14px;color:#fff}.feature-card p{font-size:.98rem;line-height:1.6;color:rgb(255 255 255 / .85)}.faq-section{max-width:850px;margin:10px auto;padding:0 20px;color:#fff}.faq-heading{text-align:center;font-size:2rem;font-weight:700;margin-bottom:40px;background:linear-gradient(90deg,#ff9966,#ff5e62);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.faq-item{margin-bottom:18px;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgb(0 0 0 / .2)}.faq-question{width:100%;text-align:left;background:linear-gradient(135deg,#7b2ff7,#f107a3);color:#fff;border:none;outline:none;cursor:pointer;font-size:1.05rem;font-weight:600;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;transition:background 0.3s ease}.faq-question:hover{background:linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#f59e0b 100%)}.faq-icon{font-size:20px;transition:transform 0.3s ease}.faq-answer{background:linear-gradient(135deg,#f9f6ff,#fef6ff,#fff7fb);color:#333;padding:0 20px;max-height:0;overflow:hidden;transition:all 0.4s ease}.faq-item.active{box-shadow:0 0 15px rgb(255 150 200 / .25),0 0 25px rgb(255 100 180 / .15)}.faq-answer p{margin:15px 0 18px;line-height:1.7}.faq-item.active .faq-answer{max-height:500px;padding:15px 20px 20px}.faq-item.active .faq-icon{transform:rotate(45deg)}.footer-glass{background:rgb(255 255 255 / .08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:none;box-shadow:none}.footer-logo{background:linear-gradient(90deg,#ffd700,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;display:inline-block;letter-spacing:.5px;text-shadow:0 0 12px rgb(255 150 100 / .3);transition:text-shadow 0.3s ease,transform 0.3s ease}.footer-logo:hover{transform:translateY(-1px);text-shadow:0 0 20px rgb(255 94 98 / .5),0 0 40px rgb(168 85 247 / .4)}.footer-link{color:rgb(255 255 255 / .8);transition:all 0.3s ease}.footer-link:hover{color:#fff;transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(0 0 0 / .6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-hidden{display:none}.modal-subtext{font-size:.9rem;color:rgb(255 255 255 / .8);margin-top:-10px;margin-bottom:22px;font-weight:400;letter-spacing:.3px;animation:fadeIn 0.5s ease 0.1s both}.modal-content{background:linear-gradient(145deg,#7b5ce5,#5a3ecf);border:1px solid rgb(255 255 255 / .2);border-radius:18px;box-shadow:0 8px 25px rgb(0 0 0 / .3);padding:35px 30px;width:90%;max-width:480px;color:#fff;text-align:center;position:relative;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-title{font-size:1.5rem;margin-bottom:22px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.input-group{display:flex;align-items:stretch;background:rgb(255 255 255 / .1);border-radius:12px;overflow:hidden}.input-group input{flex:1;padding:12px 14px;border:none;background:#fff0;color:#fff;outline:none;font-size:1rem;min-width:0}.input-group button{display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(to right,#ff6ec7,#ff9a44);color:#fff;border:none;padding:12px 18px;font-size:.95rem;cursor:pointer;font-weight:600;white-space:nowrap;transition:all 0.3s ease;flex-shrink:0}.input-group button i{font-size:1rem}.input-group button:hover{opacity:.9}.submit-btn{margin-top:24px;background:linear-gradient(to right,#ff9a44,#ff6ec7);border:none;border-radius:10px;padding:13px 28px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:0.3s}.submit-btn i{margin-right:8px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(255 154 68 / .4)}.close-btn{position:absolute;right:15px;top:12px;font-size:1.3rem;background:none;border:none;color:#fff;cursor:pointer;transition:0.3s}.close-btn:hover{color:#ff9a44}@media (max-width:480px){.modal-content{padding:25px 20px}.input-group button{padding:12px 16px;font-size:.9rem}.modal-title{font-size:1.25rem}}