Update app.py

app.py

@@ -6,60 +6,26 @@ from sentence_transformers import SentenceTransformer, util
 import torch 
 import re
 
-print("--- Film Öneri Sistemi Başlatılıyor (Orijinal Görsel Tasarım Entegrasyonu) ---")
-
-# --- ADIM 1: Veri Seti Yükleniyor ve Keşfediliyor ---
-print("ADIM 1: Veri Seti Yükleniyor ve Keşfediliyor...")
+print("--- Film Öneri Sistemi Başlatılıyor ---")
 
 csv_file_name = "imdb-top-rated-movies-user-rated.csv" 
 file_path = os.path.join(".", csv_file_name) 
 
 if not os.path.exists(file_path):
-    print(f"HATA: '{csv_file_name}' dosyası '{file_path}' yolunda bulunamadı. Lütfen CSV dosyasını Space'e yüklediğinizden emin olun.")
-    print("DEMO AMAÇLI SAHTE CSV OLUŞTURULUYOR...")
-    # Test amaçlı minimal bir sahte DataFrame oluştur
-    dummy_data = {
-        'Title': ["Django Unchained", "The Departed", "Pulp Fiction", "Inception", "The Dark Knight", "Forrest Gump", "The Matrix", "Interstellar", "Spirited Away", "Whiplash"],
-        'IMDb Rating': [8.5, 8.5, 8.9, 8.8, 9.0, 8.8, 8.7, 8.6, 8.6, 8.5],
-        'Tags': ["Drama, Western, Comedy", "Crime, Drama, Thriller", "Crime, Drama", "Action, Adventure, Sci-Fi", "Action, Crime, Drama", "Drama, Romance", "Action, Sci-Fi", "Adventure, Drama, Sci-Fi", "Animation, Adventure, Family", "Drama, Music"],
-        'Director': ["Quentin Tarantino", "Martin Scorsese", "Quentin Tarantino", "Christopher Nolan", "Christopher Nolan", "Robert Zemeckis", "Lana Wachowski, Lilly Wachowski", "Christopher Nolan", "Hayao Miyazaki", "Damien Chazelle"],
-        'Stars': ["Jamie Foxx, Christoph Waltz, Leonardo DiCaprio", "Leonardo DiCaprio, Matt Damon, Jack Nicholson", "John Travolta, Uma Thurman, Samuel L. Jackson", "Leonardo DiCaprio, Joseph Gordon-Levitt, Elliot Page", "Christian Bale, Heath Ledger, Aaron Eckhart", "Tom Hanks, Robin Wright, Gary Sinise", "Keanu Reeves, Laurence Fishburne, Carrie-Anne Moss", "Matthew McConaughey, Anne Hathaway, Jessica Chastain", "Daveigh Chase, Suzanne Pleshette, Jason Marsden", "Miles Teller, J.K. Simmons, Melissa Benoist"],
-        'Votes': ["1,800,000 Oy", "1,500,000 Oy", "2,100,000 Oy", "2,300,000 Oy", "2,800,000 Oy", "2,200,000 Oy", "2,000,000 Oy", "1,700,000 Oy", "1,100,000 Oy", "900,000 Oy"],
-        'Description': [
-            "With the help of a German bounty hunter, a freed slave sets out to rescue his wife from a brutal Mississippi plantation owner.",
-            "An undercover state cop and a mole in the police force try to identify each other.",
-            "The lives of two mob hitmen, a boxer, a gangster's wife, and a pair of diner bandits intertwine in four tales of violence and redemption.",
-            "A thief who steals corporate secrets through the use of dream-sharing technology is given the inverse task of planting an idea into the mind of a C.E.O.",
-            "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, Batman must accept one of the greatest psychological and physical tests of his ability to fight injustice.",
-            "The presidencies of Kennedy and Johnson, the Vietnam War, the Watergate scandal and other historical events unfold from the perspective of an Alabama man with an IQ of 75.",
-            "A computer hacker learns from mysterious rebels about the true nature of his reality and his role in the war against its controllers.",
-            "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
-            "During her family's move to the suburbs, a sullen 10-year-old girl wanders into a world ruled by gods, witches, and spirits, and where humans are changed into beasts.",
-            "A promising young drummer enrolls at a cut-throat music conservatory where his unorthodox instructor pushes him to the breaking point."
-        ],
-        'Poster URL': ["", "", "", "", "", "", "", "", "", ""] # Demo için boş bırakıldı, gerçek poster URL'leri buraya gelebilir
-    }
-    df = pd.DataFrame(dummy_data)
-    df.to_csv(file_path, index=False)
-    print(f"Sahte CSV '{csv_file_name}' oluşturuldu ve yüklendi. Toplam {len(df)} film bulundu.")
-else:
-    try:
-        df = pd.read_csv(file_path)
-        print(f"'{csv_file_name}' başarıyla yüklendi. Toplam {len(df)} film bulundu.")
-    except Exception as e:
-        print(f"HATA: CSV dosyası yüklenirken hata oluştu: {e}")
-        exit(1)
-print("ADIM 1: Veri Seti Keşfi Tamamlandı.")
-
-
-# --- ADIM 2: Veri Temizliği ve Ön İşleme ---
-print("\nADIM 2: Veri Temizliği ve Ön İşleme Başlıyor...")
+    print(f"HATA: '{csv_file_name}' dosyası bulunamadı.")
+    exit(1)
 
-df_filtered = df[['Title', 'IMDb Rating', 'Tags', 'Director', 'Stars', 'Votes', 'Description', 'Poster URL']].copy()
+try:
+    df = pd.read_csv(file_path)
+    print(f"'{csv_file_name}' başarıyla yüklendi. Toplam {len(df)} film bulundu.")
+except Exception as e:
+    print(f"HATA: CSV dosyası yüklenirken hata oluştu: {e}")
+    exit(1)
 
-df_filtered['Stars'].fillna('', inplace=True)
-df_filtered['Description'].fillna('', inplace=True)
-df_filtered['Poster URL'].fillna('', inplace=True)
+df_filtered = df[['Title', 'IMDb Rating', 'Tags', 'Director', 'Stars', 'Votes', 'Description', 'Poster URL']].copy() 
+df_filtered['Stars'].fillna('', inplace=True) 
+df_filtered['Description'].fillna('', inplace=True) 
+df_filtered['Poster URL'].fillna('', inplace=True) 
 
 genre_mapping = {
     'action': ['action', 'action epic', 'gun fu', 'one-person army action', 'car action', 'kung fu', 'martial arts', 'martial-arts'],
@@ -91,7 +57,7 @@ def map_to_main_genres(tag_list):
     main_genres = set()
     for tag in tag_list:
         if tag in reverse_genre_map:
-            main_genres.add(reverse_genre_map[tag])
+            main_genres.add(reverse_genre_map[tag]) 
     return list(main_genres)
 
 def clean_and_split(text_series):
@@ -99,35 +65,30 @@ def clean_and_split(text_series):
         return []
     item = str(text_series)
     item = item.replace('"', '').replace("'", '').strip()
-    item = item.replace('sci, fi', 'sci-fi')
+    item = item.replace('sci, fi', 'sci-fi') 
     split_items = [s.strip().lower() for s in item.split(',') if s.strip()]
     return split_items
 
-
 df_filtered['Tags_cleaned_raw'] = df_filtered['Tags'].apply(clean_and_split)
 df_filtered['Director_cleaned'] = df_filtered['Director'].apply(clean_and_split)
 df_filtered['Stars_cleaned'] = df_filtered['Stars'].apply(clean_and_split)
-
 df_filtered['Tags_cleaned'] = df_filtered['Tags_cleaned_raw'].apply(map_to_main_genres)
 
-
 def convert_votes_to_numeric(votes_str):
     if isinstance(votes_str, str):
-        # " Oy" son ekini kaldır
-        votes_str = votes_str.replace(" Oy", "").replace(",", "")
+        votes_str = votes_str.replace(",", "") 
         if 'K' in votes_str:
             return float(votes_str.replace('K', '')) * 1000
         elif 'M' in votes_str:
             return float(votes_str.replace('M', '')) * 1_000_000
-    try:
+    try: 
         return float(votes_str)
     except ValueError:
-        return np.nan
+        return np.nan 
 
 df_filtered['Votes_numeric'] = df_filtered['Votes'].apply(convert_votes_to_numeric)
-# Orijinal 'Votes' sütunu string olarak tutulsun, sayısal değer 'Votes_numeric'te.
-# df_filtered.drop('Votes', axis=1, inplace=True) # Bu satırı kaldırın
-df_filtered.dropna(subset=['Votes_numeric'], inplace=True)
+df_filtered.drop('Votes', axis=1, inplace=True)
+df_filtered.dropna(subset=['Votes_numeric'], inplace=True) 
 
 df_filtered['Combined_Text'] = df_filtered['Title'] + ". " + \
                                df_filtered['Description'] + ". " + \
@@ -135,45 +96,26 @@ df_filtered['Combined_Text'] = df_filtered['Title'] + ". " + \
                                df_filtered['Director_cleaned'].apply(lambda x: ", ".join(x)) + ". " + \
                                df_filtered['Stars_cleaned'].apply(lambda x: ", ".join(x))
 
-print("\nADIM 2: Veri Temizliği ve Ön İşleme Tamamlandı.")
-
-
-# --- ADIM 3: NLP Modelini Yükleme ve ÖNCEDEN OLUŞTURULMUŞ Embedding'leri Yükleme ---
-print("\nADIM 3: NLP Modelini Yükleniyor ve Önceden Oluşturulmuş Embedding'ler Yükleniyor...")
-
 model_name = 'sentence-transformers/all-MiniLM-L6-v2'
-sentence_model = None # Modeli başlangıçta None olarak ayarla
 try:
     sentence_model = SentenceTransformer(model_name)
     print(f"'{model_name}' modeli başarıyla yüklendi.")
 except Exception as e:
     print(f"HATA: Sentence Transformer modeli yüklenirken hata oluştu: {e}")
-    print("NLP modeli yüklenemedi, arama metni özelliği devre dışı bırakılacak.")
+    exit(1)
 
 embeddings_file_path = os.path.join(".", "film_embeddings.npy")
 if not os.path.exists(embeddings_file_path):
-    print(f"HATA: '{embeddings_file_path}' dosyası bulunamadı. Lütfen Space'e yüklediğinizden emin olun.")
-    print("DEMO AMAÇLI SAHTE EMBEDDING'LER OLUŞTURULUYOR...")
-    # Sahte embedding'ler oluştur - her film için rastgele bir vektör
-    dummy_embeddings = np.random.rand(len(df_filtered), 384) # all-MiniLM-L6-v2 boyutu 384
-    film_embeddings = torch.from_numpy(dummy_embeddings).float()
-    np.save(embeddings_file_path, dummy_embeddings) # Sonraki çalıştırmalar için kaydet
-    print("Film embedding'leri başarıyla 'film_embeddings.npy' dosyasından oluşturuldu.")
-else:
-    try:
-        film_embeddings = torch.from_numpy(np.load(embeddings_file_path)).float() # Float tipini sağla
-        print("Film embedding'leri başarıyla 'film_embeddings.npy' dosyasından yüklendi.")
-    except Exception as e:
-        print(f"HATA: film_embeddings.npy yüklenirken hata oluştu: {e}")
-        exit(1)
-
-print("ADIM 3: NLP Modelini Yükleme ve Film Embedding'lerini Oluşturma Tamamlandı.")
-
+    print(f"HATA: '{embeddings_file_path}' dosyası bulunamadı.")
+    exit(1)
 
-# --- ADIM 4: Film Öneri Sistemi Mantığını Oluşturma (Popüler Yönetmen/Oyuncu Sıralaması Eklendi) ---
-print("\nADIM 4: Film Öneri Sistemi Mantığı Oluşturuluyor...")
+try:
+    film_embeddings = torch.from_numpy(np.load(embeddings_file_path))
+    print("Film embedding'leri başarıyla yüklendi.")
+except Exception as e:
+    print(f"HATA: film_embeddings.npy yüklenirken hata oluştu: {e}")
+    exit(1)
 
-# --- YENİ EKLENTİ: Popüler Yönetmen/Oyuncu Listelerini Oluşturma ---
 director_popularity = {}
 for index, row in df_filtered.iterrows():
     for director in row['Director_cleaned']:
@@ -184,30 +126,17 @@ for index, row in df_filtered.iterrows():
     for star in row['Stars_cleaned']:
         star_popularity[star] = star_popularity.get(star, 0) + row['Votes_numeric']
 
-# all_tags listesini, sadece eşlenmiş ana türlerden oluşturalım
 all_tags = sorted(list(set([tag for sublist in df_filtered['Tags_cleaned'] for tag in sublist if tag in genre_mapping])))
-
-# Popülerliğe göre sıralanmış yönetmen ve oyuncu listeleri
 all_directors = sorted(list(director_popularity.keys()), key=lambda d: director_popularity[d], reverse=True)
 all_stars = sorted(list(star_popularity.keys()), key=lambda s: star_popularity[s], reverse=True)
-# --- YENİ EKLENTİ SONU ---
 
 def get_movie_recommendations(selected_tags, selected_directors, selected_stars, min_imdb_rating_slider, num_recommendations_slider, search_text=""):
     
-    print(f"\n--- Öneri İsteği ---")
-    print(f"Seçilen Türler: {selected_tags}")
-    print(f"Seçilen Yönetmenler: {selected_directors}")
-    print(f"Seçilen Oyuncular: {selected_stars}")
-    print(f"Minimum IMDb Puanı: {min_imdb_rating_slider}")
-    print(f"Öneri Sayısı: {num_recommendations_slider}")
-    print(f"Arama Metni: '{search_text}'")
-
     selected_tags_list = list(selected_tags) if selected_tags else []
     selected_directors_list = list(selected_directors) if selected_directors else []
     selected_stars_list = list(selected_stars) if selected_stars else []
 
     recommendations_df = df_filtered.copy()
-
     recommendations_df = recommendations_df[recommendations_df['IMDb Rating'] >= min_imdb_rating_slider]
     
     if selected_tags_list:
@@ -225,21 +154,10 @@ def get_movie_recommendations(selected_tags, selected_directors, selected_stars,
             recommendations_df['Stars_cleaned'].apply(lambda x: any(star in x for star in selected_stars_list))
         ]
             
-    if search_text and len(recommendations_df) > 0 and sentence_model is not None:
+    if search_text and len(recommendations_df) > 0:
         try:
             query_embedding = sentence_model.encode(search_text, convert_to_tensor=True)
-        except Exception as e:
-            print(f"HATA: Arama metni embedding'i oluşturulurken hata oluştu: {e}")
-            return "Arama metni işlenirken bir hata oluştu. Lütfen tekrar deneyin."
-        
-        filtered_indices = recommendations_df.index.tolist()
-        if not filtered_indices or len(film_embeddings) == 0:
-            return "Filtreleme sonrası film bulunamadı."
-
-        try:
-            if filtered_indices and (max(filtered_indices) >= film_embeddings.shape[0] or min(filtered_indices) < 0):
-                return "Benzerlik hesaplanırken bir hata oluştu (dizin hatası). Lütfen tekrar deneyin."
-
+            filtered_indices = recommendations_df.index.tolist()
             current_film_embeddings = film_embeddings[filtered_indices]
             cosine_scores = util.cos_sim(query_embedding, current_film_embeddings)[0]
             recommendations_df['Similarity_Score'] = cosine_scores.cpu().numpy() 
@@ -248,12 +166,9 @@ def get_movie_recommendations(selected_tags, selected_directors, selected_stars,
                 ascending=[False, False, False] 
             ).reset_index(drop=True)
         except Exception as e:
-            print(f"HATA: NLP benzerlik hesaplanırken hata oluştu: {e}")
-            return "Benzerlik hesaplanırken bir hata oluştu. Lütfen tekrar deneyin."
-    elif search_text and sentence_model is None:
-        print("NLP modeli yüklenemediği için arama metni filtrelemesi atlandı.")
+            return "Benzerlik hesaplanırken bir hata oluştu."
 
-    if not search_text or sentence_model is None:
+    if not search_text: 
         recommendations_df = recommendations_df.sort_values(
             by=['IMDb Rating', 'Votes_numeric'], 
             ascending=[False, False]
@@ -263,625 +178,141 @@ def get_movie_recommendations(selected_tags, selected_directors, selected_stars,
     
     if top_recommendations.empty:
         return """
-        <div class="no-results-card">
-            <div class="no-results-icon">🎬</div>
-            <h2 class="no-results-title">Sonuç Bulunamadı</h2>
-            <p class="no-results-message">Seçtiğiniz kriterlere uygun film bulunamadı. Filtreleri değiştirerek tekrar deneyin.</p>
+        <div style="text-align: center; padding: 60px 20px; background: linear-gradient(135deg, #1a1a1a 0%, #2d1810 100%); border-radius: 16px; border: 2px solid #ff6b35;">
+            <div style="font-size: 64px; margin-bottom: 20px;">🎬</div>
+            <h2 style="color: #ff6b35; margin-bottom: 10px; font-size: 28px;">Sonuç Bulunamadı</h2>
+            <p style="color: #d4d4d4; font-size: 16px;">Seçtiğiniz kriterlere uygun film bulunamadı. Filtreleri değiştirerek tekrar deneyin.</p>
         </div>
         """
     else:
-        html_output = "<div class='recommendations-grid'>"
+        html_output = ""
         for idx, row in top_recommendations.iterrows():
             directors_str = ", ".join([d.title() for d in row['Director_cleaned']])
             stars_str = ", ".join([s.title() for s in row['Stars_cleaned']])
-            tags_str_list = [tag.title() for tag in row['Tags_cleaned']]
+            tags_str = ", ".join([t.title() for t in row['Tags_cleaned']])
 
             similarity_info = ""
-            if 'Similarity_Score' in row and search_text and sentence_model is not None:
+            if 'Similarity_Score' in row and search_text:
                 sim_percentage = int(row['Similarity_Score'] * 100)
                 similarity_info = f"""
-                <span style="color: #bbb; font-size: 0.9em; margin-left: 10px;">
-                    (Benzerlik: {sim_percentage}%)
-                </span>
-                """
-
-            # Poster veya yer tutucu HTML'i
-            poster_content = ""
-            if row['Poster URL'] and row['Poster URL'].strip() != "":
-                poster_content = f"""
-                <img src="{row['Poster URL']}" alt="{row['Title']}" loading="lazy" style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;">
-                """
-            else:
-                # Orijinal görseldeki gibi film şeridi simgesi ve başlığın kısaltması
-                short_title = row['Title'][:10] + "..." if len(row['Title']) > 13 else row['Title']
-                poster_content = f"""
-                <div class="poster-placeholder">
-                    <svg viewBox="0 0 24 24" width="60" height="60" stroke="#a0a0a0" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" class="clapboard-icon">
-                        <path d="M4 14.899A2.121 2.121 0 0 1 4 12.02c5.688 0 8.007-4.135 12-4.135 1.052-.007 1.954.184 2.766.527M12.63 7.885c2.735-2.22 4.673-4.22 7.37-4.22C21.49 3.665 22 4.173 22 4.802v14.4c0 .629-.51 1.137-1.137 1.137-.996 0-1.898-.24-2.71-.62-3.83-1.742-6.533-2.612-9.255-2.612-1.07 0-2.002.26-2.825.75-.487.27-.887.59-1.21.95M4 14.899v4.321c0 .629-.51 1.137-1.137 1.137-.996 0-1.898-.24-2.71-.62-3.83-1.742-6.533-2.612-9.255-2.612-1.07 0-2.002.26-2.825.75-.487.27-.887.59-1.21.95M4 14.899c-2.735-2.22-4.673-4.22-7.37-4.22C2.51 3.665 2 4.173 2 4.802v14.4c0 .629.51 1.137 1.137 1.137.996 0 1.898-.24 2.71-.62 3.83-1.742 6.533-2.612 9.255-2.612 1.07 0 2.002.26 2.825.75.487.27.887.59 1.21.95" />
-                        <rect x="3" y="1" width="18" height="2" rx="1" ry="1"></rect>
-                        <rect x="3" y="1" width="4" height="2" rx="1" ry="1"></rect>
-                        <rect x="7" y="1" width="4" height="2" rx="1" ry="1"></rect>
-                        <rect x="11" y="1" width="4" height="2" rx="1" ry="1"></rect>
-                        <rect x="15" y="1" width="4" height="2" rx="1" ry="1"></rect>
-                        <path d="M5 21H19a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2z"></path>
-                    </svg>
-                    <span class="poster-title-placeholder">{short_title}</span>
-                    <span class="no-poster-text">Poster Yok</span>
+                <div style="display: inline-block; margin-left: 12px; padding: 6px 12px; background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%); border-radius: 8px;">
+                    <span style="color: white; font-weight: 700; font-size: 13px;">🎯 Eşleşme: %{sim_percentage}</span>
                 </div>
                 """
+            
+            rating_color = "#4ade80" if row['IMDb Rating'] >= 8.0 else "#fbbf24" if row['IMDb Rating'] >= 7.5 else "#fb923c"
+            
+            poster_html = f"""
+            <div style="width: 160px; height: 240px; background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%); border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #888; font-size: 0.9em; line-height: 1.4; padding: 15px; box-shadow: 0 4px 12px rgba(0,0,0,0.4); border: 2px solid #3a3a3a;">
+                <div style="font-size: 48px; margin-bottom: 15px;">🎬</div>
+                <span style="font-weight: 600; color: #ddd; margin-bottom: 8px;">{row['Title'][:40]}...</span>
+                <span style="color: #999; font-size: 0.85em;">Poster Yok</span>
+            </div>
+            """
 
             html_output += f"""
-            <div class="movie-card">
-                <div class="movie-card-left-panel">
-                    {poster_content}
+            <div style="display: flex; margin-bottom: 24px; border: 2px solid #3a3a3a; padding: 20px; border-radius: 16px; background: linear-gradient(135deg, #1a1a1a 0%, #252525 100%); box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: all 0.3s ease; position: relative; overflow: hidden;">
+                <div style="position: absolute; top: 0; left: 0; width: 6px; height: 100%; background: linear-gradient(180deg, #ff6b35 0%, #ff8c42 100%);"></div>
+                <div style="flex-shrink: 0; margin-right: 24px; margin-left: 6px;">
+                    {poster_html}
                 </div>
-                <div class="movie-card-info-panel">
-                    <h3 class="movie-title-display">{row['Title']}</h3>
-                    <div class="rating-and-votes">
-                        <span class="rating-badge">⭐ {row['IMDb Rating']:.1f}</span>
-                        <div class="votes-info">
-                            <svg viewBox="0 0 24 24" width="16" height="16" stroke="#9e9e9e" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="17" x2="16" y2="10"></line><line x1="8" y1="17" x2="8" y2="10"></line><line x1="12" y1="17" x2="12" y2="10"></line><line x1="12" y1="3" x2="12" y2="21"></line></svg>
-                            <span>{row['Votes']}</span>
-                            {similarity_info}
+                <div style="flex-grow: 1;">
+                    <div style="margin-bottom: 12px;">
+                        <h3 style="margin: 0; color: #ff8c42; font-size: 26px; font-weight: 700; display: inline-block;">{row['Title']}</h3>
+                        <div style="display: inline-block; margin-left: 12px; background: {rating_color}; padding: 6px 14px; border-radius: 8px;">
+                            <span style="font-size: 16px;">⭐</span>
+                            <span style="color: #1a1a1a; font-weight: 700; font-size: 16px;">{row['IMDb Rating']:.1f}</span>
                         </div>
+                        {similarity_info}
                     </div>
-                    <div class="movie-details-row">
-                        <span class="detail-label">Yönetmen:</span>
-                        <span class="detail-value">{directors_str if directors_str else 'Bilinmiyor'}</span>
+                    
+                    <div style="margin-bottom: 14px;">
+                        <div style="display: inline-block; background: rgba(255, 107, 53, 0.15); padding: 8px 14px; border-radius: 8px; border: 1px solid rgba(255, 107, 53, 0.3);">
+                            <span style="color: #ff8c42; font-weight: 600;">🗳️ {int(row['Votes_numeric']):,} Oy</span>
+                        </div>
                     </div>
-                    <div class="movie-details-row">
-                        <span class="detail-label">Oyuncular:</span>
-                        <span class="detail-value">{stars_str if stars_str else 'Bilinmiyor'}</span>
+                    
+                    <div style="margin-bottom: 12px;">
+                        <span style="color: #ff8c42; font-weight: 600; font-size: 15px;">🎬 Yönetmen:</span>
+                        <span style="color: #d4d4d4; font-size: 15px; margin-left: 8px;">{directors_str if directors_str else 'Bilinmiyor'}</span>
                     </div>
-                    <div class="genre-tags-container">
-                        {''.join([f'<span class="genre-tag">{tag}</span>' for tag in tags_str_list])}
+                    
+                    <div style="margin-bottom: 14px;">
+                        <span style="color: #ff8c42; font-weight: 600; font-size: 15px;">⭐ Oyuncular:</span>
+                        <span style="color: #d4d4d4; font-size: 15px; margin-left: 8px;">{stars_str if stars_str else 'Bilinmiyor'}</span>
+                    </div>
+                    
+                    <div style="display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px;">
+                        {''.join([f'<span style="background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%); color: white; padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);">{tag.title()}</span>' for tag in row['Tags_cleaned']])}
                     </div>
                 </div>
             </div>
             """
-        html_output += "</div>"
         return html_output
 
-print("\nADIM 4: Film Öneri Sistemi Mantığı Oluşturuldu.")
-
-
-# --- ADIM 5: Gradio Web Arayüzü Oluşturma ---
-print("\nADIM 5: Gradio Web Arayüzü Oluşturuluyor (Orijinal Görsel Entegrasyonu ile)...")
-
-# Özel tema oluştur - tüm mor/mavi renkleri turuncu yap
-# Bu tema Gradio bileşenlerinin genel renklerini etkiler.
-custom_theme = gr.themes.Base(
-    primary_hue=gr.themes.colors.orange, # Ana renk turuncu tonları
-    secondary_hue=gr.themes.colors.orange, # İkincil renk turuncu tonları
-    neutral_hue=gr.themes.colors.slate, # Nötr renkler (gri tonları)
-).set(
-    # Butonlar
-    button_primary_background_fill="hsl(24, 88%, 50%)", # Turuncuya yakın renk
-    button_primary_background_fill_hover="hsl(24, 88%, 40%)", # Daha koyu turuncu hover
-    button_primary_text_color="white",
-    # Checkbox'lar
-    checkbox_label_background_fill="hsl(220, 10%, 20%)", # Koyu gri
-    checkbox_label_background_fill_hover="hsl(220, 10%, 25%)",
-    checkbox_label_background_fill_selected="hsl(24, 88%, 50%)", # Turuncu seçili
-    checkbox_label_text_color="white",
-    checkbox_label_text_color_selected="black", # Seçili metin siyah
-    checkbox_label_border_color_selected="hsl(24, 88%, 50%)",
-    # Dropdown, Slider, Textbox
-    input_background_fill="hsl(220, 10%, 20%)", # Koyu gri
-    input_border_color="hsl(220, 10%, 30%)",
-    # input_text_color="white", # BU SATIR KALDIRILDI!
-    slider_color="hsl(24, 88%, 50%)", # Slider dolgu rengi
-    # Genel Gradio panelleri
-    block_background_fill="hsl(220, 10%, 15%)", # Daha koyu panel arka planı
-    border_color_accent="hsl(24, 88%, 50%)", # Turuncu vurgu kenarlığı
-)
-
-
-with gr.Blocks(theme=custom_theme, css="""
-    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
-    
-    body {
-        background-color: #0a0a0a !important; /* Genel sayfa arka planı daha koyu */
-        color: #e0e0e0;
-        font-family: 'Inter', sans-serif;
-    }
-
-    .gradio-container { 
-        max-width: 1300px !important; 
-        font-family: 'Inter', sans-serif !important;
-        background-color: #0a0a0a !important;
-        border-radius: 16px;
-        overflow: hidden; /* Kenar yuvarlaklığı için */
-    }
-    
-    /* Ana Başlık */
-    h1 { 
-        color: #f39c12 !important; /* Turuncu */
-        text-align: center;
-        font-size: 40px !important;
-        font-weight: 700 !important;
-        margin-bottom: 5px !important;
-        text-shadow: 0 0 10px rgba(243, 156, 18, 0.3);
-    }
-    .gr-markdown p {
-        color: #d0d0d0;
-        text-align: center;
-        margin-top: 5px;
-        font-size: 16px;
-    }
-    
-    /* Bölüm Başlıkları (Önerilen Filmler, Film Tercihleri vb.) */
-    h3 { 
-        color: #f39c12 !important; 
-        font-weight: 600 !important;
-        font-size: 24px !important;
-        margin-bottom: 20px !important;
-        border-bottom: 2px solid #2a2a2a; /* Alt çizgi */
-        padding-bottom: 10px;
-    }
-    
-    /* Ana Düğme */
-    .gr-button.gr-button-primary { 
-        background-color: #f39c12 !important; /* Turuncu */
-        border: none !important;
-        font-weight: 700 !important;
-        font-size: 16px !important;
-        padding: 14px 32px !important;
-        border-radius: 8px !important;
-        box-shadow: 0 4px 12px rgba(243, 156, 18, 0.4) !important;
-        transition: all 0.3s ease !important;
-        text-transform: uppercase !important;
-        letter-spacing: 0.5px !important;
-        color: white !important;
-    }
-    .gr-button.gr-button-primary:hover { 
-        background-color: #e67e22 !important; /* Daha koyu turuncu */
-        transform: translateY(-2px) !important;
-        box-shadow: 0 6px 16px rgba(243, 156, 18, 0.6) !important;
-    }
-    
-    /* Tüm label başlıkları için turuncu arka plan */
-    .gr-form label > span:first-child,
-    .gr-box label > span:first-child,
-    .gr-input-label > span,
-    fieldset > legend > span {
-        background-color: #f39c12 !important; /* Turuncu */
-        color: white !important;
-        padding: 6px 12px !important;
-        border-radius: 6px !important;
-        font-weight: 600 !important;
-        display: inline-block !important;
-        margin-bottom: 10px !important;
-        box-shadow: 0 2px 6px rgba(243, 156, 18, 0.2);
-    }
-    
-    /* Gradio Panelleri - Orijinal görseldeki gibi koyu, yuvarlak kenarlı */
-    .gr-panel {
-        background-color: #1c1c1c !important; /* Koyu gri */
-        border: 1px solid #2a2a2a !important;
-        border-radius: 12px !important;
-        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
-        padding: 20px;
-    }
-
-    /* Giriş Alanları (Checkbox, Dropdown, Slider, Textbox) */
-    .gr-checkbox-group, .gr-dropdown, .gr-slider, .gr-textbox { 
-        background-color: #242424 !important; /* Bir tık daha açık gri */
-        border: 1px solid #3a3a3a !important;
-        border-radius: 8px !important;
-        padding: 15px !important;
-        margin-bottom: 15px; /* Aralarında boşluk */
-    }
-    
-    /* Checkbox Group Label'ları */
-    .gr-checkbox-group label {
-        background-color: #333333 !important; /* Normal checkbox arka planı */
-        color: #ccc !important;
-        border: 1px solid #444444 !important;
-        border-radius: 5px !important;
-        padding: 8px 12px !important;
-        margin: 4px !important;
-        transition: all 0.2s ease !important;
-        font-weight: 500 !important;
-    }
-    .gr-checkbox-group input:checked + label {
-        background-color: #f39c12 !important; /* Seçili turuncu */
-        border-color: #f39c12 !important;
-        color: white !important;
-        font-weight: 600 !important;
-    }
-    .gr-checkbox-group label:hover {
-        background-color: #444444 !important;
-        border-color: #f39c12 !important;
-    }
-    
-    /* Dropdown ve Textbox Giriş Alanları */
-    .gr-input, .gr-textbox textarea, .gr-dropdown-container {
-        background-color: #333333 !important;
-        color: #e0e0e0 !important;
-        border: 1px solid #444444 !important;
-        border-radius: 6px !important;
-        font-size: 15px !important;
-        padding: 8px 12px !important;
-    }
-    .gr-input:focus, .gr-textbox textarea:focus, .gr-dropdown-container:focus-within {
+with gr.Blocks(theme=gr.themes.Soft(), css="""
+    .gradio-container { max-width: 1200px !important; font-family: 'Segoe UI', sans-serif; }
+    h1 { color: #f39c12; text-align: center; }
+    h3 { color: #eee; }
+    .gr-button.gr-button-primary { background-color: #f39c12 !important; border-color: #f39c12 !important; }
+    .gr-button.gr-button-primary:hover { background-color: #e67e22 !important; border-color: #e67e22 !important; }
+    .gr-checkbox-group label { color: #ccc; }
+    .gr-dropdown, .gr-slider, .gr-textbox { background-color: #2c2c2c; color: #eee; border-color: #555; }
+    .gr-dropdown-item { color: #eee; }
+    .gr-checkbox-group input[type='checkbox']:checked + label {
+        background-color: #f39c12 !important;
         border-color: #f39c12 !important;
-        box-shadow: 0 0 0 2px rgba(243, 156, 18, 0.3) !important;
+        color: #1a1a1a !important;
     }
-    
-    /* Dropdown Menüleri */
-    .gr-dropdown-menu {
-        background-color: #2a2a2a !important;
-        border: 1px solid #f39c12 !important;
-        border-radius: 8px !important;
-        box-shadow: 0 4px 12px rgba(0,0,0,0.4);
+    .gr-checkbox-group input[type='checkbox'] + label {
+        background-color: #333;
+        color: #eee;
+        border: 1px solid #555;
     }
-    .gr-dropdown-item {
-        color: #d0d0d0 !important;
-        padding: 10px 15px !important;
-    }
-    .gr-dropdown-item:hover {
-        background-color: #3a3a3a !important;
-        color: #f39c12 !important;
+    .gr-checkbox-group input[type='checkbox'] + label:hover {
+        background-color: #444;
     }
     .gr-dropdown-item.selected {
         background-color: #f39c12 !important;
-        color: white !important;
-        font-weight: 600 !important;
+        color: #1a1a1a !important;
     }
-    
-    /* Slider */
-    input[type="range"]::-webkit-slider-runnable-track {
-        background: linear-gradient(to right, #f39c12 0%, #f39c12 var(--slider-value, 50%), #444444 var(--slider-value, 50%)) !important;
-        height: 8px !important;
-        border-radius: 4px !important;
+    .gr-dropdown-item:hover {
+        background-color: #e67e22 !important;
+        color: #1a1a1a !important;
     }
     input[type="range"]::-webkit-slider-thumb {
         background-color: #f39c12 !important;
-        border: 2px solid white !important;
-        width: 20px !important;
-        height: 20px !important;
-        margin-top: -6px !important;
-        box-shadow: 0 2px 6px rgba(0,0,0,0.3);
-    }
-    
-    /* No Results Card */
-    .no-results-card {
-        text-align: center; 
-        padding: 60px 20px; 
-        background-color: #242424; 
-        border-radius: 12px; 
-        border: 2px dashed #4a4a4a;
-        margin-top: 20px;
-    }
-    .no-results-icon {
-        font-size: 64px; 
-        margin-bottom: 20px; 
-        color: #6a6a6a;
-    }
-    .no-results-title {
-        color: #f39c12; 
-        margin-bottom: 10px; 
-        font-size: 28px;
-        font-weight: 700;
-    }
-    .no-results-message {
-        color: #a0a0a0; 
-        font-size: 16px;
-    }
-
-    /* Film Kartları Grid Düzeni */
-    .recommendations-grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); /* Daha geniş kartlar */
-        gap: 25px; /* Kartlar arası boşluk */
-        padding: 20px 0;
-    }
-    
-    /* Tek Film Kartı - Orijinal Görsel Stil */
-    .movie-card {
-        display: flex;
-        background-color: #242424; /* Koyu gri kart arka planı */
-        border-radius: 12px;
-        overflow: hidden;
-        box-shadow: 0 6px 20px rgba(0,0,0,0.5); /* Daha belirgin gölge */
-        border: 2px solid transparent; /* Varsayılan şeffaf kenarlık */
-        transition: all 0.3s ease;
-        position: relative; /* Orange border için */
     }
-
-    .movie-card::before {
-        content: '';
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        border: 2px solid transparent;
-        border-radius: 12px;
-        pointer-events: none;
-        transition: border-color 0.3s ease;
-    }
-
-    .movie-card:hover::before {
-        border-color: #f39c12; /* Hover'da turuncu kenarlık */
-    }
-
-    .movie-card-left-panel {
-        flex-shrink: 0;
-        width: 120px; /* Poster genişliği */
-        height: auto; /* İçeriğe göre yükseklik */
-        background-color: #1a1a1a; /* Daha koyu panel */
-        border-right: 1px solid #333; /* Hafif ayırıcı */
-        border-top-left-radius: 10px;
-        border-bottom-left-radius: 10px;
-        overflow: hidden;
-        padding: 5px; /* İç boşluk */
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    /* Poster Yer Tutucu */
-    .poster-placeholder {
-        width: 100%;
-        height: 100%; /* Parent'ı kadar yer kapla */
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        text-align: center;
-        color: #a0a0a0;
-        font-size: 0.8em;
-        line-height: 1.2;
-        padding: 5px;
-        background-color: #1a1a1a; /* Orijinal görseldeki gibi koyu arka plan */
-        border-radius: 8px; /* Hafif yuvarlak köşeler */
-    }
-    .poster-placeholder .clapboard-icon {
-        color: #a0a0a0; /* Gri ikon */
-        width: 50px; /* Daha büyük ikon */
-        height: 50px;
-        margin-bottom: 5px;
-    }
-    .poster-placeholder .poster-title-placeholder {
-        font-weight: 600;
-        color: #d0d0d0; /* Daha açık başlık */
-        font-size: 0.9em;
-        margin-bottom: 3px;
-    }
-    .poster-placeholder .no-poster-text {
-        font-size: 0.7em;
-        color: #707070; /* Daha koyu "Poster Yok" metni */
-    }
-    
-    .movie-card-info-panel {
-        flex-grow: 1;
-        padding: 15px 20px;
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-start; /* Üste hizala */
-    }
-    
-    .movie-title-display {
-        margin-top: 0;
-        margin-bottom: 8px;
-        color: white; /* Beyaz başlık */
-        font-size: 20px; /* Daha büyük başlık */
-        font-weight: 600;
-        line-height: 1.3;
-    }
-    
-    .rating-and-votes {
-        display: flex;
-        align-items: center;
-        margin-bottom: 12px;
-        gap: 15px; /* Puan ve Oy arasında boşluk */
-    }
-    
-    .rating-badge {
-        background-color: #28a745; /* Yeşil */
-        color: white;
-        padding: 5px 10px;
-        border-radius: 6px; /* Yuvarlatılmış köşeler */
-        font-weight: 600;
-        font-size: 15px;
-        display: inline-flex;
-        align-items: center;
-        gap: 5px;
-        box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
-    }
-    .rating-badge span { /* Yıldız ikonu için */
-        font-size: 1em;
-    }
-
-    .votes-info {
-        display: flex;
-        align-items: center;
-        color: #bbb;
-        font-size: 14px;
-        gap: 5px;
-        background-color: #333; /* Arka plan rengi */
-        padding: 5px 10px;
-        border-radius: 6px;
-        border: 1px solid #444;
-    }
-    .votes-info svg {
-        color: #9e9e9e; /* İkon rengi */
-        fill: #9e9e9e;
-        stroke: #9e9e9e;
-    }
-    
-    .movie-details-row {
-        margin-bottom: 6px;
-        display: flex;
-        flex-wrap: wrap; /* Uzun isimlerde alt satıra geçiş */
-    }
-    .detail-label {
-        color: #f39c12; /* Turuncu etiket */
-        font-weight: 500;
-        font-size: 14px;
-        margin-right: 8px;
-        white-space: nowrap; /* Etiket tek satırda kalsın */
-    }
-    .detail-value {
-        color: #d0d0d0;
-        font-size: 14px;
-    }
-    
-    .genre-tags-container {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 8px;
-        margin-top: 15px;
-    }
-    .genre-tag {
-        background-color: #f39c12; /* Turuncu */
-        color: white;
-        padding: 6px 12px;
-        border-radius: 20px; /* Yuvarlak hap şekli */
-        font-size: 13px;
-        font-weight: 500;
-        white-space: nowrap;
-        box-shadow: 0 2px 6px rgba(243, 156, 18, 0.2);
-    }
-
-    /* Scroll bar */
-    ::-webkit-scrollbar {
-        width: 10px;
-        background-color: #1a1a1a;
-    }
-    
-    ::-webkit-scrollbar-thumb {
-        background-color: #f39c12;
-        border-radius: 5px;
-    }
-    
-    ::-webkit-scrollbar-thumb:hover {
-        background-color: #e67e22;
-    }
-    
-    /* Örnekler bölümü */
-    .gr-examples {
-        background-color: #1c1c1c !important;
-        border: 1px solid #2a2a2a !important;
-        border-radius: 12px !important;
-        padding: 15px !important;
-    }
-    
-    .gr-examples .gr-button {
-        background-color: #333333 !important;
-        color: #d0d0d0 !important;
-        border: 1px solid #444444 !important;
-        border-radius: 8px !important;
-        font-weight: 500;
-        padding: 8px 12px;
-    }
-    
-    .gr-examples .gr-button:hover {
-        background-color: #444444 !important;
-        border-color: #f39c12 !important;
-        color: #f39c12 !important;
-    }
-    
-    /* Nasıl Kullanılır bölümü */
-    .how-to-use-section {
-        background-color: #1c1c1c;
-        padding: 30px;
-        border-radius: 16px;
-        border: 1px solid #2a2a2a;
-        margin-top: 30px;
-    }
-    .how-to-use-grid {
-        display: grid; 
-        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
-        gap: 20px; 
-        margin-top: 20px;
-    }
-    .how-to-use-step {
-        background-color: #242424; 
-        padding: 20px; 
-        border-radius: 12px; 
-        border-left: 4px solid #f39c12; /* Turuncu sol kenarlık */
-    }
-    .how-to-use-step h4 {
-        color: #f39c12; 
-        margin-top: 0; 
-        font-size: 18px; 
-        font-weight: 600;
-    }
-    .how-to-use-step p {
-        color: #d0d0d0; 
-        font-size: 14px; 
-        line-height: 1.6; 
-        text-align: left;
-    }
-    .pro-tip-box {
-        margin-top: 30px; 
-        padding: 20px; 
-        background-color: rgba(243, 156, 18, 0.1); 
-        border-radius: 12px; 
-        border: 1px solid rgba(243, 156, 18, 0.3);
-    }
-    .pro-tip-box h4 {
-        color: #f39c12; 
-        margin-top: 0; 
-        display: flex; 
-        align-items: center; 
-        gap: 10px;
-    }
-    .pro-tip-box p {
-        color: #d0d0d0; 
-        font-size: 14px; 
-        line-height: 1.6; 
-        margin: 0; 
-        text-align: left;
-    }
-    .footer-info {
-        text-align: center; 
-        margin-top: 30px; 
-        padding: 20px; 
-        color: #707070; 
-        font-size: 13px;
+    input[type="range"]::-moz-range-thumb {
+        background-color: #f39c12 !important;
     }
-
 """) as demo:
-    
     gr.Markdown(
         """
-        # 🎬 CineMate Film Öneri Sistemi
-        
-        <p>Yapay Zeka Destekli Kişiselleştirilmiş Film Keşfi</p>
+        # 🎬 Film Öneri Sistemi
+        Favori film özelliklerinizi seçin, yüksek IMDb puanına sahip filmleri keşfedin!
+        İstediğiniz bir film veya konu hakkında yazın, benzerlerini de bulalım.
         """
     )
     
     with gr.Row():
-        with gr.Column(scale=3):
-            gr.Markdown("### 🎯 Sizin İçin Seçtiklerimiz")
-            output_html = gr.HTML(
-                label="Film Önerileri", 
-                value="""
-                <div class="no-results-card">
-                    <div class="no-results-icon">🎬</div>
-                    <h2 class="no-results-title">Filmler Yükleniyor...</h2>
-                    <p class="no-results-message">Tercihlerinizi seçin ve keşfetmeye başlayın!</p>
-                </div>
-                """
-            )
+        with gr.Column(scale=2):
+            gr.Markdown("### Önerilen Filmler:")
+            output_html = gr.HTML(label="Önerileriniz burada listelenecektir.", value="<p style='text-align: center; color: #bbb;'>Henüz bir öneri yapılmadı. Özellikleri seçip butona tıklayın!</p>")
     
     with gr.Row():
         with gr.Column(scale=1):
-            gr.Markdown("### 🎨 Film Tercihleriniz")
+            gr.Markdown("### Film Özelliklerini Seçin:")
             
             tags_input = gr.CheckboxGroup(
-                label="🎭 Film Türleri", 
+                label="Film Türleri", 
                 choices=all_tags, 
                 value=['action', 'drama'],
                 interactive=True
             )
             
             directors_input = gr.Dropdown(
-                label="🎬 Favori Yönetmenler", 
+                label="Yönetmenler", 
                 choices=all_directors,
                 multiselect=True,
                 allow_custom_value=False,
@@ -889,7 +320,7 @@ with gr.Blocks(theme=custom_theme, css="""
             )
 
             stars_input = gr.Dropdown(
-                label="⭐ Favori Oyuncular", 
+                label="Oyuncular", 
                 choices=all_stars,
                 multiselect=True,
                 allow_custom_value=False,
@@ -901,7 +332,7 @@ with gr.Blocks(theme=custom_theme, css="""
                 maximum=df_filtered['IMDb Rating'].max(), 
                 step=0.1, 
                 value=7.6, 
-                label="📊 Minimum IMDb Puanı"
+                label="Minimum IMDb Puanı"
             )
 
             num_recommendations_slider = gr.Slider(
@@ -909,20 +340,15 @@ with gr.Blocks(theme=custom_theme, css="""
                 maximum=20, 
                 step=1, 
                 value=10, 
-                label="🎯 Öneri Sayısı"
+                label="Öneri Sayısı"
             )
 
             search_text_input = gr.Textbox(
-                label="🔍 Akıllı Arama (Yapay Zeka Destekli)",
-                placeholder="Örn: Uzayda geçen, aksiyon dolu bir macera...",
-                lines=2
+                label="Film Adı veya Konu Hakkında Ara (NLP Tabanlı Benzerlik)",
+                placeholder="Örneğin: Batman, uzay filmi, zamanda yolculuk..."
             )
             
-            recommend_btn = gr.Button(
-                "🚀 FİLMLERİ KEŞFET", 
-                variant="primary", 
-                size="lg"
-            )
+            recommend_btn = gr.Button("🚀 Film Önerilerini Getir", variant="primary", size="lg")
         
     recommend_btn.click(
         fn=get_movie_recommendations,
@@ -930,7 +356,6 @@ with gr.Blocks(theme=custom_theme, css="""
         outputs=output_html
     )
 
-    gr.Markdown("### 💡 Hızlı Başlangıç Örnekleri")
     gr.Examples(
         examples=[
             [['action'], [], [], 7.6, 5, ""], 
@@ -943,55 +368,20 @@ with gr.Blocks(theme=custom_theme, css="""
         inputs=[tags_input, directors_input, stars_input, min_imdb_rating_slider, num_recommendations_slider, search_text_input],
         outputs=output_html, 
         fn=get_movie_recommendations,
-        label="Popüler Aramalar"
+        label="Örnek Önerileri Deneyin"
     )
     
     gr.Markdown(
         """
         ---
-        
-        <div class='how-to-use-section'>
-        
-        <h3>📖 Nasıl Kullanılır?</h3>
-        
-        <div class='how-to-use-grid'>
-        
-        <div class='how-to-use-step'>
-        <h4>🎭 1. Tür Seçin</h4>
-        <p>İlginizi çeken film türlerini seçin. Birden fazla tür kombinleyebilirsiniz.</p>
-        </div>
-        
-        <div class='how-to-use-step'>
-        <h4>🎬 2. Filtre Uygulayın</h4>
-        <p>Favori yönetmen ve oyuncularınızı, minimum IMDb puanını ayarlayın.</p>
-        </div>
-        
-        <div class='how-to-use-step'>
-        <h4>🔍 3. Akıllı Arama</h4>
-        <p>Yapay zeka destekli arama ile konu, tema veya film adı arayın.</p>
-        </div>
-        
-        <div class='how-to-use-step'>
-        <h4>🚀 4. Keşfedin</h4>
-        <p>Butona tıklayın ve size özel seçilmiş filmleri keşfedin!</p>
-        </div>
-        
-        </div>
-        
-        <div class='pro-tip-box'>
-        <h4><span style='font-size: 24px;'>💡</span> Pro İpucu</h4>
-        <p>
-        Daha spesifik sonuçlar için birden fazla filtreyi kombine edin. Örneğin: "Christopher Nolan yönetmenliğinde, bilim kurgu türünde, 8.0 ve üzeri puanlı filmler" gibi.
-        </p>
-        </div>
-        
-        </div>
-        
-        <div class='footer-info'>
-        <p>🤖 Yapay Zeka ile Güçlendirilmiş | ⚡ Anlık Sonuçlar | 🎯 Kişiselleştirilmiş Öneriler</p>
-        </div>
+        ### ℹ️ Nasıl Kullanılır?
+        1.  **Film Türleri, Yönetmenler ve Oyuncular** bölümlerinden istediğiniz filtreleri seçin (birden fazla seçim yapabilirsiniz).
+        2.  **Minimum IMDb Puanı** ve **Öneri Sayısı** çubuklarını ayarlayın.
+        3.  İsterseniz **"Film Adı veya Konu Hakkında Ara"** kutucuğuna bir film adı, konu veya anahtar kelime yazın.
+        4.  **"🚀 Film Önerilerini Getir"** butonuna tıklayın.
+        5.  Öneriler üst panelde görünecektir!
         """
     )
 
 demo.launch(share=True)
-print("\nADIM 5: Gradio Web Arayüzü Başlatıldı.")
+print("Gradio Web Arayüzü Başlatıldı.")