* { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: 'Inter', sans-serif;font-display: swap; color: #4a4a4a; background-color: #fff; line-height: 1.5; }
    a { color: inherit; }
    img { width: 70px; height: 70px; margin-right: 10px; border-radius: 5px; }
    .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 15px; }

    header { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; }
    .logo { font-size: 24px; font-weight: bold; padding: 10px;}
    .logo a{ text-decoration: none;}
/* Language Dropdown */
    .language-dropdown {
      position: relative;
      display: inline-block;
    }

    .language-dropdown-btn {
      display: flex;
      align-items: center;
      gap: 0.25rem;
      color: var(--gray-600);
      font-weight: 500;
      background: none;
      border: none;
      cursor: pointer;
      transition: color 0.3s;
    }


    .language-dropdown-content {
      display: none;
      position: absolute;
      background-color: white;
      min-width: 160px;
      z-index: 1;
      overflow: hidden;
      right: 0;
    }

    .language-dropdown-content a {
      color: #7f7f7f;
      padding: 12px 16px;
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    .language-dropdown-content a:hover {
      background-color: #f1f1f1;
    }

    .language-dropdown:hover .language-dropdown-content {
      display: grid;
      grid-template-columns: auto auto auto;
      list-style: none;
    }
    
    .hero { background: #353535; color: white; padding: 3rem 0; text-align: center; transition: all 0.3s; }
    .hero-title { font-size: 2rem; margin-bottom: 0.5rem; }
    .download-form { max-width: 60rem; margin: 0 auto; display: flex; gap: 10px; justify-content: center; align-items: center; flex-wrap: nowrap; position: relative; }
    .input-wrapper { position: relative; flex: 1; }
    .url-input {border: none; width: 100%; padding: 12px 45px 12px 15px;  font-size: 1rem; outline: none; height: 50px;}
    .paste-btn { padding: 5px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: #eee; color: #353535; border: none; cursor: pointer; font-size: 1rem; display: flex; align-items: center; gap: 5px; }
    .paste-btn:hover { color: red; }
    .download-btn { background: #ec0000; color: white; border: none; height: 50px; padding: 12px 24px; font-size: 1rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 8px; }
    .download-btn:hover { background: #06af5e; }

    @media (max-width: 768px) {
      .download-form { display: grid; grid-template-columns: 1fr; gap: 12px; }
      .download-btn { width: 100%; justify-content: center; height: 50px;}
    }

    .loading-indicator { display: none; text-align: center; padding: 2rem; margin: 0 auto; max-width: 60rem;}
    .spinner { border: 4px solid rgba(0,0,0,0.1); border-left-color: #ec0000; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 0 auto 1rem; }
    @keyframes spin { to { transform: rotate(360deg); } }

    .error-message { display: none; background: #fee2e2; color: #dc2626; padding: 1rem; border-radius: 4px; margin: 1rem auto; text-align: center; max-width: 60rem; }

    .video-card { display: none; max-width: 600px; margin: 2rem auto; }
    .video-info { padding: 1.5rem;}
    .title-tumbnail { display: flex; margin-bottom: 1rem; }
    .video-title { font-size: 1.2rem; font-weight: 600; margin-bottom: 1rem; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden; }
    .video-meta { display: flex; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
    .meta-item { display: flex; align-items: center; gap: 5px; font-size: 0.9rem; color: #6b7280; }
    .download-options { display: grid; gap: 10px; }
    .download-option-btn { flex: 1; padding: 12px; border: none; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; }
    .video-download { background: #353535; color: white; }
    .video-download:hover { background: #ec0000; }
    .audio-download { background: #353535; color: white; }
    .audio-download:hover { background: #ec0000; }
    .another-video { background: #353535; color: white; }
    .another-video:hover { background: #ec0000; }



        .features {
            margin-bottom: 40px;
        }
        
        .section-title {
            text-align: center;
            font-size: 30px;
            margin: 50px;
            color: #333;
        }
        
        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .feature-card {
            background: #f8f9fa;
            padding: 30px;
            border-radius: 15px;
            text-align: center;
            transition: transform 0.3s, box-shadow 0.3s;
        }
        
        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }
        
        .feature-icon {
            font-size: 40px;
            margin-bottom: 20px;
            color: #ff0050;
        }
        
        .feature-card h3 {
            font-size: 22px;
            margin-bottom: 15px;
            color: #333;
        }
        
        .feature-card p {
            color: #666;
        }
        
        .instructions {
            margin-bottom: 40px;
        }
        
        .steps {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 40px;
        }
        
        .step {
            flex: 1;
            min-width: 250px;
            text-align: center;
            padding: 30px 20px;
            background: #f8f9fa;
            border-radius: 15px;
        }
        
        .step-number {
            display: inline-block;
            width: 40px;
            height: 40px;
            background: #ec0000;
            color: white;
            border-radius: 50%;
            line-height: 40px;
            font-weight: bold;
            margin-bottom: 20px;
        }
        
        .step h3 {
            font-size: 20px;
            margin-bottom: 15px;
            color: #333;
        }
        
        .step p {
            color: #666;
        }
        
        .faq {
            margin-bottom: 40px;
        }
        
        .faq-item {
            margin-bottom: 20px;
            border: 1px solid #e0e0e0;
            border-radius: 10px;
            overflow: hidden;
        }
        
        .faq-question {
            padding: 20px;
            background: #f8f9fa;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 600;
        }
        
        .faq-answer {
            padding: 0 20px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s, padding 0.3s;
        }
        
        .faq-question:focus + .faq-answer,
        .faq-question:active + .faq-answer {
            padding: 20px;
            max-height: 500px;
        }
        
        .content-section {
            margin-bottom: 40px;
        }
        
        .content-section h2 {
            font-size: 30px;
            margin: 30px;
            color: #333;
            text-align: center;
        }
        
        .content-section h3 {
            font-size: 24px;
            margin: 25px 0 15px;
            color: #ec0000;
        }
        
        .content-section p {
            margin-bottom: 15px;
            color: #555;
        }
        
        .content-section ul {
            margin-left: 30px;
            margin-bottom: 20px;
        }
        
        .content-section li {
            margin-bottom: 10px;
            color: #555;
        }
        
        @media (max-width: 768px) {
            .steps {
                flex-direction: column;
            }
            
            .section-title {
                font-size: 28px;
            }
            
            .content-section h2 {
                font-size: 26px;
            }
        }






.try{background: #353535;color: white;padding: 3rem 0;text-align: center;transition: all 0.3s;margin: 0px 0px 40px 0px;}
.try a{text-decoration: underline;text-align: center;width: 400px;height: 36px;border: none;}



.f-links{display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;margin: 10px;}
.f-links a{padding: 10px; text-decoration: underline;}


.disclaimer{padding: 10px;}
.disclaimer p{padding: 10px;}
.disclaimer h2{text-align: center;text-decoration: underline;}
.cprt{ text-align: center; padding: 10px 0px;}