* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Inter', sans-serif;background: linear-gradient(145deg, #f6f9fc, #e3eef9);min-height:100vh;display:flex;flex-direction:column;color:#1e293b;}header {background: rgba(255,255,255,0.75);backdrop-filter: blur(8px);border-bottom:1px solid rgba(148,163,184,0.2);padding:0.8rem 2rem;position:sticky;top:0;z-index:10;}.header-container {max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}.logo-area {display:flex;align-items:center;gap:0.5rem;font-size:1.6rem;font-weight:700;}.logo-icon {background: linear-gradient(145deg,#0f2b3d,#1e4a6f);padding:0.5rem;border-radius:18px;color:white;font-size:1.4rem;}.logo-text {background: linear-gradient(135deg,#0f2b3d,#1e4a6f);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.nav-links {display:flex;gap:2rem;align-items:center;}.nav-links a {text-decoration:none;font-weight:900;color:#000000;transition:color 0.4s;font-size: 20px;}.nav-links a:hover {color:#ca0087;}.nav-cta {background:#1e4a6f;color:white !important;padding:0.5rem 1.5rem;border-radius:40px;font-weight:600;border:1px solid rgba(255,255,255,0.3);}.nav-cta:hover {background:#123a52;}main {flex: 1;display: flex;align-items: center;justify-content: center;padding: 2rem 1.5rem;}.landing-card {max-width: 1200px;width: 100%;background: transparent;backdrop-filter: none;border-radius: 0;box-shadow: none;padding: 1rem 0;}.tool-header {text-align: center;margin-bottom: 3rem;}.tool-header h1 {font-size: 2.8rem;font-weight: 700;color: #0f2b3d;display: flex;align-items: center;justify-content: center;gap: 0.75rem;margin-bottom: 0.5rem;}.tool-header h1 i {color: #3b82f6;font-size: 2.5rem;}.subhead {font-size: 1.1rem;color: #64748b;max-width: 600px;margin: auto;font-weight: 400;}.converter-panel {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;margin: 2.5rem 0 2rem;}.upload-column, .result-column {background: transparent;padding: 0;box-shadow: none;border: none;}.section-label {font-size: 0.85rem;text-transform: uppercase;letter-spacing: 1px;font-weight: 700;color: #3b82f6;margin-bottom: 1.2rem;display: flex;align-items: center;gap: 0.5rem;}.file-zone {border: 2px dashed #cbd5e1;background: #f8fafc;border-radius: 1.5rem;padding: 3rem 1.5rem;text-align: center;cursor: pointer;transition: all 0.3s ease;margin-bottom: 1.5rem;}.file-zone:hover {border-color: #3b82f6;background: #f1f5f9;transform: translateY(-2px);}.file-zone i {font-size: 3rem;color: #3b82f6;margin-bottom: 1rem;}.file-zone p {font-weight: 600;color: #1e293b;font-size: 1.1rem;}.file-zone small {color: #94a3b8;font-size: 0.85rem;}.quality-control {background: #f1f5f9;border-radius: 1.2rem;padding: 1.2rem;margin-bottom: 1.5rem;}.quality-header {display: flex;justify-content: space-between;font-weight: 600;color: #1e293b;margin-bottom: 0.8rem;}#qualityValue {background: #3b82f6;color: white;padding: 0.2rem 0.7rem;border-radius: 6px;font-size: 0.85rem;}input[type=range] {width: 100%;height: 6px;background: #cbd5e1;border-radius: 10px;-webkit-appearance: none;}input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;width: 20px;height: 20px;background: white;border: 3px solid #3b82f6;border-radius: 50%;cursor: pointer;}.preview-box {background: #f8fafc;border-radius: 1.2rem;padding: 1.2rem;margin: 1.5rem 0;border: 1px solid #e2e8f0;}.preview-title {font-size: 0.9rem;font-weight: 600;color: #64748b;margin-bottom: 0.8rem;display: flex;justify-content: space-between;}.image-preview {background: white;border-radius: 0.8rem;padding: 0.5rem;border: 1px solid #e2e8f0;min-height: 180px;display: flex;align-items: center;justify-content: center;}.image-preview img {max-width: 100%;max-height: 200px;border-radius: 0.5rem;object-fit: contain;}.file-size {font-family: 'Inter', sans-serif;background: #e2e8f0;padding: 0.2rem 0.6rem;border-radius: 4px;font-size: 0.75rem;color: #475569;}.download-area {display: flex;justify-content: center;margin-top: 2rem;}.download-btn {background: #0f2b3d;color: white;padding: 1rem 3.5rem;border-radius: 12px;font-size: 1.1rem;font-weight: 600;display: inline-flex;align-items: center;gap: 0.8rem;cursor: pointer;transition: all 0.3s;text-decoration: none;box-shadow: 0 4px 12px rgba(15, 43, 61, 0.2);}.download-btn:hover {background: #1e4a6f;transform: translateY(-2px);box-shadow: 0 6px 15px rgba(15, 43, 61, 0.3);}.download-btn.disabled {opacity: 0.3;pointer-events: none;filter: grayscale(1);}.site-footer {background: linear-gradient(145deg, #0f2b3d, #1e4a6f);color: #ffffff;padding: 2.5rem 1.5rem;font-family: 'Inter', sans-serif;font-size: 0.95rem;}.footer-container {max-width: 1200px;margin: auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 1.5rem;}.footer-links {display: flex;gap: 1.5rem;flex-wrap: wrap;}.footer-links a {color: rgba(255,255,255,0.85);text-decoration: none;transition: color 0.2s;}.footer-links a:hover {color: #3b82f6;}.social-icons {display: flex;gap: 1rem;}.social-icons a {color: rgba(255,255,255,0.85);font-size: 1.2rem;transition: color 0.2s, transform 0.2s;}.social-icons a:hover {color: #3b82f6;transform: scale(1.1);}.copyright {text-align: center;margin-top: 1.5rem;font-size: 0.85rem;color: rgba(255,255,255,0.6);}.convert-hero {background: linear-gradient(90deg, #4CAF50, #43a047);color: white;padding: 70px 20px;position: relative;overflow: hidden;}.convert-hero::after {content: "";position: absolute;right: 0;top: 0;width: 45%;height: 100%;background-image: url("https://cdn-icons-png.flaticon.com/512/337/337940.png"), url("https://cdn-icons-png.flaticon.com/512/337/337932.png"), url("https://cdn-icons-png.flaticon.com/512/337/337948.png");background-repeat: no-repeat;background-size: 80px, 70px, 60px;background-position: 80% 20%, 60% 60%, 90% 80%;opacity: 0.08;}.convert-container {max-width: 1100px;margin: auto;display: flex;justify-content: space-between;align-items: center;gap: 30px;flex-wrap: wrap;position: relative;z-index: 2;}.convert-text {flex: 1;min-width: 280px;}.convert-text h1 {font-size: 42px;margin-bottom: 15px;}.convert-text p {max-width: 520px;line-height: 1.6;font-size: 16px;}.convert-box {flex: 1;min-width: 260px;display: flex;align-items: center;gap: 10px;background: rgba(255,255,255,0.1);padding: 20px 25px;border-radius: 10px;}.convert-box select {padding: 10px 15px;border-radius: 6px;border: none;font-size: 16px;}.convert-label {font-size: 20px;font-weight: bold;}.badge-wrapper {display: flex;gap: 15px;align-items: center;justify-content: center;flex-wrap: wrap;padding: 40px 20px;width: 100%;}.badge {text-decoration: none;display: flex;align-items: center;border-radius: 12px;padding: 10px 20px;transition: all 0.3s ease;box-shadow: 0 4px 6px rgba(0,0,0,0.05);}.badge:hover {transform: translateY(-4px);box-shadow: 0 6px 12px rgba(0,0,0,0.1);}.bmc {background-color: #FDFA8E;border: 1px solid #EAE14F;color: #000;}.bmc img {height: 30px;margin-right: 10px;}.bmc-text {font-family: 'cursive', sans-serif;font-size: 22px;font-weight: bold;}.trustpilot {border: 1px solid #00B67A;color: #333;background-color: #fff;}.tp-text {font-size: 18px;font-weight: 500;}.trustpilot img {height: 26px;margin-left: 8px;}.product-hunt {border: 1px solid #FF6154;color: #FF6154;padding-right: 15px;background-color: #fff;}.ph-left {display: flex;align-items: center;}.ph-logo {background: #FF6154;color: #fff;width: 35px;height: 35px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 20px;margin-right: 12px;}.ph-content {display: flex;flex-direction: column;line-height: 1;}.ph-content small {font-size: 10px;font-weight: 800;letter-spacing: 0.5px;}.ph-content strong {font-size: 20px;}.ph-counter {margin-left: 15px;padding-left: 15px;border-left: 1px solid #FF6154;display: flex;flex-direction: column;align-items: center;font-size: 13px;font-weight: bold;}.faq-section {padding: 60px 20px;display: flex;justify-content: center;}.faq-container {max-width: 1100px;display: grid;grid-template-columns: 1fr 1fr;gap: 50px;align-items: center;}.faq-image img {width: 100%;height: auto;}.faq-title {color: #a34e8d;font-size: 28px;margin-bottom: 25px;}.faq-item {margin-bottom: 20px;}.faq-item h3 {font-size: 18px;color: #333;margin-bottom: 8px;}.faq-item p {font-size: 15px;color: #666;}.faq-item a {color: #2d8a5e;text-decoration: underline;font-weight: 500;}.see-all {display: inline-block;margin-top: 5px;text-decoration: none !important;}.cta-text {margin-top: 30px;font-size: 15px;color: #555;}.cta-text a {color: #2d8a5e;font-weight: bold;text-decoration: underline;}.container {background-color: #e0e0e0;padding: 60px 20px;text-align: center;font-family: 'Times New Roman', serif;}.main-title {color: #944d6c;font-size: 32px;margin-bottom: 50px;font-weight: normal;}.steps-wrapper {display: flex;justify-content: center;gap: 15px;flex-wrap: wrap;max-width: 1200px;margin: 0 auto;}.step-card {position: relative;flex: 1;min-width: 300px;background-color: #f2f2f2;border: 3px solid white;padding: 40px 25px 30px 25px;text-align: left;box-sizing: border-box;}.step-tag {position: absolute;top: -1px;left: -3px;background-color: white;color: #944d6c;padding: 5px 25px 5px 10px;font-size: 14px;font-weight: 400;z-index: 10;clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);}.content-box h3 {margin: 10px 0 15px 0;font-size: 20px;color: #444;font-weight: normal;}.content-box p {margin: 0;font-size: 17px;color: #555;line-height: 1.4;}.features-section{padding:80px 20px;text-align:center;}.features-section h2{font-size:32px;color:#0f6b6b;margin-bottom:60px;font-family: serif;}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}.feature-card{background:#ffffff;padding:40px 30px;text-align:left;border-radius:6px;box-shadow:0 8px 20px rgba(0,0,0,0.08);transition:0.3s ease;}.feature-card:hover{transform:translateY(-6px);box-shadow:0 12px 25px rgba(0,0,0,0.12);}.feature-icon{font-size:32px;color:#0f6b6b;margin-bottom:20px;}.feature-card h3{font-size:20px;color:#0f6b6b;margin-bottom:15px;}.feature-card p{font-size:15px;color:#444;line-height:1.7;}.reviews-section.modern {padding: 60px 20px;background: linear-gradient(135deg, #fdf6fb, #f3f0ff);font-family: 'Inter', sans-serif;}.reviews-section .section-header h2 {font-size: 2.4rem;font-weight: 700;color: #4a148c;margin-bottom: 15px;text-align: center;}.rating-summary {margin-bottom: 50px;font-size: 1.1rem;color: #ff9800;text-align: center;}.rating-summary .rating-number {font-weight: 700;margin-right: 5px;}.rating-summary .stars {margin: 0 5px;}.rating-summary .based {color: #555;font-size: 0.9rem;}.reviews-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 25px;}.review-card {background: #fff;border-radius: 16px;padding: 30px 25px;position: relative;overflow: hidden;box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);transition: transform 0.35s ease, box-shadow 0.35s ease;}.review-card:hover {transform: translateY(-10px);box-shadow: 0 20px 35px rgba(0, 0, 0, 0.15);}.review-card::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 5px;background: linear-gradient(90deg, #4a148c, #ff4081);border-top-left-radius: 16px;border-top-right-radius: 16px;}.review-card .review-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 18px;}.review-card .review-header h4 {font-size: 1.2rem;font-weight: 700;color: #333;}.review-card .review-header .stars {color: #ff9800;font-size: 1.1rem;}.review-card p {font-size: 1rem;line-height: 1.7;color: #555;margin: 0;}.review-card:hover p {color: #333;}.youtube-promo{background:linear-gradient(135deg,#0f5132,#198754);padding:90px 20px;text-align:center;color:#fff;}.promo-container{max-width:900px;margin:0 auto;}.promo-content h2{font-size:34px;margin-bottom:20px;font-weight:600;}.promo-content p{font-size:18px;line-height:1.7;margin-bottom:40px;}.subscribe-btn{display:inline-block;background:#ffffff;color:#0f5132;padding:14px 40px;font-size:18px;font-weight:600;border-radius:50px;text-decoration:none;transition:0.3s ease;}.subscribe-btn:hover{background:#ffd700;color:#000;}@media (max-width: 1024px) {.features-grid, .reviews-grid {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 768px) {.converter-panel {grid-template-columns: 1fr;gap: 2rem;}.tool-header h1 {font-size: 2rem;flex-wrap: wrap;}.faq-container {grid-template-columns: 1fr;gap: 30px;}.faq-image {order: -1;}.convert-text h1 {font-size: 30px;text-align: center;}.convert-text p {text-align: center;margin: auto;}.convert-box {width: 100%;justify-content: center;margin-top: 20px;}.step-card {min-width: 100%;margin-bottom: 20px;}.footer-container {flex-direction: column;text-align: center;}.footer-links, .social-icons {justify-content: center;}}@media (max-width: 480px) {.features-grid, .reviews-grid {grid-template-columns: 1fr;}.download-btn {width: 100%;padding: 1rem;}.header-container {justify-content: center;gap: 15px;}.nav-links {gap: 10px;}.badge-wrapper {flex-direction: column;width: 100%;}.badge {width: 100%;justify-content: center;}}@media (max-width: 768px) {.header-container {display: flex;justify-content: space-between;align-items: center;width: 100%;}.menu-toggle {display: flex;margin-left: auto;}}.menu-toggle .bar {width: 25px;height: 3px;background-color: #0f2b3d;transition: 0.3s;}@media (max-width: 768px) {.menu-toggle {display: flex;}.nav-links {position: absolute;top: 100%;left: -100%;flex-direction: column;background: white;width: 100%;text-align: center;transition: 0.3s;box-shadow: 0 10px 15px rgba(0,0,0,0.1);padding: 2rem 0;gap: 1.5rem;z-index: 100;}.nav-links.active {left: 0;}.nav-cta {display: inline-block;width: 80%;}}.menu-toggle.active .bar:nth-child(2) {opacity: 0;}.menu-toggle.active .bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}.menu-toggle.active .bar:nth-child(3) {transform: translateY(-8px) rotate(-45deg);}.convert-container {padding: 0 20px;}.convert-box {display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;padding: 15px;height: auto;}.convert-box select {flex: 1;min-width: 100px;}@media (max-width: 600px) {.convert-text h1 {font-size: 26px;text-align: center;}.convert-text p {text-align: center;font-size: 14px;}.convert-box {flex-direction: column;align-items: stretch;width: 100%;}.hero-convert-btn {margin-left: 0 !important;width: 100%;text-align: center;}.convert-label {text-align: center;display: block;margin: 5px 0;}}