:root{--convert-primary:#0d9488;--convert-secondary:#0f766e;--convert-dark:#115e59;--convert-light:rgba(13, 148, 136, 0.1);--text-color:#2d3436;--light-gray:#f3f4f6;--dark-gray:#4b5563;}body{font-family:'Poppins', sans-serif;color:var(--text-color);line-height:1.6;background-color:#f5f6fa;}.navbar{background-color:#fff;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}.navbar-brand{font-weight:600;color:var(--convert-primary) !important;}.nav-link{font-weight:500;}.nav-link:hover, .nav-link.active{color:var(--convert-primary) !important;}.hero-section{background:linear-gradient(135deg, var(--convert-primary), var(--convert-dark));color:white;padding:5rem 0;}.hero-section h1{font-weight:800;letter-spacing:-0.5px;}.hero-features .badge{background-color:rgba(255, 255, 255, 0.2);backdrop-filter:blur(4px);color:white;padding:0.6rem 1.2rem;margin:0 0.5rem;font-weight:500;border:1px solid rgba(255, 255, 255, 0.3);}.image-container{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.1);}.drop-zone{border:3px dashed #e5e7eb;border-radius:16px;padding:3rem 2rem;min-height:400px;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.drop-zone:hover, .drop-zone.dragover{border-color:var(--convert-primary);background-color:var(--convert-light);transform:scale(1.01);}.drop-zone-prompt i{font-size:5rem;color:var(--convert-primary);margin-bottom:1.5rem;opacity:0.8;}.preview-image{max-width:100%;max-height:450px;border-radius:12px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);}.options-container{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.1);}.format-selection{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;}.option-card{background:#f9fafb;border-radius:12px;padding:1.25rem;cursor:pointer;border:2px solid transparent;transition:all 0.2s ease;text-align:center;}.option-card:hover{background:#f3f4f6;border-color:#e5e7eb;}.option-card.active{border-color:var(--convert-primary);background:var(--convert-light);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);}.option-card h6{margin:0;font-weight:700;color:var(--convert-dark);}.quality-slider-container{margin-top:2rem;padding:1.5rem;background:#f9fafb;border-radius:12px;}.btn{padding:0.875rem 1.5rem;font-weight:600;border-radius:12px;transition:all 0.2s ease;}.btn-primary{background-color:var(--convert-primary);border-color:var(--convert-primary);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);}.btn-primary:hover{background-color:var(--convert-secondary);border-color:var(--convert-secondary);transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);}.btn-outline-primary{color:var(--convert-primary);border-color:var(--convert-primary);}.btn-outline-primary:hover{background-color:var(--convert-primary);color:white;}.feature-card{background:#fff;border-radius:16px;padding:2.5rem;height:100%;transition:transform 0.3s ease;}.feature-card:hover{transform:translateY(-5px);}.feature-card i{color:var(--convert-primary);background:var(--convert-light);width:60px;height:60px;line-height:60px;border-radius:12px;margin-bottom:1.5rem;}.comparison-table{border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;}.comparison-table th{background:#f9fafb;color:var(--dark-gray);font-weight:600;}.footer{background-color:#fff;border-top:1px solid #e5e7eb;}.footer-social a{background-color:#f3f4f6;color:var(--dark-gray);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin-right:0.5rem;}.footer-social a:hover{background-color:var(--convert-primary);color:white;transform:rotate(360deg);transition:0.5s;}