:root{--primary-color:#3079E6;--secondary-color:#6c5ce7;--accent-color:#fd79a8;--light-color:#f8f9fa;--dark-color:#343a40;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--text-color:#333;--border-radius:8px;--box-shadow:0 4px 6px rgba(0,0,0,0.1);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background-color:#f5f7fa}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}a{text-decoration:none;color:var(--primary-color);transition:var(--transition)}a:hover{color:var(--secondary-color)}ul{list-style:none}img{max-width:100%;height:auto}.section-title{text-align:center;margin-bottom:40px;font-size:2.5rem;color:var(--dark-color);position:relative;padding-bottom:15px}.section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background-color:var(--primary-color);border-radius:2px}.btn{display:inline-block;padding:12px 24px;border-radius:var(--border-radius);font-weight:600;text-align:center;cursor:pointer;transition:var(--transition);border:none}.btn-primary{background-color:var(--primary-color);color:white}.btn-primary:hover{background-color:var(--secondary-color);color:white}.btn-secondary{background-color:var(--secondary-color);color:white}.btn-secondary:hover{background-color:#5649c0;color:white}.btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:white}header{background-color:white;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:9999;width:100%}header .container{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;flex-wrap:wrap}.logo{display:flex;align-items:center}.logo a{display:flex;align-items:center;color:var(--dark-color);font-weight:700;font-size:1.5rem}.logo img{height:40px;margin-right:10px}nav{display:flex;align-items:center}.main-menu{display:flex}.main-menu li{margin-left:20px;position:relative}.main-menu a{color:var(--dark-color);font-weight:500;padding:8px 12px;border-radius:var(--border-radius);display:flex;align-items:center}.main-menu a:hover,.main-menu a.active{color:var(--primary-color);background-color:rgba(48,121,230,0.1)}.main-menu a i{margin-left:5px;font-size:0.8rem}.mega-menu{position:absolute;top:100%;left:0;width:800px;background-color:white;border-radius:var(--border-radius);box-shadow:0 10px 20px rgba(0,0,0,0.1);padding:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s ease;z-index:1000}.mega-menu.right-aligned{left:auto;right:0}.main-menu li:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.mega-menu-column{padding:10px}.mega-menu-title{font-size:1.1rem;font-weight:600;color:var(--primary-color);margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.mega-menu-list li{margin:0 0 10px 0}.mega-menu-list a{display:flex;align-items:center;color:var(--dark-color);font-weight:normal;padding:6px 10px;border-radius:var(--border-radius);transition:var(--transition)}.mega-menu-list a:hover{color:var(--primary-color);background-color:rgba(48,121,230,0.05);transform:translateX(5px)}.mega-menu-list a i{margin-right:8px;color:var(--primary-color);font-size:1rem}.mega-menu-featured{grid-column:span 4;background-color:#f8f9fa;border-radius:var(--border-radius);padding:15px;display:flex;align-items:center;margin-top:10px}.mega-menu-featured-icon{font-size:2rem;color:var(--primary-color);margin-right:15px}.mega-menu-featured-content h4{font-size:1.1rem;margin-bottom:5px;color:var(--dark-color)}.mega-menu-featured-content p{font-size:0.9rem;color:#666}.pdf-tools-mega-menu{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:white;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:20px;display:none;z-index:100;min-width:900px;max-width:1200px;opacity:0;visibility:hidden;transition:all 0.3s ease}.pdf-tools-mega-menu::before{content:'';position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #e9ecef;z-index:101}.pdf-tools-mega-menu::after{content:'';position:absolute;top:-11px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:11px solid white;z-index:102}.pdf-tools-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.pdf-tools-section{padding:15px;border-radius:8px;background:#f8f9fa}.pdf-section-title{font-size:12px;font-weight:bold;color:#6c757d;margin-bottom:15px;text-transform:uppercase;letter-spacing:0.5px}.pdf-tools-list{display:flex;flex-direction:column;gap:8px}.pdf-tool-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;text-decoration:none;color:#495057;font-size:14px;transition:all 0.2s ease;background:white;border:1px solid #e9ecef}.pdf-tool-item:hover{background:#f8f9fa;color:#007bff;text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.pdf-tool-item i{font-size:16px;width:20px;text-align:center}.image-tools-mega-menu{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:white;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:20px;display:none;z-index:100;min-width:600px;max-width:800px;opacity:0;visibility:hidden;transition:all 0.3s ease}.image-tools-mega-menu::before{content:'';position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #e9ecef;z-index:101}.image-tools-mega-menu::after{content:'';position:absolute;top:-11px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:11px solid white;z-index:102}.image-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.image-tools-section{padding:15px;border-radius:8px;background:#f8f9fa}.image-section-title{font-size:12px;font-weight:bold;color:#6c757d;margin-bottom:15px;text-transform:uppercase;letter-spacing:0.5px}.image-tools-list{display:flex;flex-direction:column;gap:8px}.image-tool-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;text-decoration:none;color:#495057;font-size:14px;transition:all 0.2s ease;background:white;border:1px solid #e9ecef}.image-tool-item:hover{background:#f8f9fa;color:#007bff;text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.image-tool-item i{font-size:16px;width:20px;text-align:center}.word-tools-mega-menu{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:white;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:20px;display:none;z-index:100;min-width:600px;max-width:800px;opacity:0;visibility:hidden;transition:all 0.3s ease}.word-tools-mega-menu::before{content:'';position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #e9ecef;z-index:101}.word-tools-mega-menu::after{content:'';position:absolute;top:-11px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:11px solid white;z-index:102}.word-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.word-tools-section{padding:15px;border-radius:8px;background:#f8f9fa}.word-section-title{font-size:12px;font-weight:bold;color:#6c757d;margin-bottom:15px;text-transform:uppercase;letter-spacing:0.5px}.word-tools-list{display:flex;flex-direction:column;gap:8px}.word-tool-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;text-decoration:none;color:#495057;font-size:14px;transition:all 0.2s ease;background:white;border:1px solid #e9ecef}.word-tool-item:hover{background:#f8f9fa;color:#007bff;text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.word-tool-item i{font-size:16px;width:20px;text-align:center}.contact-btn{background-color:var(--primary-color);color:white;padding:8px 16px;border-radius:var(--border-radius);margin-left:20px;display:flex;align-items:center;font-weight:500}.contact-btn i{margin-right:8px}.contact-btn:hover{background-color:var(--secondary-color);color:white}.mobile-menu-toggle{display:none;font-size:20px;cursor:pointer;color:#333;background:#fff;border:2px solid #3079E6;border-radius:8px;padding:12px;box-shadow:0 2px 8px rgba(48,121,230,0.2);transition:all 0.3s ease;position:relative;z-index:1001;min-width:44px;min-height:44px;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background:#3079E6;color:white;transform:scale(1.05);box-shadow:0 4px 12px rgba(48,121,230,0.3)}.mobile-menu-toggle:active{transform:scale(0.95)}.mobile-menu-toggle{pointer-events:auto !important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hero{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;padding:100px 0;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero h1{font-size:3rem;margin-bottom:20px;line-height:1.2}.hero p{font-size:1.2rem;margin-bottom:30px;opacity:0.9}.tools-section{padding:100px 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);position:relative}.tools-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="tools-pattern" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="%23007bff" opacity="0.03"/><circle cx="80" cy="80" r="1" fill="%23007bff" opacity="0.03"/><circle cx="50" cy="15" r="1" fill="%23007bff" opacity="0.03"/><circle cx="15" cy="70" r="1" fill="%23007bff" opacity="0.03"/><circle cx="85" cy="35" r="1" fill="%23007bff" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23tools-pattern)"/></svg>');pointer-events:none}.tools-header{text-align:center;margin-bottom:80px;position:relative}.tools-subtitle{font-size:1.2rem;color:#666;max-width:800px;margin:20px auto 40px;line-height:1.6}.tools-stats{display:flex;justify-content:center;gap:40px;margin-top:40px;flex-wrap:wrap}.tools-stat{text-align:center;padding:20px;background:white;border-radius:15px;box-shadow:0 8px 25px rgba(0,123,255,0.1);border:1px solid rgba(0,123,255,0.1);min-width:140px;transition:all 0.3s ease}.tools-stat:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,123,255,0.15)}.tools-stat-number{display:block;font-size:2rem;font-weight:700;color:#007bff;margin-bottom:5px}.tools-stat-label{font-size:0.9rem;color:#666;font-weight:500}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.tool-category{background-color:white;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:30px;transition:var(--transition)}.tool-category:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.tool-category h3{font-size:1.5rem;margin-bottom:20px;color:var(--primary-color);border-bottom:2px solid #eee;padding-bottom:10px}.tools-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.tool-card{background-color:#f8f9fa;border-radius:var(--border-radius);padding:20px;text-align:center;transition:var(--transition);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--dark-color)}.tool-card:hover{background-color:var(--primary-color);color:white;transform:translateY(-3px)}.tool-icon{font-size:2rem;margin-bottom:15px;color:var(--primary-color)}.tool-card:hover .tool-icon{color:white}.tool-card h4{font-size:1.2rem;margin-bottom:10px}.tool-card p{font-size:0.9rem;opacity:0.8}.features-section{padding:80px 0;background-color:white}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{text-align:center;padding:30px;border-radius:var(--border-radius);background-color:#f8f9fa;transition:var(--transition)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow)}.feature-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:20px}.feature-card h3{font-size:1.3rem;margin-bottom:15px;color:var(--dark-color)}.feature-card p{font-size:0.95rem;color:#666}.about-section{padding:100px 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);position:relative;overflow:hidden}.about-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23007bff" opacity="0.05"/><circle cx="75" cy="75" r="1" fill="%23007bff" opacity="0.05"/><circle cx="50" cy="10" r="1" fill="%23007bff" opacity="0.05"/><circle cx="10" cy="60" r="1" fill="%23007bff" opacity="0.05"/><circle cx="90" cy="40" r="1" fill="%23007bff" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.about-hero{margin-bottom:80px}.about-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-text{position:relative}.about-subtitle{font-size:1.5rem;color:#007bff;font-weight:600;margin-bottom:20px;position:relative}.about-subtitle::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#007bff,#0056b3);border-radius:2px}.about-lead{font-size:1.3rem;line-height:1.6;color:#2c3e50;margin-bottom:40px;font-weight:400}.about-mission{display:flex;gap:20px;align-items:flex-start;background:white;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgba(0,123,255,0.1);border-left:4px solid #007bff}.mission-icon{background:linear-gradient(135deg,#007bff,#0056b3);color:white;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.mission-text h4{color:#2c3e50;font-size:1.2rem;margin-bottom:10px;font-weight:600}.mission-text p{color:#666;line-height:1.6;margin:0}.about-visual{position:relative}.about-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-card{background:white;padding:25px;border-radius:15px;box-shadow:0 8px 25px rgba(0,123,255,0.1);display:flex;align-items:center;gap:15px;transition:all 0.3s ease;border:1px solid rgba(0,123,255,0.1)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,123,255,0.15)}.stat-icon{background:linear-gradient(135deg,#007bff,#0056b3);color:white;width:45px;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.stat-info{display:flex;flex-direction:column}.stat-number{font-size:1.8rem;font-weight:700;color:#2c3e50;line-height:1}.stat-label{font-size:0.85rem;color:#666;font-weight:500;margin-top:2px}.about-features{margin-bottom:80px}.about-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.about-feature{background:white;padding:35px;border-radius:20px;box-shadow:0 10px 30px rgba(0,123,255,0.08);text-align:center;transition:all 0.3s ease;border:1px solid rgba(0,123,255,0.1);position:relative;overflow:hidden}.about-feature::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#007bff,#0056b3);transform:scaleX(0);transition:transform 0.3s ease}.about-feature:hover::before{transform:scaleX(1)}.about-feature:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,123,255,0.15)}.feature-icon-wrapper{background:linear-gradient(135deg,#007bff,#0056b3);color:white;width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 25px;transition:all 0.3s ease}.about-feature:hover .feature-icon-wrapper{transform:scale(1.1) rotate(5deg)}.about-feature h4{color:#2c3e50;font-size:1.3rem;margin-bottom:15px;font-weight:600}.about-feature p{color:#666;line-height:1.6;font-size:0.95rem}.about-values{text-align:center}.values-title{font-size:2.2rem;color:#2c3e50;margin-bottom:50px;font-weight:700;position:relative}.values-title::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#007bff,#0056b3);border-radius:2px}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.value-item{background:white;padding:40px 30px;border-radius:20px;box-shadow:0 10px 30px rgba(0,123,255,0.08);text-align:center;transition:all 0.3s ease;border:1px solid rgba(0,123,255,0.1);position:relative}.value-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,123,255,0.15)}.value-number{background:linear-gradient(135deg,#007bff,#0056b3);color:white;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;margin:0 auto 20px;transition:all 0.3s ease}.value-item:hover .value-number{transform:scale(1.1)}.value-item h4{color:#2c3e50;font-size:1.3rem;margin-bottom:15px;font-weight:600}.value-item p{color:#666;line-height:1.6;font-size:0.95rem}footer{background-color:var(--dark-color);color:white;padding:60px 0 20px;width:100%}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-logo{display:flex;align-items:center;margin-bottom:20px}.footer-logo img{height:40px;margin-right:10px}.footer-logo span{font-weight:700;font-size:1.3rem}.footer-links h4{font-size:1.2rem;margin-bottom:20px;position:relative;padding-bottom:10px}.footer-links h4::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:var(--primary-color)}.footer-links ul li{margin-bottom:10px}.footer-links ul li a{color:#ddd;transition:var(--transition)}.footer-links ul li a:hover{color:var(--primary-color);padding-left:5px}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1)}.tool-page{padding:60px 0}.tool-header{text-align:center;margin-bottom:40px}.tool-header h1{font-size:2.5rem;color:var(--dark-color);margin-bottom:15px}.tool-header p{font-size:1.1rem;color:#666;max-width:800px;margin:0 auto}.tool-container{background-color:white;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:30px;max-width:1000px;margin:0 auto}.upload-area{border:2px dashed #ddd;border-radius:var(--border-radius);padding:40px;text-align:center;margin-bottom:30px;transition:var(--transition);position:relative}.upload-area:hover{border-color:var(--primary-color)}.upload-area.active{border-color:var(--primary-color);background-color:rgba(48,121,230,0.05)}.upload-icon{font-size:3rem;color:var(--primary-color);margin-bottom:20px}.upload-text{margin-bottom:20px}.upload-text h3{font-size:1.5rem;margin-bottom:10px}.upload-text p{color:#666}.file-input{display:none}.browse-btn{display:inline-block;padding:10px 20px;background-color:var(--primary-color);color:white;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.browse-btn:hover{background-color:var(--secondary-color)}.options-area{margin-bottom:30px}.options-title{font-size:1.2rem;margin-bottom:15px;color:var(--dark-color)}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.option-item{margin-bottom:15px}.option-item label{display:block;margin-bottom:5px;font-weight:500}.option-item select,.option-item input{width:100%;padding:10px;border:1px solid #ddd;border-radius:var(--border-radius);transition:var(--transition)}.option-item select:focus,.option-item input:focus{border-color:var(--primary-color);outline:none}.action-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.result-area{margin-top:40px;display:none}.result-area.active{display:block}.result-title{font-size:1.5rem;margin-bottom:20px;color:var(--dark-color);text-align:center}.result-content{background-color:#f8f9fa;border-radius:var(--border-radius);padding:20px;margin-bottom:20px;max-height:400px;overflow-y:auto}.result-actions{display:flex;justify-content:center;gap:15px}.preview-area{display:flex;justify-content:space-between;margin-bottom:30px}.preview-original,.preview-result{flex:1;padding:15px;background-color:#f8f9fa;border-radius:var(--border-radius)}.preview-title{font-size:1.2rem;margin-bottom:15px;color:var(--dark-color);text-align:center}.preview-image{max-width:100%;max-height:300px;display:block;margin:0 auto}.spinner{display:none;width:40px;height:40px;margin:20px auto;border:4px solid rgba(0,0,0,0.1);border-radius:50%;border-top:4px solid var(--primary-color);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner.active{display:block}.tool-faq-dropdown{margin-top:20px;background-color:#f8f9fa;border-radius:var(--border-radius);overflow:hidden;transition:var(--transition);box-shadow:0 2px 5px rgba(0,0,0,0.05)}.tool-faq-toggle{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:rgba(48,121,230,0.1);cursor:pointer;transition:var(--transition)}.tool-faq-toggle:hover{background-color:rgba(48,121,230,0.15)}.tool-faq-toggle h4{font-size:1rem;color:var(--primary-color);margin:0;font-weight:600}.tool-faq-toggle i{transition:var(--transition);color:var(--primary-color)}.tool-faq-content{padding:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease}.tool-faq-content p{padding:0;font-size:0.95rem;color:#555;margin:0;line-height:1.6}.tool-faq-dropdown.active .tool-faq-toggle i{transform:rotate(180deg)}.tool-faq-dropdown.active .tool-faq-content{max-height:500px;padding:20px}.how-to-use{padding:60px 0;background-color:#f5f7fa;text-align:center}.how-to-use .section-title{background-color:var(--primary-color);color:white;display:inline-block;padding:10px 30px;border-radius:var(--border-radius);margin:0 auto 40px;position:relative;box-shadow:0 4px 10px rgba(48,121,230,0.2)}.how-to-use .section-title::after{display:none}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:30px}.step{background-color:white;border-radius:var(--border-radius);padding:25px;box-shadow:var(--box-shadow);transition:var(--transition);position:relative;overflow:hidden}.step:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,0.1)}.step-number{position:absolute;top:15px;left:15px;background-color:var(--primary-color);color:white;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:0.9rem;box-shadow:0 2px 5px rgba(48,121,230,0.3)}.step-content{padding-left:20px}.step-content h3{font-size:1.2rem;margin-bottom:10px;color:var(--dark-color);padding-top:10px}.step-content p{color:#666;font-size:0.95rem}.educational-content{padding:80px 0;background:linear-gradient(135deg,#f1f3f4 0%,#e8eaf6 100%)}.educational-grid{display:grid;grid-template-columns:1fr;gap:40px;margin-top:50px}.educational-card{background:white;border-radius:20px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,0.1);transition:all 0.3s ease;border:1px solid rgba(0,0,0,0.05)}.educational-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}.educational-card .card-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;box-shadow:0 10px 25px rgba(102,126,234,0.3)}.educational-card .card-icon i{font-size:2.5rem;color:white}.educational-card .card-content h3{font-size:1.8rem;color:#2c3e50;margin-bottom:20px;font-weight:700}.educational-card .card-content p{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:25px}.educational-card .card-content ul{list-style:none;padding:0;margin:20px 0}.educational-card .card-content ul li{padding:8px 0;color:#666;position:relative;padding-left:25px}.educational-card .card-content ul li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:bold}.process-steps{margin-top:30px}.process-step{display:flex;align-items:flex-start;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:15px;border-left:5px solid #667eea}.process-step .step-number{width:40px;height:40px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.2rem;margin-right:20px;flex-shrink:0}.process-step .step-info h4{color:#2c3e50;margin-bottom:10px;font-size:1.3rem}.process-step .step-info p{color:#666;margin:0;line-height:1.6}.table-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px}.table-type{background:#f8f9fa;padding:25px;border-radius:15px;border:2px solid #e9ecef;transition:all 0.3s ease}.table-type:hover{border-color:#667eea;transform:translateY(-3px)}.table-type h4{color:#2c3e50;margin-bottom:15px;font-size:1.2rem;display:flex;align-items:center;gap:10px}.table-type h4 i{color:#667eea}.table-type p{margin:8px 0;color:#666;font-size:0.95rem}.use-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px}.use-case{background:#f8f9fa;padding:30px;border-radius:15px;border-left:5px solid #28a745;text-align:center}.use-case-icon{font-size:3rem;margin-bottom:1rem;display:block}.use-case h4{color:#2c3e50;margin-bottom:20px;font-size:1.3rem;text-align:center !important;display:block}.use-case p{text-align:center;color:#666;line-height:1.6}.use-case h4 i{color:#28a745;font-size:1.5rem}.use-case ul{list-style:none;padding:0}.use-case ul li{padding:8px 0;color:#666;position:relative;padding-left:20px}.use-case ul li:before{content:"•";position:absolute;left:0;color:#28a745;font-weight:bold}.optimization-tips{margin-top:30px}.tip-category{background:#f8f9fa;padding:25px;border-radius:15px;margin-bottom:25px;border-left:5px solid #ffc107}.tip-category h4{color:#2c3e50;margin-bottom:15px;font-size:1.3rem;display:flex;align-items:center;gap:12px}.tip-category h4 i{color:#ffc107}.tip-category ul{list-style:none;padding:0}.tip-category ul li{padding:10px 0;color:#666;position:relative;padding-left:25px;line-height:1.6}.tip-category ul li:before{content:"→";position:absolute;left:0;color:#ffc107;font-weight:bold}.troubleshooting-guide{margin-top:30px}.issue{background:#fff3cd;border:1px solid #ffeaa7;border-radius:15px;margin-bottom:25px;overflow:hidden}.issue h4{background:#ffc107;color:#2c3e50;padding:20px;margin:0;font-size:1.2rem;display:flex;align-items:center;gap:12px}.issue h4 i{color:#dc3545}.solution{padding:25px}.solution p{margin:15px 0 10px 0;font-weight:600;color:#2c3e50}.solution ul{list-style:none;padding:0;margin:10px 0 20px 0}.solution ul li{padding:5px 0;color:#666;position:relative;padding-left:20px}.solution ul li:before{content:"•";position:absolute;left:0;color:#dc3545;font-weight:bold}.tool-page{padding:40px 0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);min-height:100vh}.tool-header{margin-bottom:50px}.header-content{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:center;background:white;padding:40px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.1)}.header-text h1{font-size:2.5rem;color:#2c3e50;margin-bottom:20px;font-weight:700}.header-text p{font-size:1.2rem;color:#666;line-height:1.6;margin-bottom:30px}.header-features{display:flex;flex-wrap:wrap;gap:15px}.feature-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:8px 16px;border-radius:25px;font-size:0.9rem;font-weight:500;display:flex;align-items:center;gap:8px}.header-visual{display:flex;justify-content:center;align-items:center}.conversion-preview{display:flex;align-items:center;gap:30px}.pdf-icon,.excel-icon{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;border-radius:15px;background:#f8f9fa;border:2px solid #e9ecef}.pdf-icon i{font-size:3rem;color:#dc3545}.excel-icon i{font-size:3rem;color:#28a745}.arrow{font-size:2rem;color:#667eea;animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.tool-interface{background:white;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.1);overflow:hidden}.tool-step{display:none;padding:40px}.tool-step.active{display:block}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #f8f9fa}.step-indicator{display:flex;align-items:center;gap:20px}.step-number{width:50px;height:50px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:bold}.step-info h3{font-size:1.8rem;color:#2c3e50;margin-bottom:5px}.step-info p{color:#666;font-size:1.1rem}.step-progress{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.progress-bar{width:200px;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transition:width 0.3s ease}.progress-text{font-size:0.9rem;color:#666;font-weight:500}.upload-zone{margin-bottom:40px}.upload-area{border:3px dashed #dee2e6;border-radius:20px;padding:60px 40px;text-align:center;transition:all 0.3s ease;background:#f8f9fa}.upload-area:hover,.upload-area.dragover{border-color:#667eea;background:rgba(102,126,234,0.05)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:20px}.upload-icon i{font-size:4rem;color:#667eea;margin-bottom:20px}.upload-text h4{font-size:1.5rem;color:#2c3e50;margin-bottom:10px}.upload-text p{color:#666;font-size:1.1rem;margin-bottom:20px}.file-requirements{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.file-requirements span{display:flex;align-items:center;gap:8px;color:#28a745;font-size:0.9rem;font-weight:500}.file-input{display:none}.browse-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;padding:15px 30px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:10px}.browse-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,0.3)}.file-info{display:flex;gap:30px;background:#f8f9fa;padding:30px;border-radius:15px;margin-top:30px;border:2px solid #e9ecef}.file-details{flex:1;display:flex;align-items:center;gap:20px}.file-icon i{font-size:3rem;color:#dc3545}.file-meta h4{font-size:1.3rem;color:#2c3e50;margin-bottom:10px}.file-stats{display:flex;gap:20px;flex-wrap:wrap}.file-stats span{background:white;padding:5px 12px;border-radius:15px;font-size:0.9rem;color:#666;border:1px solid #dee2e6}.file-actions{display:flex;align-items:center}.btn-icon{width:40px;height:40px;border:none;background:#dc3545;color:white;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.btn-icon:hover{background:#c82333;transform:scale(1.1)}.file-preview{display:flex;align-items:center}.file-preview canvas{border:2px solid #dee2e6;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.options-container{display:flex;flex-direction:column;gap:40px;margin-bottom:40px}.options-section{background:#f8f9fa;padding:30px;border-radius:15px;border:2px solid #e9ecef}.options-section h4{font-size:1.3rem;color:#2c3e50;margin-bottom:25px;display:flex;align-items:center;gap:12px}.options-section h4 i{color:#667eea}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.option-group{display:flex;flex-direction:column;gap:8px}.option-group label{font-weight:600;color:#2c3e50;font-size:1rem}.option-group input,.option-group select{padding:12px 15px;border:2px solid #dee2e6;border-radius:10px;font-size:1rem;transition:all 0.3s ease;background:white}.option-group input:focus,.option-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.option-group small{color:#666;font-size:0.9rem;font-style:italic}.toggle-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.toggle-option{display:flex;align-items:center;gap:15px;padding:20px;background:white;border-radius:12px;border:2px solid #e9ecef;transition:all 0.3s ease}.toggle-option:hover{border-color:#667eea;transform:translateY(-2px)}.toggle-option input[type="checkbox"]{width:20px;height:20px;accent-color:#667eea}.toggle-text{display:flex;flex-direction:column;gap:5px}.toggle-text strong{color:#2c3e50;font-size:1rem}.toggle-text small{color:#666;font-size:0.9rem}.step-actions{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:2px solid #f8f9fa}.step-actions .btn{padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:25px;display:flex;align-items:center;gap:10px;transition:all 0.3s ease}.step-actions .btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,0.15)}.help-text{margin-top:20px;padding:15px 20px;background:linear-gradient(135deg,#e3f2fd 0%,#f3e5f5 100%);border-radius:10px;border-left:4px solid #2196f3;text-align:center}.help-text p{margin:0;color:#1565c0;font-size:1rem;line-height:1.5}.help-text i{color:#2196f3;margin-right:8px}.btn-share-wide{min-width:160px !important;flex:1.5}@media (max-width:768px){.educational-content{padding:60px 0}.educational-card{padding:30px 20px}.educational-card .card-icon{width:60px;height:60px;margin-bottom:20px}.educational-card .card-icon i{font-size:2rem}.educational-card .card-content h3{font-size:1.5rem}.process-step{flex-direction:column;text-align:center}.process-step .step-number{margin-right:0;margin-bottom:15px}.table-types{grid-template-columns:1fr}.use-cases{grid-template-columns:1fr}.header-content{grid-template-columns:1fr;gap:30px;padding:30px 20px}.header-text h1{font-size:2rem}.conversion-preview{gap:20px}.step-header{flex-direction:column;gap:20px;text-align:center}.step-progress{align-items:center}.progress-bar{width:150px}.tool-step{padding:30px 20px}.upload-area{padding:40px 20px}.file-info{flex-direction:column;gap:20px}.options-grid{grid-template-columns:1fr}.toggle-options{grid-template-columns:1fr}.step-actions{flex-direction:column;gap:15px}.step-actions .btn{width:100%;justify-content:center}}.preview-container{margin-bottom:40px}.preview-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:15px;border:2px solid #e9ecef}.table-selector{display:flex;gap:15px}.view-options{display:flex;gap:10px}.btn-icon.active{background:#667eea;color:white}.tables-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px}.table-preview-card{background:white;border:2px solid #e9ecef;border-radius:15px;padding:20px;transition:all 0.3s ease;cursor:pointer}.table-preview-card:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}.table-preview-card.selected{border-color:#28a745;background:rgba(40,167,69,0.05)}.table-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.table-preview-title{font-size:1.2rem;font-weight:600;color:#2c3e50}.table-preview-checkbox{width:20px;height:20px;accent-color:#28a745}.table-preview-stats{display:flex;gap:15px;margin-bottom:15px;font-size:0.9rem;color:#666}.table-preview-content{max-height:200px;overflow:auto;border:1px solid #dee2e6;border-radius:8px}.preview-table{width:100%;font-size:0.8rem;border-collapse:collapse}.preview-table th,.preview-table td{padding:8px;border:1px solid #dee2e6;text-align:left}.preview-table th{background:#f8f9fa;font-weight:600;color:#2c3e50}.processing-container{text-align:center;padding:60px 40px}.processing-animation{max-width:500px;margin:0 auto}.processing-icon i{font-size:4rem;color:#667eea;margin-bottom:30px}.processing-animation h4{font-size:1.8rem;color:#2c3e50;margin-bottom:15px}.processing-animation p{font-size:1.1rem;color:#666;margin-bottom:30px}.processing-progress{margin-bottom:40px}.processing-progress .progress-bar{width:100%;height:12px;margin-bottom:10px}.progress-percentage{font-size:1.2rem;font-weight:600;color:#667eea}.processing-steps{display:flex;justify-content:space-between;gap:20px;margin-top:40px}.process-step{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#f8f9fa;border-radius:15px;border:2px solid #e9ecef;flex:1;transition:all 0.3s ease}.process-step.active{border-color:#667eea;background:rgba(102,126,234,0.05)}.process-step.completed{border-color:#28a745;background:rgba(40,167,69,0.05)}.process-step i{font-size:2rem;color:#666}.process-step.active i{color:#667eea;animation:pulse 1s infinite}.process-step.completed i{color:#28a745}.process-step span{font-size:0.9rem;font-weight:600;color:#2c3e50}.results-container{padding:40px 0}.results-summary{margin-bottom:40px}.summary-card{display:flex;align-items:center;gap:30px;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:white;padding:30px;border-radius:20px;box-shadow:0 10px 30px rgba(40,167,69,0.3)}.summary-icon i{font-size:3rem}.summary-content h4{font-size:1.8rem;margin-bottom:15px}.summary-stats{display:flex;gap:25px;flex-wrap:wrap}.summary-stats span{background:rgba(255,255,255,0.2);padding:8px 16px;border-radius:20px;font-size:0.9rem;font-weight:500}.results-preview{background:white;border-radius:15px;border:2px solid #e9ecef;overflow:hidden;margin-bottom:40px}.preview-tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.preview-tab{padding:15px 25px;background:none;border:none;cursor:pointer;font-weight:600;color:#666;transition:all 0.3s ease;border-bottom:3px solid transparent}.preview-tab.active{color:#667eea;border-bottom-color:#667eea;background:white}.preview-content{padding:30px;max-height:400px;overflow:auto}.results-table{width:100%;border-collapse:collapse;font-size:0.9rem}.results-table th,.results-table td{padding:12px;border:1px solid #dee2e6;text-align:left}.results-table th{background:#f8f9fa;font-weight:600;color:#2c3e50;position:sticky;top:0}.results-table tbody tr:hover{background:rgba(102,126,234,0.05)}.results-actions{display:flex;flex-direction:column;gap:25px}.primary-actions{display:flex;gap:20px;justify-content:center}.secondary-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.primary-actions .btn{padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:25px;display:flex;align-items:center;gap:10px;transition:all 0.3s ease}.secondary-actions .btn{padding:12px 20px;font-size:1rem;font-weight:500;border-radius:20px;display:flex;align-items:center;gap:8px;transition:all 0.3s ease}.results-actions .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.15)}@media (max-width:768px){.preview-controls{flex-direction:column;gap:20px}.table-selector{justify-content:center}.tables-preview{grid-template-columns:1fr}.processing-steps{flex-direction:column;gap:15px}.summary-card{flex-direction:column;text-align:center;gap:20px}.summary-stats{justify-content:center}.preview-tabs{flex-wrap:wrap}.primary-actions{flex-direction:column;align-items:center}.secondary-actions{justify-content:center}.primary-actions .btn,.secondary-actions .btn{width:100%;max-width:300px;justify-content:center}}.notification{position:fixed;top:20px;right:20px;background:white;border-radius:10px;padding:15px 20px;box-shadow:0 10px 30px rgba(0,0,0,0.2);z-index:10000;transform:translateX(400px);opacity:0;transition:all 0.3s ease;max-width:350px;border-left:5px solid #667eea}.notification.show{transform:translateX(0);opacity:1}.notification-content{display:flex;align-items:center;gap:12px}.notification-content i{font-size:1.2rem}.notification-success{border-left-color:#28a745}.notification-success .notification-content i{color:#28a745}.notification-error{border-left-color:#dc3545}.notification-error .notification-content i{color:#dc3545}.notification-warning{border-left-color:#ffc107}.notification-warning .notification-content i{color:#ffc107}.notification-info{border-left-color:#17a2b8}.notification-info .notification-content i{color:#17a2b8}.faq-section{padding:60px 0;background-color:white;text-align:center}.faq-section .section-title{background-color:var(--primary-color);color:white;display:inline-block;padding:10px 30px;border-radius:var(--border-radius);margin:0 auto 40px;position:relative;box-shadow:0 4px 10px rgba(48,121,230,0.2)}.faq-section .section-title::after{display:none}.faq-container{max-width:800px;margin:0 auto}.faq-item{background-color:white;border-radius:var(--border-radius);margin-bottom:15px;box-shadow:0 2px 5px rgba(0,0,0,0.05);overflow:hidden;transition:var(--transition)}.faq-item:hover{box-shadow:0 5px 15px rgba(0,0,0,0.1)}.faq-question{padding:18px 20px;background-color:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.faq-question:hover{background-color:#f0f2f5}.faq-question h3{font-size:1.1rem;margin:0;color:var(--dark-color);font-weight:600}.faq-toggle{color:var(--primary-color);transition:var(--transition)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease}.faq-answer p{padding:0;margin:0;color:#555;font-size:0.95rem;line-height:1.6}.faq-item.active .faq-question{background-color:rgba(48,121,230,0.1)}.faq-item.active .faq-toggle i{transform:rotate(180deg)}.faq-item.active .faq-answer{max-height:500px;padding:20px}@media (max-width:992px){.hero h1{font-size:2.5rem}.section-title{font-size:2rem}.mega-menu{width:600px;grid-template-columns:repeat(2,1fr)}.mega-menu-featured{grid-column:span 2}.about-features-grid{grid-template-columns:repeat(2,1fr);gap:25px}}@media (max-width:768px){header .container{padding:10px;justify-content:space-between}.logo a{font-size:1.2rem}.logo img{height:30px}.main-menu{display:none;position:fixed;top:70px;left:0;width:100%;background-color:white;flex-direction:column;padding:15px;box-shadow:0 10px 10px rgba(0,0,0,0.1);z-index:1000;max-height:calc(100vh - 70px);overflow-y:auto}.main-menu.active{display:flex}.main-menu li{margin:8px 0;width:100%}.main-menu a{width:100%;padding:12px;justify-content:center}.mega-menu{position:static;width:100%;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:10px;grid-template-columns:1fr;display:none}.main-menu li:hover .mega-menu{display:grid}.pdf-tools-mega-menu,.image-tools-mega-menu,.word-tools-mega-menu{position:static;width:100%;min-width:auto;max-width:none;left:auto;padding:10px;opacity:1;visibility:visible;transform:none;box-shadow:none;display:none}.main-menu li:hover .pdf-tools-mega-menu,.main-menu li:hover .image-tools-mega-menu,.main-menu li:hover .word-tools-mega-menu{display:block}.pdf-tools-grid{grid-template-columns:1fr;gap:10px}.image-tools-grid,.word-tools-grid{grid-template-columns:1fr;gap:10px}.pdf-tools-section,.image-tools-section,.word-tools-section{padding:8px;margin-bottom:10px}.pdf-tool-item,.image-tool-item,.word-tool-item{padding:8px 10px;font-size:13px}.pdf-section-title,.image-section-title,.word-section-title{font-size:11px;margin-bottom:8px}.mega-menu-featured{grid-column:span 1}.contact-btn{margin:10px 0;width:100%;justify-content:center}.mobile-menu-toggle{display:flex !important;margin-left:auto;margin-right:10px;cursor:pointer;padding:12px;color:#333;font-size:20px;background:#fff;border:2px solid #3079E6;border-radius:8px;box-shadow:0 2px 8px rgba(48,121,230,0.2);transition:all 0.3s ease;position:relative;z-index:1001;min-width:44px;min-height:44px;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background:#3079E6;color:white;transform:scale(1.05);box-shadow:0 4px 12px rgba(48,121,230,0.3)}.mobile-menu-toggle:active{transform:scale(0.95)}nav{width:100%;justify-content:flex-end;margin-top:10px}.hero{padding:40px 0}.hero h1{font-size:1.8rem}.hero p{font-size:1rem}.tools-section,.features-section,.about-section{padding:40px 0}.about-hero-content{grid-template-columns:1fr;gap:40px}.about-stats-grid{grid-template-columns:1fr 1fr;gap:15px}.stat-card{padding:20px;gap:12px}.stat-icon{width:40px;height:40px;font-size:1rem}.stat-number{font-size:1.5rem}.about-mission{padding:25px;gap:15px}.mission-icon{width:45px;height:45px;font-size:1.1rem}.about-features-grid{grid-template-columns:1fr;gap:25px}.about-feature{padding:30px}.feature-icon-wrapper{width:60px;height:60px;font-size:1.6rem}.values-grid{grid-template-columns:1fr 1fr;gap:25px}.value-item{padding:30px 25px}.values-title{font-size:1.8rem}.preview-area{flex-direction:column;gap:20px}.steps-container{grid-template-columns:1fr}footer{padding:40px 0 20px}.footer-content{grid-template-columns:1fr;gap:30px}.footer-links{text-align:center}.footer-links h4::after{left:50%;transform:translateX(-50%)}}@media (max-width:576px){header .container{padding:8px 15px}.logo a{font-size:1.1rem}.logo img{height:25px;margin-right:5px}.hero h1{font-size:1.5rem}.section-title{font-size:1.5rem;margin-bottom:25px}.tool-header h1{font-size:1.8rem}.tool-header p{font-size:0.95rem}.tool-container{padding:15px}.upload-area{padding:15px}.upload-text h3{font-size:1.2rem}.action-buttons,.result-actions{flex-direction:column;gap:10px}.action-buttons .btn,.result-actions .btn{width:100%}.options-grid{grid-template-columns:1fr}.how-to-use .section-title,.faq-section .section-title{font-size:1.3rem;padding:8px 20px}.step{padding:15px}.step-content h3{font-size:1.1rem}.faq-question h3{font-size:1rem}.about-subtitle{font-size:1.3rem}.about-lead{font-size:1.1rem}.about-stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:18px;flex-direction:column;text-align:center;gap:10px}.stat-icon{width:35px;height:35px;font-size:0.9rem}.stat-number{font-size:1.3rem}.about-mission{padding:20px;flex-direction:column;text-align:center;gap:15px}.mission-icon{width:40px;height:40px;font-size:1rem;margin:0 auto}.about-feature{padding:25px}.feature-icon-wrapper{width:55px;height:55px;font-size:1.4rem}.about-feature h4{font-size:1.2rem}.values-grid{grid-template-columns:1fr;gap:20px}.value-item{padding:25px 20px}.values-title{font-size:1.6rem}.value-number{width:45px;height:45px;font-size:1.1rem}}.mobile-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:-2px 0 20px rgba(0,0,0,0.2);transition:right 0.3s ease;z-index:1001;overflow-y:auto}.mobile-menu.active{right:0}.mobile-menu-header{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,0.2);display:flex;justify-content:flex-end;align-items:center}.mobile-menu-close{cursor:pointer;font-size:20px;color:white;padding:8px;border-radius:50%;background:rgba(255,255,255,0.1);transition:all 0.3s ease}.mobile-menu-close:hover{background:rgba(255,255,255,0.2);transform:rotate(90deg)}.mobile-menu-content{padding:0}.mobile-menu-list{list-style:none;padding:0;margin:0}.mobile-menu-list > li{border-bottom:1px solid rgba(255,255,255,0.1)}.mobile-menu-list > li > a{display:flex;align-items:center;padding:15px 20px;color:white;text-decoration:none;font-weight:500;gap:12px;transition:all 0.3s ease}.mobile-menu-list > li > a:hover{background:rgba(255,255,255,0.1);color:#fff;padding-left:25px}.mobile-menu-list > li > a i{width:20px;text-align:center;color:#ffd700;font-size:16px}.mobile-menu-dropdown{position:relative}.mobile-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;padding:15px 20px !important;color:white;text-decoration:none;font-weight:500;cursor:pointer;transition:all 0.3s ease}.mobile-dropdown-toggle:hover{background:rgba(255,255,255,0.1);color:#fff;padding-left:25px}.mobile-dropdown-toggle i.fa-chevron-down{transition:transform 0.3s ease;width:auto !important;margin-left:auto;color:#ffd700;font-size:14px}.mobile-menu-dropdown.active .mobile-dropdown-toggle{background:rgba(255,255,255,0.15)}.mobile-menu-dropdown.active .mobile-dropdown-toggle i.fa-chevron-down{transform:rotate(180deg);color:#fff}.mobile-dropdown-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease;background:rgba(0,0,0,0.2)}.mobile-dropdown-content li{border-bottom:1px solid rgba(255,255,255,0.1)}.mobile-dropdown-content li:last-child{border-bottom:none}.mobile-dropdown-content a{display:block;padding:12px 40px;color:rgba(255,255,255,0.9);text-decoration:none;font-size:14px;font-weight:400;transition:all 0.3s ease}.mobile-dropdown-content a:hover{background:rgba(255,255,255,0.1);color:#fff;padding-left:45px}