@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .5);--accent: #0ea5e9;--accent-glow: rgba(14, 165, 233, .5);--bg: #020617;--card: #0f172a;--border: #1e293b;--text: #f8fafc;--muted: #94a3b8;--danger: #ef4444;--success: #10b981;--glass: rgba(15, 23, 42, .7)}body.light-mode{--bg: #ffffff;--card: #ffffff;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--glass: rgba(255, 255, 255, .8);background-image:none}body.light-mode:after{background-image:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(14,165,233,.1) 0px,transparent 50%);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px;z-index:-1;pointer-events:none;animation:moveBg 60s linear infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes moveBg{0%{background-position:0 0}to{background-position:500px 1000px}}@keyframes spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.3)}to{transform:rotate(360deg) scale(1)}}@keyframes glow{0%{text-shadow:0 0 20px rgba(99,102,241,.2)}to{text-shadow:0 0 40px rgba(14,165,233,.4)}}@keyframes float{0%,to{transform:scale(1.1) rotate(5deg) translateY(0)}50%{transform:scale(1.1) rotate(5deg) translateY(-5px)}}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:46px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.navbar{position:sticky;top:0;z-index:100;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-content{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.25rem;font-weight:700;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:.5rem;letter-spacing:-.02em}.logo:hover .logo-icon{animation:spin .8s ease-in-out}.nav-links{display:flex;align-items:center;gap:1rem}.theme-toggle{background:var(--card);border:1px solid var(--border);color:var(--text);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s}.theme-toggle:hover{border-color:var(--primary);transform:rotate(15deg)}.nav-links a:hover{color:var(--text)}.privacy-banner{background:#10b9811a;border-bottom:1px solid rgba(16,185,129,.2);color:var(--success);text-align:center;padding:.75rem 1rem;font-size:.95rem;font-weight:500;position:relative;z-index:10;transition:all .3s ease;max-height:60px;opacity:1;overflow:hidden}.privacy-banner.hidden-banner{max-height:0;padding-top:0;padding-bottom:0;opacity:0;border-bottom-width:0}body.light-mode .privacy-banner{background:#10b9810d;border-bottom:1px solid rgba(16,185,129,.15);color:#059669}.container{max-width:1200px;margin:0 auto;padding:3rem 1.5rem;flex:1;width:100%}.hero{text-align:center;max-width:800px;margin:0 auto 5rem;animation:fadeUp .6s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;background:#6366f11a;color:var(--primary);border-radius:9999px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(99,102,241,.2)}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.03em}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(99,102,241,.3);animation:glow 3s infinite alternate}.hero p{font-size:1.125rem;color:var(--muted);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.hero p strong{color:var(--text);font-weight:600}.trust-indicators{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.trust-indicators span{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--muted);font-weight:500;background:var(--card);padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border)}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:var(--text);letter-spacing:-.02em}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.tool-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;text-decoration:none;color:var(--text);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:flex-start;gap:1.25rem;position:relative;overflow:hidden;animation:fadeUp .5s ease-out backwards}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,.1),transparent);opacity:0;transition:opacity .2s ease;z-index:0}.tool-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--primary);box-shadow:0 20px 40px -12px #00000080,0 0 20px #6366f133}.tool-card:hover:before{opacity:1}.tool-icon-wrapper{background:#ffffff08;border:1px solid var(--border);width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;transition:all .2s ease;position:relative;z-index:1}.tool-card:hover .tool-icon-wrapper{background:#6366f11a;border-color:#6366f14d;color:var(--primary);transform:scale(1.1) rotate(5deg);animation:float 2s infinite ease-in-out}.tool-info{position:relative;z-index:1}.tool-info h3{font-size:1.125rem;font-weight:600;margin-bottom:.35rem;letter-spacing:-.01em}.tool-info p{font-size:.875rem;color:var(--muted);line-height:1.5}.features-section{margin-top:6rem;margin-bottom:3rem;padding-top:4rem;border-top:1px solid var(--border)}.features-header{text-align:center;margin-bottom:3rem}.features-header h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text);letter-spacing:-.02em}.features-header p{color:var(--muted);font-size:1.1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2rem;text-align:center;transition:transform .2s}.feature-card:hover{transform:translateY(-4px);background:#0f172acc;border-color:#6366f14d}.feature-icon{font-size:2.5rem;margin-bottom:1.5rem;display:inline-block;background:#6366f11a;width:80px;height:80px;line-height:80px;border-radius:50%}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.feature-card p{color:var(--muted);font-size:.95rem;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.footer{border-top:1px solid var(--border);padding:2.5rem 1.5rem;margin-top:auto;background:var(--bg)}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.footer-trust{display:flex;align-items:flex-start;gap:.75rem;background:#10b9810d;border:1px solid rgba(16,185,129,.2);padding:1rem 1.5rem;border-radius:12px;max-width:600px;color:var(--muted);font-size:.9rem;line-height:1.5}.footer-trust strong{color:var(--success)}.trust-icon{font-size:1.25rem}.footer-copyright{color:var(--muted);font-size:.875rem}.tool-container{animation:fadeUp .5s ease-out}.btn-action{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 12px #6366f14d}.btn-action:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:all .5s;opacity:0}.btn-action:hover:after{left:100%;opacity:1;transition:all .5s}.btn-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166,0 0 15px #0ea5e94d}.btn-action:active:not(:disabled){transform:translateY(0) scale(.98)}.workspace{background:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border)!important;box-shadow:0 25px 50px -12px #0003;animation:slideIn .4s cubic-bezier(.16,1,.3,1)}#drop-zone{transition:all .3s ease!important;position:relative;animation:pulse 3s infinite ease-in-out}@keyframes pulse{0%,to{box-shadow:0 0 #6366f100}50%{box-shadow:0 0 20px 2px #6366f11a}}#drop-zone:hover{animation:none;border-color:var(--accent)!important;background:#6366f10d!important;transform:scale(1.01)}#drop-zone.drag-over{animation:none;border-color:var(--success)!important;background:#10b9811a!important;transform:scale(1.02);box-shadow:0 0 30px #10b98133}.success-checkmark{width:80px;height:80px;margin:0 auto;position:relative}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid var(--success)}.success-checkmark .check-icon:before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon:after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon .icon-line{height:5px;background-color:var(--success);display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;border:4px solid rgba(16,185,129,.2);box-sizing:content-box;position:absolute}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:28px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg)}input[type=range]{accent-color:var(--accent)}#back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 20px #0000004d;opacity:0;visibility:hidden;transition:all .3s;z-index:1000;font-size:1.5rem}#back-to-top.visible{opacity:1;visibility:visible}#back-to-top:hover{transform:translateY(-5px);background:var(--accent)}.how-it-works{margin:6rem 0;text-align:center}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-top:3rem;position:relative}.step-card{position:relative;z-index:1}.step-number{width:60px;height:60px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;margin:0 auto 1.5rem;box-shadow:0 0 20px var(--primary-glow)}.step-card h3{margin-bottom:1rem;font-size:1.25rem}.faq-section{max-width:800px;margin:6rem auto}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;overflow:hidden}.faq-question{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;transition:background .2s}.faq-question:hover{background:#6366f10d}.faq-answer{padding:0 1.5rem;max-height:0;overflow:hidden;transition:all .3s ease-out;color:var(--muted);font-size:.95rem}.faq-item.active .faq-answer{padding:0 1.5rem 1.5rem;max-height:200px}.faq-icon{transition:transform .3s}.faq-item.active .faq-icon{transform:rotate(180deg)}.bottom-cta{background:linear-gradient(135deg,var(--primary),var(--accent));padding:4rem 2rem;border-radius:24px;text-align:center;margin:6rem 0;color:#fff;box-shadow:0 20px 40px #6366f14d}.bottom-cta h2{font-size:2.5rem;margin-bottom:1rem}.bottom-cta p{margin-bottom:2rem;opacity:.9}.btn-cta-white{background:#fff;color:var(--primary);padding:1rem 2.5rem;border-radius:50px;font-weight:700;text-decoration:none;display:inline-block;transition:all .2s}.btn-cta-white:hover{transform:scale(1.05);box-shadow:0 10px 20px #0000001a}.category-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.category-tab{padding:.6rem 1.2rem;background:var(--card);border:1px solid var(--border);border-radius:50px;cursor:pointer;font-weight:500;transition:all .2s;color:var(--muted)}.category-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}body.light-mode .tool-card:hover{box-shadow:0 20px 40px -12px #0000001a,0 0 20px #6366f11a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.section-header .section-title{margin-bottom:0}.search-container{position:relative;width:100%;max-width:300px;transition:all .3s ease}.search-container:focus-within{max-width:400px!important}#tool-search{width:100%;padding:.6rem 1rem .6rem 2.5rem;border-radius:50px;background:var(--card);border:1px solid var(--border);color:var(--text);outline:none;transition:all .3s}#tool-search:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6366f133}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);opacity:.5;pointer-events:none}.category-badge{font-size:.65rem;padding:.2rem .5rem;background:#6366f11a;border-radius:4px;color:var(--primary);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.toast{position:fixed;bottom:20px;right:20px;padding:1rem 1.5rem;border-radius:12px;color:#fff;font-weight:600;z-index:9999;transition:all .4s cubic-bezier(.175,.885,.32,1.275);opacity:0;transform:translate(100%);box-shadow:0 10px 25px -5px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.75rem}.toast.visible{opacity:1;transform:translate(0)}.toast-error,.toast-danger{background-color:#ef4444e6!important}.toast-success{background-color:#10b981e6!important}.toast-warning{background-color:#eab308e6!important;color:#111}.drop-zone-enhanced{position:relative;overflow:hidden;transition:all .3s ease}.drop-zone-enhanced.drag-active{border-color:var(--accent)!important;background:#06b6d40d!important;transform:scale(1.02)}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s;border-radius:inherit}.drop-zone-enhanced.drag-active .drop-overlay,.drop-overlay.active{opacity:1;pointer-events:all}.drop-icon-large{font-size:4rem;margin-bottom:1rem;transition:transform .3s}.drop-zone-enhanced.drag-active .drop-icon-large{animation:bounce 1s infinite}.drop-text-large{font-size:1.5rem;font-weight:600;color:var(--accent);text-align:center;padding:0 1rem}.drop-progress-container{width:80%;max-width:300px;height:8px;background:#ffffff1a;border-radius:4px;margin-top:1.5rem;overflow:hidden}.drop-progress-bar{height:100%;background:var(--accent);width:0%;transition:width .1s linear}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}#modern-progress-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0f172ab3;opacity:0;transition:all .4s ease}body.light-mode #modern-progress-overlay{background:#ffffffb3}.progress-glass-card{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;padding:3rem;border-radius:24px;display:flex;flex-direction:column;align-items:center;width:90%;max-width:400px}body.light-mode .progress-glass-card{background:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 25px 50px -12px #0000001a}.progress-msg-text{margin-top:2rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600;color:var(--text);text-align:center}.modern-progress-track{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}body.light-mode .modern-progress-track{background:#0000001a}.modern-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:4px;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #06b6d480}.cube-wrapper{width:60px;height:60px;transform:rotate(45deg)}.cube-folding{border:none;width:100%;height:100%;display:flex;flex-wrap:wrap}.cube-folding span{width:30px;height:30px;position:relative;transform:scale(1.1)}.cube-folding span:before{content:"";background-color:var(--primary);position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:100% 100%;animation:folding 2.5s infinite linear both}.cube-folding .leaf2{transform:rotate(90deg) scale(1.1)}.cube-folding .leaf3{transform:rotate(270deg) scale(1.1)}.cube-folding .leaf4{transform:rotate(180deg) scale(1.1)}.cube-folding .leaf2:before{animation-delay:.3s;background-color:var(--accent)}.cube-folding .leaf3:before{animation-delay:.9s;background-color:var(--accent)}.cube-folding .leaf4:before{animation-delay:.6s}@keyframes folding{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0);opacity:1}90%,to{transform:perspective(140px) rotateY(180deg);opacity:0}}.tool-container{max-width:900px!important;background:var(--card)!important;padding:3rem!important;border-radius:24px!important;box-shadow:0 25px 50px -12px #00000040!important;border:1px solid rgba(255,255,255,.05)!important;margin-top:2rem!important;margin-bottom:4rem!important}body.light-mode .tool-container{box-shadow:0 25px 50px -12px #0000000d!important;border:1px solid rgba(0,0,0,.05)!important}.workspace{background:transparent!important;border:none!important;padding:1rem 0 0!important;box-shadow:none!important}.file-info,.settings-panel{background:var(--bg)!important;border:1px solid var(--border)!important;border-radius:16px!important;padding:1.25rem!important;margin-bottom:1rem!important;box-shadow:0 4px 6px -1px #0000001a!important;transition:transform .2s,box-shadow .2s,border-color .2s!important}.file-item{background:var(--bg)!important;border:1px solid var(--border)!important;border-radius:16px!important;box-shadow:0 4px 6px -1px #0000001a!important;transition:transform .2s,box-shadow .2s,border-color .2s!important}.file-list:not(.grid) .file-item{padding:1.25rem!important;margin-bottom:1rem!important}.file-item:hover,.file-info:hover{transform:translateY(-2px)!important;box-shadow:0 10px 15px -3px #0000001a!important;border-color:var(--primary)!important}[id*=drop-zone]{border:2px dashed rgba(99,102,241,.5)!important;background:#6366f105!important;border-radius:20px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:inset 0 0 20px #00000005!important}[id*=drop-zone]:hover{border-color:var(--accent)!important;background:#06b6d40d!important;transform:scale(1.01)!important}.tool-header h1{font-size:2.5rem!important;background:linear-gradient(135deg,var(--primary),var(--accent))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;margin-bottom:.5rem!important;font-weight:800!important;line-height:1.2!important}.tool-header p{font-size:1.1rem!important;margin-bottom:1.5rem!important}.back-link{display:inline-flex!important;align-items:center!important;padding:.5rem 1rem!important;background:var(--bg)!important;border-radius:50px!important;border:1px solid var(--border)!important;color:var(--text)!important;font-weight:600!important;margin-bottom:2rem!important;transition:all .2s!important}.back-link:hover{border-color:var(--primary)!important;color:var(--primary)!important;transform:translate(-3px)!important}.btn-action{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%)!important;border-radius:50px!important;padding:1rem 2.5rem!important;font-size:1.1rem!important;font-weight:700!important;letter-spacing:.5px!important;box-shadow:0 10px 25px -5px #6366f166!important;border:none!important;color:#fff!important;text-transform:uppercase!important}.btn-secondary{border-radius:50px!important;padding:1rem 2.5rem!important;border:2px solid var(--border)!important;background:var(--bg)!important;color:var(--text)!important;font-weight:700!important;text-transform:uppercase!important}.btn-secondary:hover{border-color:var(--primary)!important;color:var(--primary)!important}.text-input,.select-input{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:12px!important;padding:.8rem 1rem!important;transition:border-color .2s,box-shadow .2s!important}.text-input:focus,.select-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #6366f126!important;outline:none!important}.color-picker-wrapper{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:12px!important;padding:.5rem 1rem!important}.hidden{display:none!important}@media (max-width: 768px){.trust-indicators{flex-direction:column;align-items:center;gap:1rem}.hero h1{font-size:2.5rem}.footer-trust{flex-direction:column;align-items:center;text-align:center}}