.lang-selector-container[data-astro-cid-crzgpmpb]{position:relative;display:inline-block}.lang-selector-btn[data-astro-cid-crzgpmpb]{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border-color);padding:6px 12px;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.lang-selector-btn[data-astro-cid-crzgpmpb]:hover{background:var(--bg-secondary);color:var(--text-main);border-color:var(--primary-color)}.globe-icon[data-astro-cid-crzgpmpb]{width:16px;height:16px;color:var(--primary-color)}.chevron-icon[data-astro-cid-crzgpmpb]{width:14px;height:14px;transition:transform .2s ease}.lang-selector-btn[data-astro-cid-crzgpmpb][aria-expanded=true] .chevron-icon[data-astro-cid-crzgpmpb]{transform:rotate(180deg)}.lang-dropdown[data-astro-cid-crzgpmpb]{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-width:90vw;background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg),0 20px 25px -5px #0000001a;padding:16px;z-index:1000}[data-astro-cid-crzgpmpb][dir=rtl] .lang-dropdown[data-astro-cid-crzgpmpb]{right:auto;left:0}.lang-dropdown[data-astro-cid-crzgpmpb].hidden{display:none}.lang-dropdown-header[data-astro-cid-crzgpmpb]{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border-color);font-weight:600;font-size:.95rem;color:var(--text-main)}.lang-close-btn[data-astro-cid-crzgpmpb]{background:none;border:none;font-size:1.25rem;line-height:1;color:var(--text-light);cursor:pointer;padding:2px 6px;border-radius:4px}.lang-close-btn[data-astro-cid-crzgpmpb]:hover{background:var(--bg-secondary);color:var(--text-main)}.lang-grid[data-astro-cid-crzgpmpb]{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:380px;overflow-y:auto;padding-right:4px}.lang-option[data-astro-cid-crzgpmpb]{display:flex;flex-direction:column;padding:8px 10px;border-radius:6px;text-decoration:none;color:var(--text-main);transition:background-color .15s ease;position:relative}.lang-option[data-astro-cid-crzgpmpb]:hover{background-color:var(--bg-secondary)}.lang-option[data-astro-cid-crzgpmpb].active{background-color:#eef2ff;border:1px solid #C7D2FE}.native-name[data-astro-cid-crzgpmpb]{font-weight:600;font-size:.875rem;color:var(--text-main)}.lang-option[data-astro-cid-crzgpmpb].active .native-name[data-astro-cid-crzgpmpb]{color:var(--primary-color)}.english-name[data-astro-cid-crzgpmpb]{font-size:.75rem;color:var(--text-light)}.active-check[data-astro-cid-crzgpmpb]{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--primary-color);font-weight:700;font-size:.875rem}[data-astro-cid-crzgpmpb][dir=rtl] .active-check[data-astro-cid-crzgpmpb]{right:auto;left:10px}@media(max-width:640px){.lang-dropdown[data-astro-cid-crzgpmpb]{width:300px;right:-50px}.lang-grid[data-astro-cid-crzgpmpb]{grid-template-columns:1fr}}: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, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(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:64px}.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:-.025em}.nav-menu{display:flex;align-items:center;gap:24px}.nav-link{font-size:.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:.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:#fff;padding:8px 16px;border-radius:6px;font-weight:500;font-size:.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:.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 .2s ease,opacity .2s ease}.hero-section{max-width:1200px;margin:0 auto;padding:28px 20px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;contain:layout style}.hero-title{font-size:2.5rem;font-weight:800;color:var(--text-main);letter-spacing:-.03em;margin-bottom:8px;line-height:1.25}.hero-subtitle{font-size:1.05rem;color:var(--text-muted);max-width:750px;margin-bottom:16px;font-weight:400;line-height:1.5}.converter-workspace{width:100%;max-width:650px;background-color:var(--bg-main);border-radius:12px;box-shadow:var(--shadow-lg),0 20px 25px -5px #0000000d;border:1px solid var(--border-color);overflow:hidden;margin-bottom:24px;contain:layout style}.drop-zone{width:100%}.upload-zone-inner{padding:28px 20px;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:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .1s ease;margin-bottom:12px}.btn-choose:hover{background-color:var(--primary-hover)}.btn-choose:active{transform:scale(.98)}.url-upload-link{display:flex;align-items:center;gap:6px;color:var(--primary-color);font-weight:500;font-size:.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:10px 20px;border-top:1px solid var(--border-color);background-color:var(--bg-secondary);font-size:.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:#fff;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:.7rem;font-weight:700;font-style:normal;color:var(--text-muted)}.preview-area{padding:16px 20px}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.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:.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:12px;max-height:250px;overflow-y:auto;padding:4px;margin-bottom:16px;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:#fff;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:.72rem;background-color:#fff}.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:#0009;color:#fff;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:.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:.9rem;outline:none;background-color:var(--bg-main)}.btn-convert-now{background-color:var(--primary-color);color:#fff;border:none;padding:10px 24px;border-radius:6px;font-weight:600;font-size:.95rem;cursor:pointer}.btn-convert-now:hover{background-color:var(--primary-hover)}.processing-area{padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.spinner-container{position:relative;width:72px;height:72px;margin-bottom:16px}.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:.95rem;color:var(--primary-color)}.processing-title{font-size:1.2rem;font-weight:600;margin-bottom:8px}.processing-subtitle{font-size:.9rem;color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.download-area{padding:28px 20px;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:.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:12px 18px;width:100%;max-width:320px;margin-bottom:18px;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:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-size{font-size:.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:#fff;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:.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:#0006;display:flex;align-items:center;justify-content:center;z-index:200;opacity:1;transition:opacity .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:.9rem;margin-bottom:16px}.modal-card input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;margin-bottom:20px;outline:none}.modal-card input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e526}.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:#fff;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}.seo-article-section{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:36px 20px}.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:-.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:36px 24px 0}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:320px 1fr;gap:36px;padding-bottom:32px}.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:.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:#fff;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:.65rem;color:#d1d5db}.store-name{font-weight:600;font-size:.85rem}.footer-columns-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.footer-column h4{font-size:.9rem;font-weight:700;color:var(--text-main);margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.footer-column ul{list-style:none}.footer-column li{margin-bottom:10px}.footer-column a{color:var(--text-muted);font-size:.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:.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 .15s ease,opacity .15s ease}.social-btn svg{width:16px;height:16px}.social-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.footer-bottom{border-top:1px solid var(--border-color);padding:16px 0}.footer-bottom-container{max-width:1200px;margin:0 auto;padding:0 24px;color:var(--text-light);font-size:.85rem}.content-section{padding:32px 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.6rem;font-weight:700;color:var(--text-main);margin-bottom:16px;letter-spacing:-.025em}.content-body p{color:var(--text-muted);font-size:1rem;line-height:1.75;margin-bottom:12px}.content-body p:last-child{margin-bottom:0}.content-body b{color:var(--text-main);font-weight:600}.content-body ul{list-style:none;padding-left:0;margin:16px 0 24px;display:flex;flex-direction:column;gap:12px}.content-body li{position:relative;padding-left:28px;color:var(--text-muted);font-size:1rem;line-height:1.7}.content-body li:before{content:"";position:absolute;left:6px;top:10px;width:8px;height:8px;border-radius:50%;background-color:var(--primary-color)}.content-body li strong,.content-body li 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,#f0f4ff);border:1px solid #e0e7ff;border-radius:16px;padding:28px;position:relative}.diagram-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.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 .3s ease,opacity .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 .25s ease}.diagram-layer:hover .layer-bar:before,.diagram-layer.active .layer-bar:before{opacity:1}.layer-label{font-size:.875rem;font-weight:600;color:var(--text-main)}.layer-size{font-size:.75rem;font-weight:500;color:var(--text-muted);background:#ffffffb3;padding:2px 8px;border-radius:20px}.header-bar{background:linear-gradient(135deg,#dbeafe,#e0e7ff)}.header-bar:before{background-color:#3b82f6}.quant-bar{background:linear-gradient(135deg,#fef3c7,#fde68a)}.quant-bar:before{background-color:#f59e0b}.huffman-bar{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.huffman-bar:before{background-color:#10b981}.scan-bar{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.scan-bar:before{background-color:#8b5cf6}.footer-bar{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.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:.8rem;line-height:1.6;color:var(--text-muted);margin:0}.layer-detail code{font-family:SF Mono,Fira Code,monospace;font-size:.75rem;background:#4f46e51a;color:var(--primary-color);padding:1px 6px;border-radius:4px}.diagram-hint{text-align:center;font-size:.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 .6s cubic-bezier(.4,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,#fff 60%)}.jpg-front .flip-icon{color:#6366f1}.word-front{border-color:#bfdbfe;background:linear-gradient(180deg,#eff6ff,#fff 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:.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:.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:.65rem;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:4px;letter-spacing:.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:.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:translate(-20px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.step-timeline.animated .timeline-step{opacity:1;transform:translate(0)}.step-timeline.animated .timeline-step[data-step="1"]{transition-delay:.15s}.step-timeline.animated .timeline-step[data-step="2"]{transition-delay:.35s}.step-timeline.animated .timeline-step[data-step="3"]{transition-delay:.55s}.step-timeline.animated .timeline-step[data-step="4"]{transition-delay:.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:#fff;box-shadow:0 4px 14px #4f46e54d}.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:.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 .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:.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:.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:.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:#fff;box-shadow:0 4px 10px #4f46e540}.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 .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,#7c3aed);display:flex;align-items:center;justify-content:center;position:relative;padding:24px;color:#fff}.blog-card-badge-header.alt-1{background:linear-gradient(135deg,#2563eb,#3b82f6)}.blog-card-badge-header.alt-2{background:linear-gradient(135deg,#059669,#10b981)}.blog-card-badge-header.alt-3{background:linear-gradient(135deg,#d97706,#f59e0b)}.blog-card-badge-header.alt-4{background:linear-gradient(135deg,#dc2626,#ef4444)}.blog-card-badge-header.alt-5{background:linear-gradient(135deg,#4b5563,#6b7280)}.blog-card-icon-lg{width:56px;height:56px;opacity:.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:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-color);background:#eef2ff;padding:4px 10px;border-radius:6px}.blog-read-time{font-size:.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:.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:.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:#fff;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 25px -5px #0000001f,0 10px 10px -5px #0000000a;padding:24px;z-index:9990;transform:translateY(150%);transition:transform .4s cubic-bezier(.16,1,.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:.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:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .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:.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:.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:#11182799;backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s ease}.cookie-modal-overlay.visible{opacity:1;pointer-events:auto}.cookie-modal-card{background:#fff;border-radius:20px;max-width:580px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;transform:scale(.95);transition:transform .3s cubic-bezier(.16,1,.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:.95rem;font-weight:700;color:var(--text-main);margin-bottom:4px;display:flex;align-items:center;gap:8px}.cookie-badge-always{font-size:.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:.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;inset:0;background-color:#d1d5db;border-radius:24px}.cookie-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:transform .3s;border-radius:50%;box-shadow:0 1px 3px #0003}.cookie-toggle input:checked+.cookie-toggle-slider{background-color:var(--primary-color)}.cookie-toggle input:checked+.cookie-toggle-slider:before{transform:translate(20px)}.cookie-toggle input:disabled+.cookie-toggle-slider{background-color:#9ca3af;cursor:not-allowed;opacity:.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,.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:24px 0}.hero-section{padding:20px 16px 12px}.content-container h2{font-size:1.4rem}.comparison-cards{flex-direction:column;gap:16px}.flip-card{width:100%;max-width:360px;height:320px}.vs-badge{width:40px;height:40px;font-size:.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,.footer-columns-wrapper{grid-template-columns:1fr}.header-actions .btn-pricing,.header-actions .lang-selector{display:none}.content-section{padding:18px 0}.hero-section{padding:16px 12px 10px}.content-container h2{font-size:1.25rem}.interactive-diagram{padding:20px}.flip-card{height:300px}.faq-question{padding:14px 16px;font-size:.925rem}.faq-answer{padding:0 16px}.faq-item.active .faq-answer{padding:0 16px 16px}}