:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#070b19;font-family:Arial,Helvetica,sans-serif}body{color:#fff;background:#070b19;min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}button{font-family:inherit}a{color:inherit}input,select,button{font-family:inherit}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;background:#070b19;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font-family:inherit}button:disabled{opacity:.5;cursor:not-allowed}.app{background:radial-gradient(at 50% 12%,#5b2ebe47,#0000 45%),#070b19;min-height:100vh}.navbar{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:20px;min-height:85px;padding:15px 7%;display:flex}.logo{letter-spacing:1px;font-size:25px;font-weight:900}.logo span{color:#a78bfa}.navlinks{gap:35px;display:flex}.navlinks a{color:#cbd5e1;font-size:15px;text-decoration:none}.navlinks a:hover{color:#a78bfa}main{text-align:center;padding:105px 20px 100px}.badge{color:#c4b5fd;letter-spacing:2px;background:#8b5cf622;border:1px solid #8b5cf655;border-radius:50px;padding:12px 22px;font-size:12px;display:inline-block}h1{max-width:1100px;margin:35px auto;font-size:clamp(38px,6vw,76px);line-height:1.15}h1 span{background:linear-gradient(90deg,#a78bfa,#38bdf8,#c084fc);color:#0000;-webkit-background-clip:text;background-clip:text}.subtitle{color:#94a3b8;max-width:650px;margin:auto;font-size:18px;line-height:1.7}.download-box{background:#11182c;border:1px solid #fff2;border-radius:22px;max-width:850px;margin:55px auto 25px;padding:20px;box-shadow:0 20px 80px #0005}.input-row{gap:12px;display:flex}.input-row input{color:#fff;background:#1c2540;border:none;border-radius:12px;outline:none;flex:1;min-width:0;padding:21px;font-size:16px}.input-row input:focus{box-shadow:0 0 0 2px #8b5cf6}.input-row button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;border-radius:12px;padding:0 35px;font-size:16px;font-weight:700}.input-row button:hover:not(:disabled){filter:brightness(1.2)}.converter-controls{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.converter-btn{color:#fff;cursor:pointer;background:#1c2540;border:1px solid #fff2;border-radius:10px;justify-content:center;align-items:center;padding:14px 20px;font-size:14px;transition:all .3s;display:inline-flex}.converter-btn:hover:not(:disabled){background:#31265f;border-color:#8b5cf6}.converter-btn:disabled{opacity:.45;cursor:not-allowed}.converter-settings{color:#c4b5fd;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:25px;display:flex}.converter-settings label{font-size:14px}.converter-settings select,.converter-settings input{color:#fff;background:#1c2540;border:1px solid #fff3;border-radius:8px;margin-left:5px;padding:10px}.converter-settings input{width:85px}.progress-area{max-width:550px;margin:25px auto}.progress-track{background:#1c2540;border-radius:20px;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#7c3aed,#2563eb);height:100%;transition:width .3s}.progress-area p{color:#c4b5fd;font-size:14px}.message{color:#c4b5fd;overflow-wrap:anywhere;margin:20px 10px;line-height:1.6}.hint{color:#64748b;margin:18px 0 5px;font-size:13px;line-height:1.6}.video-preview-box{background:#11182c;border:1px solid #fff2;border-radius:20px;max-width:750px;margin:35px auto;padding:20px;box-shadow:0 15px 40px #0003}.video-preview-box h2{margin-bottom:20px;font-size:24px}.video-preview-box video{background:#000;width:100%;display:block}.video-preview-box p{color:#94a3b8;overflow-wrap:anywhere;font-size:14px;line-height:1.7}.platforms{color:#94a3b8;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:45px;font-weight:700;display:flex}.platforms span{transition:all .3s}.platforms span:hover{color:#a78bfa}.tools{text-align:center;max-width:1200px;margin:auto;padding:70px 25px}.tools h2,.features h2{margin-bottom:15px;font-size:40px}.tools>p,.features p{color:#94a3b8;line-height:1.7}.grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px;display:grid}.card{text-align:left;background:#11182c;border:1px solid #ffffff15;border-radius:20px;padding:35px;transition:all .3s}.card:hover{border-color:#8b5cf6;transform:translateY(-8px);box-shadow:0 15px 40px #7c3aed20}.icon{font-size:35px}.card h3{margin-top:25px;font-size:21px}.card p{color:#94a3b8;line-height:1.6}.card span{color:#a78bfa;margin-top:20px;font-size:14px;display:inline-block}.features{text-align:center;background:#0d1325;padding:80px 20px}footer{text-align:center;color:#64748b;border-top:1px solid #ffffff10;padding:40px 20px;line-height:2}@media (width<=900px){.grid{grid-template-columns:repeat(2,1fr)}.navbar{padding:15px 25px}}@media (width<=768px){.navbar{flex-direction:column;padding:18px 20px}.logo{font-size:22px}.navlinks{gap:20px}.navlinks a{font-size:13px}main{padding:70px 15px}h1{font-size:clamp(34px,9vw,52px)}.subtitle{font-size:15px}.download-box{margin-top:35px;padding:15px}.input-row{flex-direction:column}.input-row button{padding:18px}.converter-controls{flex-direction:column}.converter-btn{width:100%}.converter-settings{flex-direction:column;align-items:center}.grid{grid-template-columns:1fr}.platforms{gap:18px;font-size:13px}.tools h2,.features h2{font-size:30px}.video-preview-box{padding:12px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}button,a,input,select{transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #a78bfa}.navbar{z-index:5;background:#070b19d9;position:relative}.logo{background:linear-gradient(90deg,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text}.download-box{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:#a78bfa40}.input-row button:not(:disabled):active,.converter-btn:not(:disabled):active{transform:scale(.98)}.video-preview-box{border-color:#a78bfa33;overflow:hidden}.video-preview-box img{max-width:100%;height:auto}.message{overflow-wrap:anywhere}@media (width<=768px){.download-box{border-radius:16px;width:100%}.input-row input{width:100%;font-size:16px}.video-preview-box{width:100%}.video-preview-box h3{overflow-wrap:anywhere}.navbar{gap:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}