body{font-family:Arial,sans-serif;text-align:center;background:#f9f9f9;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;color:#333}.main-header{background:#fff;color:#fff;padding:15px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.logo-link{text-decoration:none;display:flex;flex-direction:column;align-items:center;color:inherit}.header-logo{height:30px;width:auto;margin-right:0;margin-bottom:2px}.converter-tagline{color:#000;font-size:.8em;font-weight:400;opacity:.8;letter-spacing:.5px;text-transform:lowercase}.main-header .logo{display:flex;align-items:center}.main-header .nav-links a{color:#2e2353;text-decoration:none;margin-left:20px;font-weight:500;transition:color 0.3s ease}.main-header .nav-links a:hover{color:#f55d2c}@media (max-width:768px){.main-header .logo{margin-bottom:15px}.header-logo{height:35px;margin-bottom:3px}.converter-tagline{font-size:.7em}}.content-wrapper{flex-grow:1;padding:40px 20px;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.menu{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:30px;margin-top:20px;max-width:900px;width:100%;box-sizing:border-box}.tab{padding:10px 18px;background:#e2e2e2;border:none;text-decoration:none;font-weight:700;color:#000;border-radius:5px;transition:background 0.3s ease,color 0.3s ease;white-space:nowrap}.tab.active{background:#2b2f4c;color:#fff}.tab:hover:not(.active){background:#d0d0d0}h1{margin-bottom:10px;color:#333;font-size:2.5em}p.subtitle{font-size:1.2em;color:#555;margin-bottom:50px}.description-text{max-width:800px;margin-bottom:30px;line-height:1.6;color:#555;text-align:center}.converter-box{border:2px dashed #ccc;padding:40px;background:#fff;display:inline-block;max-width:500px;width:100%;box-sizing:border-box;border-radius:8px;box-shadow:0 2px 5px rgb(0 0 0 / .05)}input[type="file"]{margin-top:10px;padding:10px;border:1px solid #ddd;border-radius:5px;width:calc(100% - 22px);background-color:#fefefe;cursor:pointer}button{margin-top:20px;padding:10px 20px;font-size:16px;background:#2b2f4c;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background 0.3s ease}button:hover{background:#f55d2c}#preview{margin-top:30px;display:none;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px rgb(0 0 0 / .05);max-width:500px;width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto}#preview h2{margin-top:0;color:#2b2f4c;margin-bottom:15px}#preview img{width:auto;max-width:200px;max-height:200px;border:1px solid #ccc;border-radius:10px;object-fit:contain;display:block;margin:0 auto 15px auto}#conversionMessageSVGToJPG{color:#2b2f4c;font-weight:700;margin-top:10px;margin-bottom:10px}#preview #downloadBtn button{margin-top:0}.footer-content{max-width:800px;margin-top:50px;margin-bottom:30px;text-align:left;width:100%;box-sizing:border-box}.footer-content h2,.footer-content h3{color:#333;margin-bottom:15px}.footer-content p{line-height:1.7;color:#555;margin-bottom:15px}.footer-content ul{list-style-type:disc;margin-left:20px;color:#555}.footer-content ul li{margin-bottom:8px;line-height:1.6}.converter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;max-width:1200px;margin:0 auto;padding:20px}.converter-card{background:#fff;border-radius:10px;box-shadow:0 4px 15px rgb(0 0 0 / .08);padding:30px 20px;text-decoration:none;color:#333;transition:transform 0.2s ease,box-shadow 0.2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px}.converter-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgb(0 0 0 / .15)}.converter-card.active{border:2px solid #2b2f4c;box-shadow:0 8px 25px rgb(0 0 0 / .15)}.card-icon{width:70px;height:70px;background:#e6f0ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px;font-size:2.5em;color:#2b2f4c}.card-icon.orange{background:#fff0e6;color:#f55d2c}.card-icon.red{background:#ffe6e6;color:#e74c3c}.card-icon.green{background:#e6fff0;color:#27ae60}.converter-card h3{font-size:1.3em;margin-bottom:8px;color:#2b2f4c}.converter-card p{font-size:.9em;color:#777;line-height:1.4}.main-footer{background:#333;color:#fff;padding:20px 0;font-size:14px;margin-top:auto}.main-footer p{margin:0}@media (max-width:768px){.main-header{flex-direction:column;padding:15px 20px}.main-header .nav-links{margin-top:15px;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.main-header .nav-links a{margin:5px 10px}.menu{flex-direction:column;align-items:center}.tab{width:calc(100% - 20px);margin:5px 0}.converter-box,#preview,.footer-content{padding:20px}.converter-grid{padding:15px}.converter-card{min-height:150px;padding:25px 15px}.card-icon{width:60px;height:60px;font-size:2em}h1{font-size:2em}p.subtitle{font-size:1em;margin-bottom:30px}}input[type="file"]{margin-top:10px;padding:10px;border:1px solid #ddd;border-radius:5px;width:calc(100% - 22px);background-color:#fefefe;cursor:pointer}button{margin-top:20px;padding:10px 20px;font-size:16px;background:#2b2f4c;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background 0.3s ease}button:hover:not(:disabled){background:#f55d2c}button:disabled{background:#a9a9a9;cursor:not-allowed}#downloadBtn{margin-top:20px}.main-footer{background:#333;color:#fff;padding:20px 0;font-size:14px;margin-top:auto}.main-footer p{margin:0}#conversionMessageJPGToSVG{color:#2b2f4c;font-weight:700;margin-top:15px;margin-bottom:10px}#downloadArea{margin-top:20px;display:none}#conversionMessagePDFToSVG{color:#2b2f4c;font-weight:700;margin-top:15px;margin-bottom:10px}#downloadArea{margin-top:20px;display:none}button:disabled{background:#a9a9a9;cursor:not-allowed}button:hover:not(:disabled){background:#f55d2c}#downloadBtn button{margin-top:0}#preview{display:none}#conversionMessageSVGToPDF{color:#2b2f4c;font-weight:700;margin-top:15px;margin-bottom:10px}#downloadArea{margin-top:20px;display:none}button:disabled{background:#a9a9a9;cursor:not-allowed}button:hover:not(:disabled){background:#f55d2c}#downloadBtn button{margin-top:0}.stats{margin-top:20px;font-size:14px;color:#333;line-height:1.6;text-align:left;padding:10px 0;border-top:1px solid #eee;display:none}.stats strong{color:#2b2f4c}#optimizationMessage{color:#2b2f4c;font-weight:700;margin-top:15px;margin-bottom:10px}#downloadArea{margin-top:20px;display:none}button:disabled{background:#a9a9a9;cursor:not-allowed}button:hover:not(:disabled){background:#f55d2c}#downloadBtn button{margin-top:0}.info-section{margin-top:40px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 5px rgb(0 0 0 / .05);text-align:left;line-height:1.6;max-width:1200px;margin-left:auto;margin-right:auto;margin-bottom:40px}.info-section h2{color:#2b2f4c;margin-top:25px;margin-bottom:15px;text-align:left}.info-section p{margin-bottom:15px;color:#555}.info-section strong{color:#2b2f4c}.faq-section{margin-top:10px;padding:20px;background:#fdfdfd;border-radius:8px;box-shadow:0 2px 5px rgb(0 0 0 / .05);text-align:left;max-width:1200px;margin-left:auto;margin-right:auto}.faq-section h2{text-align:center;color:#2b2f4c;margin-bottom:30px}.faq-item{border:1px solid #eee;border-radius:6px;margin-bottom:10px;overflow:hidden}.faq-question{background-color:#f5f5f5;padding:15px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#333;transition:background-color 0.3s ease}.faq-question:hover{background-color:#ebebeb}.faq-question h3{margin:0;font-size:1.1em;flex-grow:1;display:flex;align-items:center}.faq-question i{font-size:1em;transition:transform 0.3s ease}.faq-question.active i{transform:rotate(180deg)}.faq-answer{padding:0 20px;background-color:#fff;max-height:0;overflow:hidden;transition:max-height 0.3s ease-out,padding 0.3s ease-out}.faq-answer p{padding-bottom:15px;margin:0;color:#555;line-height:1.5}.faq-answer.active{max-height:200px;padding-top:15px}@media (max-width:768px){.faq-section{padding:15px;max-width:100%;margin-left:auto;margin-right:auto}.faq-question{padding:12px 15px;font-size:1em}.faq-answer{padding:0 15px}}.content-wrapper{max-width:1200px;margin:40px auto;padding:0 20px}.about-section,.contact-section{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0 / .08);text-align:center}.about-section h2,.contact-section h2{color:#2b2f4c;margin-bottom:20px;font-size:2em}.about-section p,.contact-section p{color:#555;line-height:1.6;margin-bottom:15px;text-align:left}.contact-info p{margin-bottom:10px;font-size:1.1em}.contact-info a{color:#f55d2c;text-decoration:none}.contact-info a:hover{text-decoration:underline}.about-section{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 15px rgb(0 0 0 / .1);text-align:center}.about-section h1{color:#2b2f4c;font-size:2.8em;margin-bottom:25px;text-align:center;font-weight:700;border-bottom:2px solid #eee;padding-bottom:15px}.about-section h2{color:#000;font-size:1.8em;margin-top:40px;margin-bottom:15px;text-align:center;padding-bottom:8px}.about-section p{color:#555;line-height:1.7;margin-bottom:20px;text-align:justify}.about-section ul{list-style-type:disc;padding-left:25px;margin-bottom:25px;text-align:left}.about-section ul li{color:#555;line-height:1.8;margin-bottom:8px}.about-section ul li strong{color:#333}.disabled-link{opacity:.6;cursor:not-allowed;pointer-events:none}.tab.disabled-link:hover{background-color:#e2e2e2;color:#000}.disabled-card{opacity:.5;cursor:not-allowed;pointer-events:none}.converter-card.disabled-card:hover{box-shadow:none;transform:none}