:root{--primary-color:#4F46E5;--primary-hover:#4338CA;--text-main:#111827;--text-muted:#374151;--text-light:#4B5563;--bg-main:#FFFFFF;--bg-secondary:#F9FAFB;--border-color:#E5E7EB;--badge-yellow-bg:#FFFBEB;--badge-yellow-text:#B45309;--badge-yellow-border:#FDE68A;--badge-orange-bg:#FFEDD5;--badge-orange-text:#9A3412;--badge-orange-border:#FED7AA;--badge-red-bg:#FEE2E2;--badge-red-text:#B91C1C;--badge-red-border:#FECACA;--badge-green-bg:#ECFDF5;--badge-green-text:#047857;--badge-green-border:#A7F3D0;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text-main);background-color:var(--bg-main);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.header{background-color:var(--bg-main);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;height:72px}.header-container{max-width:1200px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.logo-wrapper{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.15rem;color:var(--text-main)}.logo-icon{display:flex;align-items:center;width:28px;height:28px}.logo-icon svg{width:100%;height:100%}.logo-text{letter-spacing:-0.025em}.nav-menu{display:flex;align-items:center;gap:24px}.nav-link{font-size:0.95rem;font-weight:500;color:var(--text-muted);padding:8px 4px}.nav-link:hover{color:var(--primary-color)}.nav-link.active{color:var(--primary-color);font-weight:600}.header-actions{display:flex;align-items:center;gap:12px}.btn-pricing{display:flex;align-items:center;gap:6px;border:1px solid #10B981;color:#10B981;background-color:#F0FDF4;padding:8px 14px;border-radius:6px;font-weight:500;font-size:0.9rem}.btn-pricing:hover{background-color:#DCFCE7;border-color:#059669;color:#059669}.pricing-icon{display:flex;align-items:center;width:16px;height:16px}.pricing-icon svg{width:100%;height:100%}.btn-login{background-color:#111827;color:#FFFFFF;padding:8px 16px;border-radius:6px;font-weight:500;font-size:0.9rem}.btn-login:hover{background-color:#1F2937}.lang-selector{display:flex;align-items:center;gap:6px;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:6px 12px;border-radius:6px;color:var(--text-muted);font-size:0.9rem;position:relative;cursor:pointer}.globe-icon{display:flex;align-items:center;width:16px;height:16px}.lang-selector select{border:none;background:transparent;color:inherit;font-size:inherit;font-weight:500;cursor:pointer;outline:none;padding-right:4px;appearance:none;-webkit-appearance:none;z-index:2}.lang-selector::after{content:'';display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--text-muted);margin-left:4px;pointer-events:none}.mobile-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0}.mobile-toggle span{width:100%;height:2px;background-color:var(--text-main);border-radius:2px;transition:transform 0.2s ease,opacity 0.2s ease}.hero-section{max-width:1200px;margin:0 auto;padding:60px 24px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;contain:layout style}.hero-title{font-size:2.8rem;font-weight:800;color:var(--text-main);letter-spacing:-0.03em;margin-bottom:12px;line-height:1.25;min-height:1.25em}.hero-subtitle{font-size:1.15rem;color:var(--text-muted);max-width:750px;margin-bottom:24px;font-weight:400;line-height:1.5;min-height:3em}.badges-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:36px;min-height:34px;contain:layout style}.badge-item{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;font-size:0.85rem;border:1px solid transparent}.badge-emoji{font-size:1rem}.badge-icon{display:flex;align-items:center;width:14px;height:14px}.badge-icon svg{width:100%;height:100%}.badge-yellow{background-color:var(--badge-yellow-bg);color:var(--badge-yellow-text);border-color:var(--badge-yellow-border)}.badge-orange{background-color:var(--badge-orange-bg);color:var(--badge-orange-text);border-color:var(--badge-orange-border)}.badge-red{background-color:var(--badge-red-bg);color:var(--badge-red-text);border-color:var(--badge-red-border)}.badge-green{background:linear-gradient(to right,#ECFDF5,#F0FDF4);color:var(--badge-green-text);border-color:var(--badge-green-border)}.converter-workspace{width:100%;max-width:650px;background-color:var(--bg-main);border-radius:12px;box-shadow:var(--shadow-lg),0 20px 25px -5px rgba(0,0,0,0.05);border:1px solid var(--border-color);overflow:hidden;margin-bottom:50px;min-height:250px;contain:layout style}.drop-zone{width:100%}.upload-zone-inner{padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.upload-zone-inner:hover{background-color:var(--bg-secondary)}.drop-zone.drag-over .upload-zone-inner{background-color:#EEF2F6;border:2px dashed var(--primary-color)}.upload-icon-wrapper{width:48px;height:48px;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.upload-svg{width:100%;height:100%}.drop-title{font-size:1.25rem;font-weight:600;color:var(--text-main);margin-bottom:16px}.btn-choose{background-color:var(--primary-color);color:#FFFFFF;border:none;padding:12px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform 0.1s ease;margin-bottom:12px}.btn-choose:hover{background-color:var(--primary-hover)}.btn-choose:active{transform:scale(0.98)}.url-upload-link{display:flex;align-items:center;gap:6px;color:var(--primary-color);font-weight:500;font-size:0.95rem;padding:6px 12px;border-radius:6px}.url-upload-link:hover{background-color:#EEF2F6;text-decoration:underline}.link-icon{display:flex;align-items:center;width:16px;height:16px}.link-icon svg{width:100%;height:100%}.drop-zone-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border-color);background-color:var(--bg-secondary);font-size:0.82rem;color:var(--text-muted)}.security-info{display:flex;align-items:center;gap:6px}.check-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;background-color:#10B981;color:#FFFFFF;border-radius:50%;padding:2px}.check-icon svg{width:100%;height:100%}.supported-info{display:flex;align-items:center;gap:6px;cursor:help}.supported-info span{text-decoration:underline;text-decoration-style:dotted}.info-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--text-light);border-radius:50%;font-size:0.7rem;font-weight:700;font-style:normal;color:var(--text-muted)}.preview-area{padding:24px}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.preview-title{font-size:1.1rem;font-weight:600}.preview-actions{display:flex;gap:8px}.btn-action-outline{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:6px 12px;font-size:0.85rem;font-weight:500;cursor:pointer;color:var(--text-muted)}.btn-action-outline:hover{background-color:var(--bg-secondary);border-color:var(--text-light)}.btn-action-outline.danger{color:#DC2626;border-color:#FCA5A5}.btn-action-outline.danger:hover{background-color:#FEF2F2;border-color:#EF4444}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px;max-height:280px;overflow-y:auto;padding:4px;margin-bottom:24px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary)}.preview-item{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:1;border:1px solid var(--border-color);background-color:#FFFFFF;display:flex;flex-direction:column}.preview-item img{width:100%;height:70%;object-fit:cover}.preview-item-info{padding:4px 6px;height:30%;display:flex;flex-direction:column;justify-content:center;font-size:0.72rem;background-color:#FFFFFF}.preview-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.preview-item-size{color:var(--text-muted)}.preview-item-remove{position:absolute;top:4px;right:4px;width:18px;height:18px;background-color:rgba(0,0,0,0.6);color:#FFFFFF;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;line-height:1}.preview-item-remove:hover{background-color:#EF4444}.convert-settings-bar{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border-color)}.settings-group{display:flex;flex-direction:column;gap:4px}.settings-group label{font-size:0.78rem;font-weight:600;color:var(--text-muted)}.settings-group select{padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:0.9rem;outline:none;background-color:var(--bg-main)}.btn-convert-now{background-color:var(--primary-color);color:#FFFFFF;border:none;padding:10px 24px;border-radius:6px;font-weight:600;font-size:0.95rem;cursor:pointer}.btn-convert-now:hover{background-color:var(--primary-hover)}.processing-area{padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.spinner-container{position:relative;width:80px;height:80px;margin-bottom:24px}.circular-spinner{width:100%;height:100%;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:0.95rem;color:var(--primary-color)}.processing-title{font-size:1.2rem;font-weight:600;margin-bottom:8px}.processing-subtitle{font-size:0.9rem;color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.download-area{padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.success-icon-wrapper{width:60px;height:60px;background-color:#ECFDF5;color:#10B981;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.success-icon-wrapper svg{width:32px;height:32px}.download-title{font-size:1.4rem;font-weight:700;margin-bottom:8px}.download-subtitle{font-size:0.95rem;color:var(--text-muted);margin-bottom:24px}.download-card{display:flex;align-items:center;gap:16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:14px 20px;width:100%;max-width:320px;margin-bottom:28px;text-align:left}.doc-icon-wrapper{color:#4F46E5;display:flex;align-items:center}.doc-icon-wrapper svg{width:28px;height:28px}.doc-details{flex:1;overflow:hidden}.doc-name{font-weight:600;font-size:0.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-size{font-size:0.8rem;color:var(--text-muted)}.download-actions{display:flex;flex-direction:column;width:100%;max-width:320px;gap:10px}.btn-download{background-color:#10B981;color:#FFFFFF;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:var(--shadow-sm)}.btn-download:hover{background-color:#059669}.btn-convert-more{background-color:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:10px 24px;border-radius:8px;font-weight:500;font-size:0.95rem;cursor:pointer}.btn-convert-more:hover{background-color:var(--bg-secondary);color:var(--text-main)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;z-index:200;opacity:1;transition:opacity 0.2s ease}.modal-card{background-color:var(--bg-main);border-radius:8px;padding:24px;width:90%;max-width:420px;box-shadow:var(--shadow-lg)}.modal-card h3{margin-bottom:8px;font-size:1.15rem;font-weight:600}.modal-card p{color:var(--text-muted);font-size:0.9rem;margin-bottom:16px}.modal-card input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:0.95rem;margin-bottom:20px;outline:none}.modal-card input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(79,70,229,0.15)}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.btn-modal-cancel{background-color:transparent;border:1px solid var(--border-color);padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer}.btn-modal-submit{background-color:var(--primary-color);color:#FFFFFF;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer}.btn-modal-submit:hover{background-color:var(--primary-hover)}.hidden{display:none !important}.tools-grid-section{max-width:1200px;margin:0 auto;padding:20px 24px 60px}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tool-grid-card{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:14px;transition:transform 0.15s ease;box-shadow:var(--shadow-sm)}.tool-grid-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--text-light)}.tool-card-icon{width:38px;height:38px;border-radius:6px;display:flex;align-items:center;justify-content:center}.tool-card-icon svg{width:20px;height:20px}.img-to-txt{background-color:#EEF2F6;color:#1e3a8a}.word-to-jpg{background-color:#EFF6FF;color:#1e40af}.jpg-to-pdf{background-color:#FEF2F2;color:#991b1b}.pdf-to-txt{background-color:#FFF7ED;color:#9a3412}.convert-to-jpg{background-color:#F0FDF4;color:#166534}.heic-to-jpg{background-color:#F5F3FF;color:#5b21b6}.png-to-jpg{background-color:#ECFDF5;color:#065f46}.pdf-to-word{background-color:#F0F9FF;color:#075985}.tool-card-title{font-weight:500;font-size:0.95rem;color:var(--text-main)}.seo-article-section{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:60px 24px}.article-container{max-width:900px;margin:0 auto}.article-content{color:var(--text-muted);font-size:1rem;line-height:1.7}.article-content h2{color:var(--text-main);font-size:1.6rem;font-weight:700;margin-top:36px;margin-bottom:12px;letter-spacing:-0.02em}.article-content h3{color:var(--text-main);font-size:1.25rem;font-weight:600;margin-top:24px;margin-bottom:10px}.article-content p{margin-bottom:16px}.article-content ul{margin-bottom:20px;padding-left:20px}.article-content li{margin-bottom:8px}.footer{background-color:var(--bg-main);border-top:1px solid var(--border-color);padding:60px 24px 0}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:320px 1fr;gap:48px;padding-bottom:48px}.footer-brand-column{display:flex;flex-direction:column;align-items:flex-start}.footer-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.15rem;color:var(--text-main);margin-bottom:14px}.brand-desc{color:var(--text-muted);font-size:0.9rem;line-height:1.6;margin-bottom:24px}.extension-buttons{display:flex;flex-direction:column;gap:10px;width:100%}.btn-store{background-color:#111827;color:#FFFFFF;padding:8px 16px;border-radius:6px;display:flex;align-items:center;gap:12px;width:100%;max-width:200px}.btn-store:hover{background-color:#1F2937}.store-icon{display:flex;align-items:center;width:24px;height:24px}.store-text{display:flex;flex-direction:column;line-height:1.2;text-align:left}.store-sub{font-size:0.65rem;color:#D1D5DB}.store-name{font-weight:600;font-size:0.85rem}.footer-columns-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.footer-column h4{font-size:0.9rem;font-weight:700;color:var(--text-main);margin-bottom:16px;text-transform:uppercase;letter-spacing:0.05em}.footer-column ul{list-style:none}.footer-column li{margin-bottom:10px}.footer-column a{color:var(--text-muted);font-size:0.9rem}.footer-column a:hover{color:var(--primary-color)}.dropdown-column{display:flex;flex-direction:column;gap:20px}.lang-selector-footer{display:flex;align-items:center;gap:6px;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:8px 14px;border-radius:6px;color:var(--text-muted);font-size:0.9rem;position:relative;cursor:pointer;width:100%;max-width:180px}.lang-selector-footer select{border:none;background:transparent;color:inherit;font-size:inherit;font-weight:500;cursor:pointer;outline:none;width:100%;appearance:none;-webkit-appearance:none}.lang-selector-footer::after{content:'';display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--text-muted);position:absolute;right:14px;pointer-events:none}.social-wrapper h4{margin-bottom:12px}.social-links{display:flex;gap:8px}.social-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-muted);transition:transform 0.15s ease,opacity 0.15s ease}.social-btn svg{width:16px;height:16px}.social-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#FFFFFF}.footer-bottom{border-top:1px solid var(--border-color);padding:24px 0}.footer-bottom-container{max-width:1200px;margin:0 auto;padding:0 24px;color:var(--text-light);font-size:0.85rem}.content-section{padding:64px 0;border-bottom:1px solid var(--border-color)}.content-section:last-of-type{border-bottom:none}.content-container{max-width:1200px;margin:0 auto;padding:0 24px}.content-container h2{font-size:1.75rem;font-weight:700;color:var(--text-main);margin-bottom:24px;letter-spacing:-0.025em}.content-body p{color:var(--text-muted);font-size:1rem;line-height:1.75;margin-bottom:16px}.content-body p:last-child{margin-bottom:0}.content-body b{color:var(--text-main);font-weight:600}.intro-section{background-color:var(--bg-secondary)}.intro-lead{font-size:1.1rem;line-height:1.8}.section-grid.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.interactive-diagram{background:linear-gradient(135deg,#f8faff 0%,#f0f4ff 100%);border:1px solid #e0e7ff;border-radius:16px;padding:28px;position:relative}.diagram-title{font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--primary-color);margin-bottom:20px;text-align:center}.diagram-layers{display:flex;flex-direction:column;gap:8px}.diagram-layer{border-radius:10px;overflow:hidden;transition:transform 0.3s ease,opacity 0.3s ease}.layer-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;cursor:pointer;position:relative}.layer-bar::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px;opacity:0;transition:opacity 0.25s ease}.diagram-layer:hover .layer-bar::before,.diagram-layer.active .layer-bar::before{opacity:1}.layer-label{font-size:0.875rem;font-weight:600;color:var(--text-main)}.layer-size{font-size:0.75rem;font-weight:500;color:var(--text-muted);background:rgba(255,255,255,0.7);padding:2px 8px;border-radius:20px}.header-bar{background:linear-gradient(135deg,#dbeafe 0%,#e0e7ff 100%)}.header-bar::before{background-color:#3b82f6}.quant-bar{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.quant-bar::before{background-color:#f59e0b}.huffman-bar{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.huffman-bar::before{background-color:#10b981}.scan-bar{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%)}.scan-bar::before{background-color:#8b5cf6}.footer-bar{background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%)}.footer-bar::before{background-color:#ec4899}.layer-detail{max-height:0;overflow:hidden;padding:0 16px}.diagram-layer:hover .layer-detail,.diagram-layer.active .layer-detail{max-height:120px;padding:12px 16px}.layer-detail p{font-size:0.8rem;line-height:1.6;color:var(--text-muted);margin:0}.layer-detail code{font-family:'SF Mono','Fira Code',monospace;font-size:0.75rem;background:rgba(79,70,229,0.1);color:var(--primary-color);padding:1px 6px;border-radius:4px}.diagram-hint{text-align:center;font-size:0.75rem;color:var(--text-light);margin-top:16px;font-style:italic}.comparison-cards{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:40px;perspective:1000px}.flip-card{width:320px;height:360px;cursor:pointer}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;border:1px solid var(--border-color)}.flip-card-front{background:var(--bg-main);box-shadow:var(--shadow-md)}.flip-card-back{transform:rotateY(180deg);background:var(--bg-main);box-shadow:var(--shadow-lg);text-align:left;justify-content:flex-start;padding-top:28px}.flip-icon{width:64px;height:64px;margin-bottom:16px}.flip-icon svg{width:100%;height:100%}.jpg-front{border-color:#c7d2fe;background:linear-gradient(180deg,#eef2ff 0%,#ffffff 60%)}.jpg-front .flip-icon{color:#6366f1}.word-front{border-color:#bfdbfe;background:linear-gradient(180deg,#eff6ff 0%,#ffffff 60%)}.word-front .flip-icon{color:#2563eb}.flip-card-front h3{font-size:1.25rem;font-weight:700;color:var(--text-main);margin-bottom:8px}.flip-hint{font-size:0.8rem;color:var(--text-light);margin-top:auto}.flip-card-back h4{font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:16px;width:100%}.flip-card-back ul{list-style:none;width:100%}.flip-card-back ul li{font-size:0.85rem;color:var(--text-muted);padding:6px 0;border-bottom:1px solid #f3f4f6;display:flex;align-items:flex-start;gap:8px}.flip-card-back ul li:last-child{border-bottom:none}.tag{display:inline-block;font-size:0.65rem;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:4px;letter-spacing:0.05em;flex-shrink:0;margin-top:2px}.tag.pro{background:#dcfce7;color:#166534}.tag.con{background:#fee2e2;color:#991b1b}.vs-badge{font-size:1.1rem;font-weight:800;color:var(--text-light);background:var(--bg-secondary);border:2px solid var(--border-color);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:0.05em}.step-timeline{position:relative;padding:40px 0 20px;margin-top:32px}.timeline-line{position:absolute;left:28px;top:40px;bottom:20px;width:3px;background:var(--border-color);border-radius:3px}.timeline-line::after{content:'';position:absolute;left:0;top:0;width:100%;height:0%;background:linear-gradient(180deg,var(--primary-color),#7c3aed);border-radius:3px}.step-timeline.animated .timeline-line::after{height:100%}.timeline-step{display:flex;gap:24px;align-items:flex-start;margin-bottom:40px;opacity:0;transform:translateX(-20px);transition:opacity 0.5s cubic-bezier(0.4,0,0.2,1),transform 0.5s cubic-bezier(0.4,0,0.2,1)}.step-timeline.animated .timeline-step{opacity:1;transform:translateX(0)}.step-timeline.animated .timeline-step[data-step="1"]{transition-delay:0.15s}.step-timeline.animated .timeline-step[data-step="2"]{transition-delay:0.35s}.step-timeline.animated .timeline-step[data-step="3"]{transition-delay:0.55s}.step-timeline.animated .timeline-step[data-step="4"]{transition-delay:0.75s}.step-icon-circle{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:2px solid #c7d2fe;display:flex;align-items:center;justify-content:center;color:var(--primary-color);z-index:1}.step-timeline.animated .step-icon-circle{background:linear-gradient(135deg,var(--primary-color),#7c3aed);border-color:var(--primary-color);color:#ffffff;box-shadow:0 4px 14px rgba(79,70,229,0.3)}.step-icon-circle svg{width:24px;height:24px}.step-content{flex:1;padding-top:8px}.step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:8px}.step-content p{font-size:0.925rem;line-height:1.7;color:var(--text-muted)}.faq-section{background-color:var(--bg-secondary)}.faq-accordion{display:flex;flex-direction:column;gap:8px;margin-top:8px}.faq-item{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.faq-item:hover{box-shadow:var(--shadow-sm)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;color:var(--text-main);text-align:left;gap:16px}.faq-question:hover{color:var(--primary-color)}.faq-chevron{display:flex;align-items:center;flex-shrink:0;width:20px;height:20px;color:var(--text-light);transition:transform 0.3s ease}.faq-chevron svg{width:100%;height:100%}.faq-item.active .faq-chevron{transform:rotate(180deg);color:var(--primary-color)}.faq-answer{max-height:0;overflow:hidden;padding:0 24px}.faq-item.active .faq-answer{max-height:400px;padding:0 24px 20px}.faq-answer p{font-size:0.925rem;line-height:1.75;color:var(--text-muted);margin-bottom:12px}.faq-answer p:last-child{margin-bottom:0}.faq-answer b{color:var(--text-main);font-weight:600}.faq-answer ol{padding-left:20px;margin:8px 0}.faq-answer ol li{font-size:0.925rem;line-height:1.75;color:var(--text-muted);margin-bottom:8px}.faq-answer ol li b{color:var(--text-main)}.blog-section{padding:48px 0 64px}.blog-filter-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.blog-filter-btn{padding:8px 18px;border-radius:20px;border:1px solid var(--border-color);background-color:var(--bg-main);color:var(--text-muted);font-size:0.875rem;font-weight:500;cursor:pointer}.blog-filter-btn:hover,.blog-filter-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#ffffff;box-shadow:0 4px 10px rgba(79,70,229,0.25)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.blog-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform 0.25s ease;cursor:pointer}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-card-badge-header{height:180px;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);display:flex;align-items:center;justify-content:center;position:relative;padding:24px;color:#ffffff}.blog-card-badge-header.alt-1{background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%)}.blog-card-badge-header.alt-2{background:linear-gradient(135deg,#059669 0%,#10b981 100%)}.blog-card-badge-header.alt-3{background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%)}.blog-card-badge-header.alt-4{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%)}.blog-card-badge-header.alt-5{background:linear-gradient(135deg,#4b5563 0%,#6b7280 100%)}.blog-card-icon-lg{width:56px;height:56px;opacity:0.9}.blog-card-icon-lg svg{width:100%;height:100%}.blog-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.blog-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.blog-category-tag{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--primary-color);background:#eef2ff;padding:4px 10px;border-radius:6px}.blog-read-time{font-size:0.8rem;color:var(--text-light)}.blog-title{font-size:1.15rem;font-weight:700;line-height:1.4;color:var(--text-main);margin-bottom:10px}.blog-card:hover .blog-title{color:var(--primary-color)}.blog-excerpt{font-size:0.9rem;line-height:1.6;color:var(--text-muted);margin-bottom:20px;flex:1}.blog-footer-meta{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #f3f4f6;font-size:0.8rem;color:var(--text-muted)}.blog-author{font-weight:600;color:var(--text-main)}.cookie-banner{position:fixed;bottom:24px;left:24px;right:24px;max-width:580px;margin:0 auto;background:#ffffff;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.12),0 10px 10px -5px rgba(0,0,0,0.04);padding:24px;z-index:9990;transform:translateY(150%);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)}.cookie-banner.visible{transform:translateY(0)}.cookie-banner-content{display:flex;flex-direction:column;gap:16px}.cookie-banner-header{display:flex;align-items:center;gap:10px}.cookie-icon{font-size:1.4rem}.cookie-banner-title{font-size:1.1rem;font-weight:700;color:var(--text-main)}.cookie-banner-text{font-size:0.9rem;line-height:1.6;color:var(--text-muted)}.cookie-banner-text a{color:var(--primary-color);font-weight:600;text-decoration:underline}.cookie-banner-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-cookie-primary{background:var(--primary-color);color:#ffffff;border:none;padding:10px 20px;border-radius:8px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:transform 0.1s ease}.btn-cookie-primary:hover{background:var(--primary-hover)}.btn-cookie-secondary{background:var(--bg-secondary);color:var(--text-main);border:1px solid var(--border-color);padding:10px 18px;border-radius:8px;font-size:0.9rem;font-weight:600;cursor:pointer}.btn-cookie-secondary:hover{background:#e5e7eb}.btn-cookie-text{background:none;color:var(--text-muted);border:none;padding:10px 14px;font-size:0.9rem;font-weight:600;cursor:pointer}.btn-cookie-text:hover{color:var(--text-main)}.cookie-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(17,24,39,0.6);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.cookie-modal-overlay.visible{opacity:1;pointer-events:auto}.cookie-modal-card{background:#ffffff;border-radius:20px;max-width:580px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);transform:scale(0.95);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);overflow:hidden}.cookie-modal-overlay.visible .cookie-modal-card{transform:scale(1)}.cookie-modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.cookie-modal-title{font-size:1.15rem;font-weight:700;color:var(--text-main)}.cookie-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1;padding:4px;border-radius:4px}.cookie-modal-close:hover{color:var(--text-main)}.cookie-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.cookie-category-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cookie-category-info h4{font-size:0.95rem;font-weight:700;color:var(--text-main);margin-bottom:4px;display:flex;align-items:center;gap:8px}.cookie-badge-always{font-size:0.7rem;font-weight:700;color:var(--primary-color);background:#eef2ff;padding:2px 8px;border-radius:12px;text-transform:uppercase}.cookie-category-info p{font-size:0.85rem;line-height:1.5;color:var(--text-muted);margin:0}.cookie-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;margin-top:2px}.cookie-toggle input{opacity:0;width:0;height:0}.cookie-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;border-radius:24px}.cookie-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:transform .3s;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.cookie-toggle input:checked + .cookie-toggle-slider{background-color:var(--primary-color)}.cookie-toggle input:checked + .cookie-toggle-slider:before{transform:translateX(20px)}.cookie-toggle input:disabled + .cookie-toggle-slider{background-color:#9ca3af;cursor:not-allowed;opacity:0.7}.cookie-modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;gap:12px;background:#fafafa}@media (max-width:640px){.cookie-banner{bottom:12px;left:12px;right:12px;padding:18px}.cookie-banner-actions{flex-direction:column;width:100%}.cookie-banner-actions button{width:100%;text-align:center}}@media (max-width:1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}.blog-grid{grid-template-columns:repeat(2,1fr)}.section-grid.two-col{grid-template-columns:1fr;gap:32px}.flip-card{width:280px;height:340px}}@media (max-width:768px){.header-container{padding:0 16px}.nav-menu{display:none;position:absolute;top:72px;left:0;width:100%;background-color:var(--bg-main);flex-direction:column;padding:20px;border-bottom:1px solid var(--border-color);gap:16px;box-shadow:var(--shadow-md)}.nav-menu.active{display:flex}.mobile-toggle{display:flex}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.tools-grid{grid-template-columns:repeat(2,1fr)}.footer-container{grid-template-columns:1fr;gap:36px}.footer-columns-wrapper{grid-template-columns:repeat(2,1fr)}.content-section{padding:48px 0}.content-container h2{font-size:1.5rem}.comparison-cards{flex-direction:column;gap:16px}.flip-card{width:100%;max-width:360px;height:320px}.vs-badge{width:40px;height:40px;font-size:0.9rem}.timeline-line{left:20px}.step-icon-circle{width:40px;height:40px}.step-icon-circle svg{width:18px;height:18px}.timeline-step{gap:16px}}@media (max-width:480px){.tools-grid{grid-template-columns:1fr}.footer-columns-wrapper{grid-template-columns:1fr}.header-actions .btn-pricing,.header-actions .lang-selector{display:none}.content-section{padding:36px 0}.content-container h2{font-size:1.3rem}.interactive-diagram{padding:20px}.flip-card{height:300px}.faq-question{padding:14px 16px;font-size:0.925rem}.faq-answer{padding:0 16px}.faq-item.active .faq-answer{padding:0 16px 16px}}