.logo,header{align-items:center;display:flex}.logo,header,nav ul,nav ul li a{display:flex}.logo .to-text,nav ul li a.active,nav ul li a:hover{color:var(--primary)}.footer-column ul,nav ul{list-style:none}.logo,nav ul li a{text-decoration:none}.about-section h2,.converter-box,.copyright,.feature-card,.hero,.section-title{text-align:center}:root{--primary:#0055b9;--secondary:#003d82;--light:#f8f9fa;--dark:#212529;--gray:#6c757d}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f5f7fa;color:#333;line-height:1.6}header{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);height:65px;position:sticky;top:0;z-index:100}.header-container{max-width:1000px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:100%}.logo{font-size:24px;font-weight:700;color:var(--dark);gap:8px}.logo-icon{width:32px;height:32px;object-fit:contain}.hero h1,.logo .jpg-text,nav ul li a{color:var(--dark)}nav ul li{margin-left:25px}nav ul li a{font-weight:500;transition:.3s;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;position:relative}nav ul li a:hover{background-color:rgba(0,85,185,.08);transform:translateY(-2px)}nav ul li a.active{background-color:rgba(0,85,185,.1)}.nav-icon{font-size:1.1rem}.menu-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:10px;z-index:1001}.hamburger,.hamburger::after,.hamburger::before{width:24px;height:3px;background-color:var(--dark);border-radius:2px;transition:.3s}.hamburger{display:block;position:relative}.hamburger::after,.hamburger::before{content:'';position:absolute;left:0}.hamburger::before{top:-8px}.hamburger::after{top:8px}.menu-toggle.active .hamburger{background-color:transparent}.menu-toggle.active .hamburger::before{top:0;transform:rotate(45deg)}.menu-toggle.active .hamburger::after{top:0;transform:rotate(-45deg)}.hero{padding:30px 20px}.hero h1{font-size:28px;margin-bottom:15px}.hero p{font-size:1.1rem;color:var(--gray);max-width:700px;margin:0 auto 40px}.converter-box{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.05);padding:30px;max-width:850px;margin:0 auto}.upload-area{border:2px dashed #ddd;border-radius:8px;padding:28px;margin-bottom:20px;cursor:pointer;transition:.3s}.convert-btn,.download-btn{padding:12px 30px;font-size:1rem;cursor:pointer;color:#fff}.upload-area:hover{border-color:var(--primary);background-color:rgba(0,85,185,.03)}.upload-area i{font-size:48px;color:var(--primary);margin-bottom:15px}.footer-column ul li,.upload-area h3{margin-bottom:10px}.upload-area h3{color:var(--dark)}.upload-area p{color:var(--gray);font-size:.9rem}.format-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:25px}.format-option{margin:0}.format-option input{display:none}.format-option label{display:block;padding:10px 15px;border:1px solid #ddd;border-radius:5px;cursor:pointer;transition:.3s;text-align:center;font-size:.9rem}.format-option input:checked+label{background-color:var(--primary);color:#fff;border-color:var(--primary)}.convert-btn{background-color:var(--primary);border:none;border-radius:5px;transition:background-color .3s;margin-bottom:20px}.convert-btn:hover{background-color:var(--secondary)}.progress-container{width:100%;background-color:#f1f1f1;border-radius:5px;margin-bottom:20px;display:none}.progress-bar{height:10px;border-radius:5px;background-color:var(--primary);width:0%;transition:width .3s}.download-btn{background-color:#28a745;border:none;border-radius:5px;transition:background-color .3s;display:none}.error-message,.success-message{margin-top:10px;display:none;font-size:.9rem}.download-btn:hover{background-color:#218838}.success-message{color:#28a745}.error-message{color:#dc3545}.features{padding:80px 20px;background-color:#fff}.section-title{margin-bottom:50px}.section-title h2{font-size:2rem;color:var(--dark);margin-bottom:15px}.section-title p{color:var(--gray);max-width:700px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1000px;margin:0 auto}.feature-card{background-color:#f8f9fa;border-radius:10px;padding:30px;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.feature-icon{font-size:40px;color:var(--primary);margin-bottom:20px}.feature-card h3{margin-bottom:15px;color:var(--dark)}.feature-card p{color:var(--gray);font-size:.95rem}.about-section{background-color:#f8f9fa;padding:60px 20px}.about-container{max-width:1000px;margin:0 auto}.about-section h2{font-size:2rem;color:var(--dark);margin-bottom:30px}.about-content{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.08)}.about-content p{color:var(--gray);font-size:1.05rem;line-height:1.8;margin-bottom:20px}.about-content p:last-child{margin-bottom:0}footer{background-color:#000;color:#fff;padding:50px 20px 20px}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.footer-column h3{font-size:1.2rem;margin-bottom:20px;color:#ddd}.footer-column ul li a{color:#aaa;text-decoration:none;transition:color .3s}.footer-column ul li a:hover{color:#fff}.copyright{margin-top:50px;padding-top:20px;border-top:1px solid #333;color:#777;font-size:.9rem}@media (max-width:768px){header{height:65px}.header-container{position:relative}.menu-toggle{display:block}nav{position:absolute;top:65px;left:0;right:0;background-color:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.3s;z-index:1000}nav.active{opacity:1;visibility:visible;transform:translateY(0)}nav ul{flex-direction:column;padding:15px 0}nav ul li{margin:0;width:100%}nav ul li a{padding:15px 25px;border-radius:0;justify-content:flex-start;border-bottom:1px solid #f0f0f0}nav ul li:last-child a{border-bottom:none}nav ul li a:hover{background-color:rgba(0,85,185,.05);transform:none}nav ul li a.active{background-color:rgba(0,85,185,.1);border-left:3px solid var(--primary)}.hero h1,.logo{font-size:20px}.logo-icon{width:28px;height:28px}.converter-box{padding:20px}.upload-area{padding:30px 15px}.format-options{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width:480px){.hero h1,.logo{font-size:18px}.logo{gap:5px}.logo-icon{width:24px;height:24px}.hero{padding:40px 15px}.hero p{font-size:.95rem}.format-options{grid-template-columns:repeat(2,1fr)}.format-option label{padding:8px 5px;font-size:.8rem}.convert-btn,.download-btn{padding:10px 20px;font-size:.9rem}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:1s ease-in-out infinite spin;margin-right:10px;vertical-align:middle}