.feature-card::before,.hero-section::after,.hero-section::before,.timeline::after{content:'';position:absolute}.feature-card,.step-card{height:100%;padding:2rem}.file-name,.language-item .dropdown-item{white-space:nowrap;text-overflow:ellipsis}.comparison-value,.progress-text,.step-card,.uploaded-file-info{text-align:center}.rotate-icon,.source-item img,.source-item svg{vertical-align:middle}.file-name,.url-input{text-overflow:ellipsis}.faq-header,.option-card,.remove-file-btn,.source-item,.upload-area,button{cursor:pointer}:root{--primary:rgb(126, 110, 246);--primary-dark:rgb(100, 85, 220);--primary-light:rgba(126, 110, 246, 0.1);--white:#ffffff;--light:#f9fafb;--dark:#1f2937;--gray:#6b7280;--light-gray:#e5e7eb;--radius:16px}body{background:linear-gradient(135deg,#f9fafb 0,#f0f2f5 100%);color:var(--dark);min-height:100vh;font-family:Inter,'Segoe UI',sans-serif}.hero-section{background:linear-gradient(135deg,rgba(126,110,246,.05) 0,rgba(109,93,252,.02) 100%);padding:1rem 0 2rem;position:relative;overflow:hidden}.hero-title,.progress-section h4{background:linear-gradient(135deg,var(--dark) 0,var(--primary-dark) 100%);-webkit-text-fill-color:transparent}.hero-section::before{top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:linear-gradient(135deg,var(--primary-light) 0,rgba(109,93,252,.05) 100%);z-index:-1}.hero-section::after{bottom:-150px;left:-100px;width:500px;height:500px;border-radius:50%;background:linear-gradient(135deg,rgba(109,93,252,.05) 0,var(--primary-light) 100%);z-index:-1}.hero-title{font-size:2.5rem;font-weight:800;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem}.upload-section{background-color:var(--white);border-radius:var(--radius);box-shadow:0 10px 25px rgba(0,0,0,.05);padding:2rem;margin:-3rem auto 2rem;width:90%;max-width:900px;position:relative;z-index:10;border:1px solid var(--light-gray)}.source-item,.upload-area{background-color:var(--light)}.upload-area{border:2px dashed var(--light-gray);border-radius:var(--radius);padding:3rem 1.5rem;transition:.3s}.format-option.active,.option-card.active,.upload-area.dragover,.upload-area:hover{border-color:var(--primary);background-color:var(--primary-light)}.upload-icon{font-size:3.5rem;color:var(--primary);margin-bottom:1.5rem}.source-item{display:flex;align-items:center;gap:.5rem;color:var(--gray);border:1px solid var(--light-gray);flex-shrink:0}.btn-outline-primary,.card-body i,.faq-header i,.feature-icon,.option-title i,.source-item:hover{color:var(--primary)}.source-item:hover{border-color:var(--primary)}.btn-upload{padding:.5rem 1rem;font-size:.875rem}.btn-outline-primary:hover,.btn-primary{background-color:var(--primary);border-color:var(--primary)}.feature-card,.step-card{position:relative;background-color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-outline-primary{border-color:var(--primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.format-options,.language-grid{grid-template-columns:repeat(2,1fr)}.feature-card{border-radius:var(--radius);transition:.3s;box-shadow:0 5px 15px rgba(0,0,0,.03);border:1px solid rgba(229,231,235,.5);overflow:hidden}.step-card{border-radius:var(--radius)}.feature-card::before{top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary) 0,var(--primary-dark) 100%)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.08)}.feature-title,.step-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--dark)}.feature-text,.step-text{color:var(--gray);margin-bottom:0}.step-number,footer{color:var(--white)}.timeline{position:relative;max-width:1200px;margin:0 auto}.timeline::after{width:4px;background-color:var(--primary-light);top:0;bottom:0;left:50%;margin-left:-2px;border-radius:2px}.step-card{width:46%;box-shadow:0 5px 15px rgba(0,0,0,.05);margin-bottom:2rem}.feature-icon,.step-number{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)}.step-card.left{left:0}.step-card.right{left:54%}.step-number{position:absolute;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(126,110,246,.3);top:1.5rem;z-index:1}.step-card.left .step-number{right:-75px}.step-card.right .step-number{left:-75px}.feature-icon{font-size:3rem;margin-bottom:1.5rem;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.step-card{background-color:var(--white);box-shadow:0 10px 25px rgba(0,0,0,.05);border:1px solid var(--light-gray)}.step-number{width:50px;height:50px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto 1.25rem;box-shadow:0 5px 15px rgba(126,110,246,.3)}.timeline-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-light) 0,rgba(126,110,246,.05) 100%);border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary);margin-bottom:1rem}footer{background-color:#4b4291;padding:5rem 0 2rem;margin-top:5rem}.conversion-section,.resultnew{background-color:var(--white);border-radius:var(--radius);box-shadow:0 10px 25px rgba(0,0,0,.05);padding:2rem;margin:2.5rem auto;width:90%;max-width:900px;border:1px solid var(--light-gray);display:none}.conversion-section.active{display:block}.conversion-options{background:var(--light);border-radius:var(--radius);padding:1.5rem;margin-top:1.25rem}.format-option,.option-card{background:var(--white);padding:1rem}.option-group{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--light-gray)}.option-title{font-weight:700;color:var(--dark);margin-bottom:1rem;display:flex;align-items:center;gap:.625rem}.option-card{border:2px solid var(--light-gray);border-radius:12px;margin-bottom:.625rem;transition:.3s}.format-options{display:grid;gap:.625rem;margin-top:.625rem}.convert-btn,.format-option{display:flex;gap:.625rem;transition:.3s}.format-option{border:2px solid var(--light-gray);border-radius:10px;align-items:center}.format-option input{accent-color:var(--primary)}.convert-btn{background:var(--primary);color:#fff;border:none;border-radius:50px;padding:.75rem 1.875rem;font-size:1rem;font-weight:600;align-items:center;justify-content:center;margin:1.875rem auto 0}.convert-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.result-section{background:var(--light);border-radius:var(--radius);padding:1.875rem;margin-top:1.875rem;display:none}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.share-btn{display:flex;align-items:center;gap:.5rem;font-weight:500}.share-btn i{font-size:1.1rem}.uploaded-file-info{display:flex;align-items:center;justify-content:center;flex-direction:column}.file-icon{font-size:3rem;color:var(--primary);margin-bottom:1rem}.download-options{display:flex;flex-direction:column;gap:10px;width:300px;margin:50px auto}button{padding:10px}.file-name{font-weight:600;margin-bottom:.5rem;max-width:300px;overflow:hidden}.file-size{color:var(--gray);margin-bottom:1.25rem}.change-file-btn{background-color:transparent;border:2px solid var(--primary);color:var(--primary);border-radius:50px;padding:.5rem 1.25rem;font-size:.875rem;transition:.3s}.comparison-section,.preview-info{border-top:1px solid var(--light-gray)}.comparison-row,.comparison-section{border-bottom:1px solid var(--light-gray)}.change-file-btn:hover{background-color:var(--primary);color:#fff}.preview-btn.download:hover,.url-submit-btn:hover{background-color:var(--primary-dark)}.logo-wrapper{height:30px}.url-input-container{display:none;width:100%;margin-top:1rem;position:relative}.url-input-group{display:flex}.url-input{flex:1;border:1px solid var(--light-gray);outline:0}.url-submit-btn{background-color:var(--primary);padding:.5rem 1rem;position:absolute;right:0;top:0}.url-close-btn{position:absolute;right:60px;top:50%;transform:translateY(-50%);color:var(--gray);font-size:1rem}.url-close-btn:hover{color:var(--dark)}.dropdown-menu.language-dropdown{width:100%;left:0!important;right:0!important;margin-top:.5rem!important;padding:1rem;max-height:70vh;overflow-y:auto}.language-grid{display:grid;gap:.5rem}@media (min-width:576px){.language-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.dropdown-menu.language-dropdown{width:90vw;max-width:1200px;left:50%!important;right:auto!important;transform:translateX(-50%)!important}.language-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:900px) and (max-width:1199px){.dropdown-menu.language-dropdown{width:95vw;max-width:1100px}.language-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1200px){.dropdown-menu.language-dropdown{width:1300px;left:auto!important;right:0!important;transform:none!important}.language-grid{grid-template-columns:repeat(5,1fr)}}.language-item,.uploaded-files-container{width:100%}.language-item .dropdown-item{overflow:hidden;padding:.5rem 1rem}@media (max-width:767.98px){.navbar-collapse{padding-bottom:1rem}.navbar-collapse .dropdown-menu.language-dropdown{position:static!important;transform:none!important;margin-top:.5rem;width:100%!important}}.language-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.author-avatar,.faq-header{display:flex;font-weight:600}.faq-section{padding:4rem 0;background-color:var(--light)}.faq-card,.use-case-card{background-color:var(--white);border-radius:var(--radius);box-shadow:0 10px 25px rgba(0,0,0,.05)}.faq-card{margin-bottom:1rem;overflow:hidden}.faq-header{padding:1.25rem;justify-content:space-between;align-items:center}.faq-content{padding:0 1.25rem;max-height:0;overflow:hidden;transition:.3s}.faq-content.show{padding:0 1.25rem 1.25rem;max-height:500px}.use-cases-section{padding:4rem 0}.use-case-card{padding:1.5rem;height:100%;transition:.3s}.use-case-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.use-case-icon{font-size:2rem;color:var(--primary);margin-bottom:1rem}.author-avatar{width:50px;height:50px;border-radius:50%;background-color:var(--light-gray);margin-right:1rem;align-items:center;justify-content:center;color:var(--primary)}.preview-section{background-color:var(--white);border-radius:var(--radius);box-shadow:0 10px 25px rgba(0,0,0,.05);padding:2rem;margin:2.5rem auto;width:95%;max-width:1200px;border:1px solid var(--light-gray);display:none}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.preview-container{display:flex;gap:1.5rem;min-height:500px}.preview-column{flex:1;display:flex;flex-direction:column;border:1px solid var(--light-gray);border-radius:var(--radius);overflow:hidden}.preview-header-bar{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;padding:.75rem 1rem;font-weight:600;display:flex;align-items:center;justify-content:space-between}.preview-content{flex:1;padding:1.5rem;overflow-y:auto;background-color:var(--light);position:relative}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--gray)}.preview-icon{font-size:3rem;margin-bottom:1rem}.preview-placeholder.pdf .preview-icon{color:#ff5252}.preview-placeholder.word .preview-icon{color:#2b579a}.preview-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.preview-btn{padding:.75rem 1.5rem;border-radius:50px;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:.3s}.files-header,.preview-info{display:flex;justify-content:space-between}.preview-btn.download{background-color:var(--primary);color:#fff;border:none}.preview-btn.download:hover{transform:translateY(-2px)}.preview-btn.convert-another{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}.preview-btn.convert-another:hover{background-color:var(--primary-light)}.preview-info{background-color:var(--light);padding:.75rem;font-size:.9rem;color:var(--gray)}.comparison-section{background-color:var(--white);padding:4rem 0}.comparison-table{background-color:var(--white);border-radius:var(--radius);box-shadow:0 10px 25px rgba(0,0,0,.05);overflow:hidden}.comparison-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;padding:1rem;font-weight:600}.comparison-row{display:flex}.word-wrap{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.progress-bar,.progress-section{overflow:hidden;position:relative}.comparison-row:last-child{border-bottom:none}.comparison-feature{flex:1;padding:1rem;font-weight:500}.comparison-value{flex:1;padding:1rem}.comparison-value.good{color:var(--primary);font-weight:600}.files-header{align-items:center;margin-bottom:20px}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.uploaded-file-box{border:2px solid #e9ecef;border-radius:8px;padding:15px;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center}.file-info{display:flex;align-items:center;flex:1;flex-direction:column}.file-details{margin-left:10px}.remove-file-btn{background:#dc3545;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.remove-file-btn:hover{background:#c82333}@media (max-width:992px){.preview-container{flex-direction:column}.preview-column{min-height:300px}}.custom-toast{position:fixed;top:20px;right:20px;background-color:#8b0000;color:#fff;padding:15px 20px;border-radius:8px;font-size:15px;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:9999;display:none;animation:.5s slideIn}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.progress-section{background-color:var(--white);border-radius:var(--radius);box-shadow:0 10px 25px rgba(0,0,0,.05);padding:3rem 2rem;margin:2.5rem auto;width:90%;max-width:900px;border:1px solid var(--light-gray)}.progress-section::after,.progress-section::before{width:200px;height:200px;border-radius:50%;z-index:-1;position:absolute;content:''}.progress-section::before{top:-50px;right:-50px;background:linear-gradient(135deg,var(--primary-light) 0,rgba(109,93,252,.05) 100%)}.progress-section::after{bottom:-50px;left:-50px;background:linear-gradient(135deg,rgba(109,93,252,.05) 0,var(--primary-light) 100%)}.progress{box-shadow:inset 0 2px 4px rgba(0,0,0,.1);border:2px solid var(--light-gray)}.progress-bar{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.progress-bar::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:2s infinite shine}@keyframes shine{0%{left:-100%}100%{left:100%}}.progress-text p{font-size:1rem;font-weight:500;margin-bottom:.5rem}.progress-text small{font-size:1.1rem;font-weight:600;color:var(--primary)!important}.spinner-border{width:3rem;height:3rem;border-width:.3em;animation:1.5s linear infinite spin-pulse}@keyframes spin-pulse{0%{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(180deg) scale(1.1);opacity:.8}100%{transform:rotate(360deg) scale(1);opacity:1}}.progress-section h4{font-weight:700;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem}.fa-spin{animation:2s linear infinite fa-spin-custom}@keyframes fa-spin-custom{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.fa-exchange-alt{color:var(--primary);text-shadow:0 2px 4px rgba(126,110,246,.3)}.progress-container{position:relative;z-index:1;background:var(--light);padding:2rem;border-radius:calc(var(--radius) - 4px);border:1px solid rgba(126,110,246,.1);animation:3s infinite container-pulse}@keyframes container-pulse{0%,100%{box-shadow:0 0 0 0 rgba(126,110,246,.3)}50%{box-shadow:0 0 0 10px rgba(126,110,246,.1)}}@media (max-width:768px){.hero-title{font-size:2rem}.upload-section{width:95%;padding:1.25rem}.upload-area{padding:2rem 1rem}.source-item{padding:.5rem 1rem;font-size:.875rem}.feature-card,.progress-container,.step-card{padding:1.5rem}.format-options{grid-template-columns:1fr}.preview-section{width:100%;padding:1.5rem}.preview-container{min-height:auto}.preview-info{flex-direction:column;gap:.5rem}.progress-section{width:95%;padding:2rem 1.5rem;margin:1.5rem auto}.progress{height:20px!important}.progress-bar{font-size:.8rem}.progress-section h4{font-size:1.5rem;margin-bottom:1.5rem}.spinner-border{width:2.5rem;height:2.5rem}}@media (max-width:576px){.hero-section{padding:3rem 0 1.5rem}.hero-title{font-size:1.75rem}.source-item{padding:.5rem .75rem;font-size:.75rem}.btn-upload{padding:.375rem .75rem;font-size:.8125rem}.col-lg-3,.col-lg-4,.col-md-4,.col-md-6{margin-bottom:1.25rem}.d-flex .timeline-icon{margin-right:1rem;margin-bottom:0}footer{padding:3rem 0 1.25rem}.conversion-section{padding:1.5rem;width:95%}.progress-section{padding:1.5rem 1rem}.progress-container{padding:1rem}.progress{height:18px!important}.progress-text p{font-size:.9rem}.progress-text small{font-size:1rem}.progress-section h4{font-size:1.25rem}}.progress-complete{background:linear-gradient(135deg,#28a745 0,#20c997 100%)}.progress-complete::before{animation:1s ease-out shine-success}@keyframes shine-success{0%{left:-100%}100%{left:100%}}.loading-dots::after{content:'';animation:1.5s infinite loading-dots}@keyframes loading-dots{0%,20%{content:''}40%{content:'.'}60%{content:'..'}100%,80%{content:'...'}}.card{transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-8px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.card:hover .card-title,.card:hover i{color:#4b27eb}.card-title{font-size:1.25rem}.source-item,.url-input{font-size:15px;background-color:#fff}.share-btn{border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;margin:5px;border:1px solid #0d6efd;background:#fff;transition:.3s}.share-btn img,.share-btn svg{width:20px;height:20px;display:block;margin:0}#qrBtn svg{fill:black}.share-btn:hover{background-color:#4b27eb;border-color:#4b27eb}.share-btn:hover img,.share-btn:hover svg{filter:brightness(0) invert(1)}#qrcode{display:flex;justify-content:center;margin-top:10px}.source-item{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:.2s ease-in-out;margin-right:10px;color:#333}.source-item:hover{background-color:#f8f9fb;box-shadow:0 4px 8px rgba(0,0,0,.08);transform:translateY(-2px)}.source-item span{font-weight:500}#googleDriveBtn:hover{border-color:#4285f4;color:#4285f4}#dropboxBtn:hover{border-color:#0061ff;color:#0061ff}#urlSourceBtn:hover{border-color:#6c757d;color:#6c757d}.rotate-icon{display:inline-block;animation:1.2s linear infinite spin}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.url-input-group{display:flex;align-items:center;gap:6px;width:100%;max-width:500px;margin:0 auto}.url-input{flex:1;min-width:0;padding:10px 12px;border:1px solid #ccc;border-radius:8px;line-height:1.4;overflow:hidden;white-space:nowrap}.url-input:focus{outline:0;border-color:#795ef1}.url-close-btn,.url-submit-btn{background:#795ef1;color:#fff;border:none;border-radius:8px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s}.url-close-btn:hover,.url-submit-btn:hover{background:#6a4ee0}.url-close-btn svg{width:20px;height:20px}.url-submit-btn svg{width:30px;height:30px;transform:scale(1.3)}