body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#111827;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.main-content{flex:1 1;padding-top:80px}.hero-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-bottom:1px solid #ffffff1a;padding:5rem 1.5rem;padding:var(--space-20) var(--space-6)}.hero-content{grid-gap:4rem;grid-gap:var(--space-16);align-items:center;display:grid;gap:4rem;gap:var(--space-16);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.hero-text{color:#fff;color:var(--white)}.hero-title{align-items:center;display:flex;font-size:3.5rem;font-weight:800;gap:1rem;gap:var(--space-4);line-height:1.1;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.hero-icon{color:#818cf8;color:var(--primary-light);height:3rem;width:3rem}.hero-subtitle{color:#ffffffe6;font-size:1.25rem;line-height:1.6;margin-bottom:2rem;margin-bottom:var(--space-8)}.hero-stats{display:flex;flex-wrap:wrap;gap:2rem;gap:var(--space-8)}.stat-item{align-items:center;color:#fffc;display:flex;font-weight:500;gap:.5rem;gap:var(--space-2)}.stat-icon{color:#fff;color:var(--white);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:1.25rem;width:1.25rem}.hero-visual{align-items:center;display:flex;justify-content:center}.floating-card{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);padding:2rem;padding:var(--space-8)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.video-preview{align-items:center;background:linear-gradient(45deg,#6366f1,#818cf8);background:linear-gradient(45deg,var(--primary),var(--primary-light));border-radius:.75rem;border-radius:var(--radius-lg);display:flex;height:120px;justify-content:center;margin-bottom:1rem;margin-bottom:var(--space-4);overflow:hidden;position:relative;width:200px}.play-icon{color:#fff;color:var(--white);height:3rem;width:3rem;z-index:2}.compression-indicator{align-items:center;color:#fff;color:var(--white);display:flex;font-weight:500;gap:.5rem;gap:var(--space-2)}.zap-icon{color:#10b981;color:var(--success);height:1.25rem;width:1.25rem}.compression-section{background:#fff;background:var(--white);padding:4rem 1.5rem;padding:var(--space-16) var(--space-6)}.compression-container{display:flex;flex-direction:column;gap:2rem;gap:var(--space-8);margin:0 auto;max-width:1000px}.upload-area-container{margin-bottom:2rem;margin-bottom:var(--space-8)}.upload-area{background:#f9fafb;background:var(--gray-50);border:3px dashed #d1d5db;border:3px dashed var(--gray-300);border-radius:1rem;border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;padding:3rem;padding:var(--space-12);position:relative;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.upload-area:hover{background:#f3f4f6;background:var(--gray-100);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.upload-area.drag-active,.upload-area:hover{border-color:#6366f1;border-color:var(--primary)}.upload-area.drag-active{background:#3b82f61a;color:#fff;color:var(--white)}.upload-area.has-file{background:#10b981;background:var(--success);border-color:#10b981;border-color:var(--success);color:#fff;color:var(--white)}.upload-content{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.upload-icon{color:#9ca3af;color:var(--gray-400);height:4rem;margin-bottom:1rem;margin-bottom:var(--space-4);width:4rem}.upload-area.drag-active .upload-icon,.upload-area:hover .upload-icon{color:#6366f1;color:var(--primary)}.upload-area h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-2)}.upload-area p{color:#6b7280;color:var(--gray-500);margin-bottom:1rem;margin-bottom:var(--space-4)}.upload-area.drag-active p,.upload-area:hover p{color:#6366f1;color:var(--primary)}.supported-formats{background:#fffc;border-radius:9999px;border-radius:var(--radius-full);color:#9ca3af;color:var(--gray-400);font-size:.875rem;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.upload-area.drag-active .supported-formats,.upload-area:hover .supported-formats{background:#6366f1;background:var(--primary);color:#fff;color:var(--white)}.file-info{align-items:center;display:flex;gap:1rem;gap:var(--space-4);max-width:400px;width:100%}.file-icon{color:#fff;color:var(--white);flex-shrink:0;height:3rem;width:3rem}.file-details{flex:1 1;text-align:left}.file-details h3{color:#fff;color:var(--white);font-size:1.125rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--space-1)}.file-details p{color:#fffc;font-size:.875rem}.check-icon{color:#fff;color:var(--white);flex-shrink:0;height:2rem;width:2rem}.settings-panel{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--space-8)}.settings-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;gap:.75rem;gap:var(--space-3);margin-bottom:2rem;margin-bottom:var(--space-8);padding-bottom:1rem;padding-bottom:var(--space-4)}.settings-icon{color:#6366f1;color:var(--primary);height:1.5rem;width:1.5rem}.settings-header h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600}.settings-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.setting-group{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.setting-group label{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.quality-buttons{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.quality-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;padding:1rem;padding:var(--space-4);text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.quality-btn:hover{background:#f9fafb;background:var(--gray-50);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);transform:translateY(-1px)}.quality-btn.active,.quality-btn:hover{border-color:#6366f1;border-color:var(--primary)}.quality-btn.active{background:#6366f1;background:var(--primary);color:#fff;color:var(--white)}.quality-info{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.quality-name{font-size:1rem;font-weight:600}.quality-details{font-size:.875rem;opacity:.8}.resolution-buttons{display:flex;gap:.5rem;gap:var(--space-2)}.resolution-btn{background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;flex:1 1;font-weight:500;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.resolution-btn:hover{background:#f9fafb;background:var(--gray-50)}.resolution-btn.active,.resolution-btn:hover{border-color:#6366f1;border-color:var(--primary)}.resolution-btn.active{background:#6366f1;background:var(--primary);color:#fff;color:var(--white)}.fps-buttons{display:flex;gap:.5rem;gap:var(--space-2)}.fps-btn{background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;flex:1 1;font-weight:500;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.fps-btn:hover{background:#f9fafb;background:var(--gray-50)}.fps-btn.active,.fps-btn:hover{border-color:#6366f1;border-color:var(--primary)}.fps-btn.active{background:#6366f1;background:var(--primary);color:#fff;color:var(--white)}.target-size-controls{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.5rem;gap:var(--space-2)}.checkbox-label input[type=checkbox]{accent-color:#6366f1;accent-color:var(--primary);height:1.25rem;width:1.25rem}.target-size-input{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.target-size-input input{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);flex:1 1;font-size:1rem;padding:.75rem;padding:var(--space-3);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.target-size-input input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.target-size-input span{color:#4b5563;color:var(--gray-600);font-weight:500}.compress-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;gap:var(--space-3);justify-content:center;padding:1rem 2rem;padding:var(--space-4) var(--space-8);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.compress-btn:hover:not(.disabled){box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.compress-btn:active:not(.disabled){transform:translateY(0)}.compress-btn.disabled{cursor:not-allowed;opacity:.6;transform:none}.compress-icon,.spinner{height:1.5rem;width:1.5rem}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-container{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);padding:1.5rem;padding:var(--space-6)}.progress-bar{background:#e5e7eb;background:var(--gray-200);height:8px;margin-bottom:1rem;margin-bottom:var(--space-4);overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:9999px;border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);height:100%;transition:width .3s ease}.progress-text{color:#4b5563;color:var(--gray-600);font-weight:500;text-align:center}.results-container{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--space-8)}.results-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;gap:.75rem;gap:var(--space-3);margin-bottom:2rem;margin-bottom:var(--space-8);padding-bottom:1rem;padding-bottom:var(--space-4)}.success-icon{color:#10b981;color:var(--success);height:2rem;width:2rem}.results-header h3{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600}.results-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.result-card{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);gap:1rem;gap:var(--space-4);padding:1rem;padding:var(--space-4)}.result-card,.result-icon{align-items:center;display:flex}.result-icon{background:#6366f1;background:var(--primary);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.result-info h4{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;margin-bottom:var(--space-1);text-transform:uppercase}.result-info p{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:700}.download-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding-top:1.5rem;padding-top:var(--space-6);text-align:center}.download-btn{align-items:center;background:#10b981;background:var(--success);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);display:inline-flex;font-size:1.125rem;font-weight:600;gap:.75rem;gap:var(--space-3);padding:1rem 2rem;padding:var(--space-4) var(--space-8);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.download-btn:hover{background:#059669;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.download-icon{height:1.5rem;width:1.5rem}.download-note{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin-top:1rem;margin-top:var(--space-4)}.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);left:0;position:fixed;right:0;top:0;z-index:100}.nav-container{height:80px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--space-6)}.nav-brand,.nav-container{align-items:center;display:flex}.nav-brand{cursor:pointer;gap:.75rem;gap:var(--space-3);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.nav-brand:hover{transform:translateY(-1px)}.nav-logo{color:#6366f1;color:var(--primary);height:2rem;width:2rem}.nav-title{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:700}.nav-menu{display:flex;gap:1.5rem;gap:var(--space-6)}.nav-link{background:none;border:none;border-radius:.375rem;border-radius:var(--radius);color:#4b5563;color:var(--gray-600);cursor:pointer;font-weight:500;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.nav-link.active,.nav-link:hover{background:#6366f11a;color:#6366f1;color:var(--primary)}.mobile-menu-btn{background:none;border:none;border-radius:.375rem;border-radius:var(--radius);cursor:pointer;display:none;padding:.5rem;padding:var(--space-2);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.mobile-menu-btn:hover{background:#f3f4f6;background:var(--gray-100)}.menu-icon{color:#4b5563;color:var(--gray-600);height:1.5rem;width:1.5rem}.mobile-menu{background:#fff;background:var(--white);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);display:none;flex-direction:column;gap:.5rem;gap:var(--space-2);left:0;padding:1rem;padding:var(--space-4);position:absolute;right:0;top:100%}.mobile-nav-link{background:none;border:none;border-radius:.375rem;border-radius:var(--radius);color:#4b5563;color:var(--gray-600);cursor:pointer;font-weight:500;padding:.75rem;padding:var(--space-3);text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.mobile-nav-link.active,.mobile-nav-link:hover{background:#6366f11a;color:#6366f1;color:var(--primary)}.features-section{background:#f9fafb;background:var(--gray-50);padding:5rem 1.5rem;padding:var(--space-20) var(--space-6)}.features-container{margin:0 auto;max-width:1200px}.features-container h2{color:#111827;color:var(--gray-900);font-size:2.5rem;font-weight:700;margin-bottom:3rem;margin-bottom:var(--space-12);text-align:center}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--space-8);text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.feature-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);display:flex;height:3rem;justify-content:center;margin:0 auto 1.5rem;margin:0 auto var(--space-6);width:3rem}.feature-card h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3)}.feature-card p{color:#4b5563;color:var(--gray-600);line-height:1.6}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:auto}.footer-content{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:2rem 1.5rem;padding:var(--space-8) var(--space-6)}.footer-section h4{font-size:1.125rem;margin-bottom:1rem;margin-bottom:var(--space-4)}.footer-brand h3,.footer-section h4{color:#111827;color:var(--gray-900);font-weight:600}.footer-brand h3{font-size:1.25rem;margin-bottom:.5rem;margin-bottom:var(--space-2)}.footer-brand p{color:#4b5563;color:var(--gray-600);line-height:1.6}.footer-logo-container{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);margin-bottom:1rem;margin-bottom:var(--space-4)}.footer-logo{color:#6366f1;color:var(--primary);height:2rem;width:2rem}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:.5rem;margin-bottom:var(--space-2)}.footer-links button{background:none;border:none;color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:.875rem;padding:0;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.footer-links button:hover{color:#6366f1;color:var(--primary)}.contact-info{gap:.75rem;gap:var(--space-3)}.contact-item{color:#4b5563;color:var(--gray-600);font-size:.875rem;gap:.5rem;gap:var(--space-2)}.contact-icon{color:#6b7280;color:var(--gray-500);height:1rem;width:1rem}.footer-bottom{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:1rem 0;padding:var(--space-4) 0}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--space-6)}.footer-bottom p{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:.875rem;gap:.25rem;gap:var(--space-1);margin:0}.heart-icon{color:#ef4444;color:var(--error);height:1rem;width:1rem}.footer-bottom-links{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.footer-bottom-links button{background:none;border:none;color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:.875rem;padding:0;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.footer-bottom-links button:hover{color:#6366f1;color:var(--primary)}.separator{color:#9ca3af;color:var(--gray-400);font-size:.875rem}.page-container{min-height:100vh;padding-top:80px}.page-hero{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;color:var(--white);padding:5rem 1.5rem;padding:var(--space-20) var(--space-6);text-align:center}.page-hero .hero-content{margin:0 auto;max-width:800px}.page-hero .hero-icon{align-items:center;background:#fff3;border-radius:1rem;border-radius:var(--radius-xl);color:#fff;color:var(--white);display:flex;height:4rem;justify-content:center;margin:0 auto 1.5rem;margin:0 auto var(--space-6);width:4rem}.page-hero h1{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-4)}.page-hero .hero-subtitle{font-size:1.25rem;line-height:1.6;opacity:.9}.content-section{padding:4rem 1.5rem;padding:var(--space-16) var(--space-6)}.content-section.bg-light{background:#f9fafb;background:var(--gray-50)}.content-section.bg-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;color:var(--white)}.container{margin:0 auto;max-width:1200px}.section-header{margin-bottom:3rem;margin-bottom:var(--space-12);text-align:center}.section-header.light{color:#fff;color:var(--white)}.section-header h2{color:#111827;color:var(--gray-900);font-size:2.5rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-4)}.section-header.light h2{color:#fff;color:var(--white)}.section-header p{color:#4b5563;color:var(--gray-600);font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.section-header.light p{color:#ffffffe6}.features-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-item{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--space-8);text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.feature-item:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.feature-item .feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);display:flex;height:3rem;justify-content:center;margin:0 auto 1.5rem;margin:0 auto var(--space-6);width:3rem}.feature-item h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3)}.feature-item p{color:#4b5563;color:var(--gray-600);line-height:1.6}.tech-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tech-item{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--space-6);text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.tech-item:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tech-item .tech-icon{align-items:center;background:#6366f1;background:var(--primary);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);display:flex;height:2.5rem;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--space-4);width:2.5rem}.tech-item h4{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-2)}.tech-item p{color:#4b5563;color:var(--gray-600);font-size:.875rem;line-height:1.5}.stats-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stats-grid .stat-item{color:#fff;color:var(--white);text-align:center}.stats-grid .stat-icon{align-items:center;background:#fff3;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);display:flex;height:3rem;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--space-4);width:3rem}.stats-grid .stat-number{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;margin-bottom:var(--space-2)}.stats-grid .stat-label{font-size:1rem;font-weight:500;opacity:.9}.commitment-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.commitment-item{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--space-8);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.commitment-item:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.commitment-item h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}.commitment-item p{color:#4b5563;color:var(--gray-600);line-height:1.6}.disclaimer-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:2rem;margin-bottom:var(--space-8);padding:2rem;padding:var(--space-8)}.disclaimer-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;gap:1rem;gap:var(--space-4);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding-bottom:1rem;padding-bottom:var(--space-4)}.disclaimer-header .disclaimer-icon{color:#f59e0b;color:var(--warning);height:2rem;width:2rem}.disclaimer-header h2{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin:0}.disclaimer-card p{color:#374151;color:var(--gray-700);font-size:1.125rem;line-height:1.6}.disclaimers-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.disclaimer-item{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--space-6);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.disclaimer-item:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.disclaimer-item .disclaimer-icon{align-items:center;background:#6366f1;background:var(--primary);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);display:flex;height:2.5rem;justify-content:center;margin-bottom:1rem;margin-bottom:var(--space-4);width:2.5rem}.disclaimer-item h3{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3)}.disclaimer-item p{color:#4b5563;color:var(--gray-600);line-height:1.6}.tech-disclaimers-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tech-disclaimer{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--space-6)}.tech-disclaimer h3{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}.tech-disclaimer ul{list-style:none;padding:0}.tech-disclaimer li{color:#4b5563;color:var(--gray-600);line-height:1.6;padding:.5rem 0;padding:var(--space-2) 0;padding-left:1rem;padding-left:var(--space-4);position:relative}.tech-disclaimer li:before{color:#6366f1;color:var(--primary);content:"•";font-weight:700;left:0;position:absolute}.privacy-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.privacy-item{color:#fff;color:var(--white);text-align:center}.privacy-item .privacy-icon{align-items:center;background:#fff3;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);display:flex;height:3rem;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--space-4);width:3rem}.privacy-item h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3)}.privacy-item p{line-height:1.6;opacity:.9}.contact-disclaimer{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--space-8);text-align:center}.contact-header{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);justify-content:center;margin-bottom:1rem;margin-bottom:var(--space-4)}.contact-header .contact-icon{color:#6366f1;color:var(--primary);height:2rem;width:2rem}.contact-header h2{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin:0}.contact-disclaimer p{color:#374151;color:var(--gray-700);font-size:1.125rem;line-height:1.6;margin-bottom:1rem;margin-bottom:var(--space-4)}.contact-note{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}.contact-note p{color:#4b5563;color:var(--gray-600);font-size:.875rem;margin:0}.simple-page{background:#fff;background:var(--white);min-height:100vh;padding-top:80px}.simple-hero{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;color:var(--white);padding:5rem 1.5rem;padding:var(--space-20) var(--space-6);text-align:center}.simple-container{margin:0 auto;max-width:800px}.simple-hero .hero-icon{align-items:center;background:#fff3;border-radius:1rem;border-radius:var(--radius-xl);color:#fff;color:var(--white);display:flex;height:4rem;justify-content:center;margin:0 auto 2rem;margin:0 auto var(--space-8);width:4rem}.simple-hero h1{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.simple-hero p{font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.simple-content{padding:4rem 1.5rem;padding:var(--space-16) var(--space-6)}.content-block{margin-bottom:3rem;margin-bottom:var(--space-12);text-align:center}.content-block:last-child{margin-bottom:0}.content-block h2{color:#111827;color:var(--gray-900);font-size:2rem;font-weight:600;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.content-block p{color:#4b5563;color:var(--gray-600);font-size:1.125rem;line-height:1.7;margin:0 auto;max-width:600px}.features-list{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);margin:0 auto;max-width:400px}.feature-item{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:1.125rem;gap:.75rem;gap:var(--space-3)}.feature-dot{background:#6366f1;background:var(--primary);border-radius:50%;flex-shrink:0;height:8px;width:8px}.cta-section{margin-top:2rem;margin-top:var(--space-8)}.cta-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);display:inline-block;font-size:1.125rem;font-weight:600;padding:1rem 2rem;padding:var(--space-4) var(--space-8);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.cta-button:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.contact-info{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);margin:0 auto;max-width:400px}.contact-item{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#374151;color:var(--gray-700);display:flex;font-size:1.125rem;gap:.75rem;gap:var(--space-3);padding:.75rem;padding:var(--space-3)}.footer .contact-info{gap:.5rem;gap:var(--space-2);max-width:none}.footer .contact-item{background:none;border:none;color:#4b5563;color:var(--gray-600);font-size:.875rem;padding:0}@media (max-width:768px){.nav-container{padding:0 1rem;padding:0 var(--space-4)}.nav-title{font-size:1rem}.desktop-menu{display:none}.mobile-menu-btn{display:block}.mobile-menu{display:flex}.hero-content{gap:2rem;gap:var(--space-8);grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-stats{justify-content:center}.settings-grid{grid-template-columns:1fr}.fps-buttons,.quality-buttons,.resolution-buttons{flex-direction:column}.features-grid,.footer-content,.results-grid{grid-template-columns:1fr}.footer-content{gap:1.5rem;gap:var(--space-6);padding:1.5rem 1rem;padding:var(--space-6) var(--space-4)}.footer-bottom-content{flex-direction:column;padding:0 1rem;padding:0 var(--space-4);text-align:center}.page-hero h1{font-size:2rem}.page-hero .hero-subtitle{font-size:1rem}.section-header h2{font-size:2rem}.commitment-grid,.disclaimers-grid,.features-grid,.privacy-grid,.stats-grid,.tech-disclaimers-grid,.tech-grid{grid-template-columns:1fr}.contact-disclaimer,.disclaimer-card{padding:1.5rem;padding:var(--space-6)}.simple-hero h1{font-size:2rem}.simple-hero p{font-size:1rem}.content-block h2{font-size:1.5rem}.content-block p{font-size:1rem}.features-list{max-width:300px}.feature-item{font-size:1rem}}@media (max-width:480px){.compression-section,.features-section,.hero-section{padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4)}.hero-title{font-size:2rem}.upload-area{padding:2rem;padding:var(--space-8)}.settings-panel{padding:1.5rem;padding:var(--space-6)}}
/*# sourceMappingURL=main.ba601ab7.css.map*/