yaa

.gitignore

@@ -0,0 +1,158 @@
+# Byte-compiled / optimized / DLL files
+__pycache__/
+*.py[cod]
+*$py.class
+
+# C extensions
+*.so
+
+# Distribution / packaging
+.Python
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+wheels/
+pip-wheel-metadata/
+share/python-wheels/
+*.egg-info/
+.installed.cfg
+*.egg
+MANIFEST
+
+# PyInstaller
+*.manifest
+*.spec
+
+# Installer logs
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Unit test / coverage reports
+htmlcov/
+.tox/
+.nox/
+.coverage
+.coverage.*
+.cache
+nosetests.xml
+coverage.xml
+*.cover
+*.py,cover
+.hypothesis/
+.pytest_cache/
+
+# Translations
+*.mo
+*.pot
+
+# Django stuff:
+*.log
+local_settings.py
+db.sqlite3
+db.sqlite3-journal
+
+# Flask stuff:
+instance/
+.webassets-cache
+
+# Scrapy stuff:
+.scrapy
+
+# Sphinx documentation
+docs/_build/
+
+# PyBuilder
+target/
+
+# Jupyter Notebook
+.ipynb_checkpoints
+
+# IPython
+profile_default/
+ipython_config.py
+
+# pyenv
+.python-version
+
+# pipenv
+Pipfile.lock
+
+# PEP 582
+__pypackages__/
+
+# Celery stuff
+celerybeat-schedule
+celerybeat.pid
+
+# SageMath parsed files
+*.sage.py
+
+# Environments
+.env
+.venv
+env/
+venv/
+ENV/
+env.bak/
+venv.bak/
+
+# Spyder project settings
+.spyderproject
+.spyproject
+
+# Rope project settings
+.ropeproject
+
+# mkdocs documentation
+/site
+
+# mypy
+.mypy_cache/
+.dmypy.json
+dmypy.json
+
+# Pyre type checker
+.pyre/
+
+# Claude Code specific
+.claude/
+claude.md
+CLAUDE.md
+*.claude.md
+
+# OS specific
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db
+
+# IDE specific
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+
+# Temporary files
+*.tmp
+*.temp
+temp/
+tmp/
+
+# Log files
+*.log
+
+# Local configuration files
+config.local.py
+settings.local.py

app.py

@@ -1,161 +1,145 @@
-import streamlit as st
+from flask import Flask, render_template, request, jsonify, send_file, redirect, url_for
 import validators
+import os
+import tempfile
+import uuid
 from modules.technical_seo import TechnicalSEOModule
 from modules.content_audit import ContentAuditModule
 from report_generator import ReportGenerator
+from simple_pdf_generator import SimplePDFGenerator
 
-# Try to import PDF generator, fallback if not available
-try:
-    from simple_pdf_generator import SimplePDFGenerator, create_browser_pdf_instructions
-    pdf_gen = SimplePDFGenerator()
-    PDF_AVAILABLE = pdf_gen.available
-    if not PDF_AVAILABLE:
-        browser_instructions = create_browser_pdf_instructions()
-except ImportError as e:
-    print(f"PDF generation unavailable: {e}")
-    PDF_AVAILABLE = False
-    browser_instructions = "PDF generation not available"
+app = Flask(__name__)
+app.secret_key = 'seo_report_generator_2024'
 
-def main():
-    st.set_page_config(
-        page_title="SEO Report Generator",
-        page_icon="🔍",
-        layout="wide"
-    )
-    
-    st.title("🔍 One-Click SEO Report Generator")
-    st.markdown("Generate comprehensive SEO reports for any website")
-    
-    # Input section
-    col1, col2 = st.columns([2, 1])
-    
-    with col1:
-        url = st.text_input(
-            "Website URL",
-            placeholder="https://example.com",
-            help="Enter the website URL you want to analyze"
-        )
+# Initialize modules
+technical_module = TechnicalSEOModule()
+content_module = ContentAuditModule()
+report_gen = ReportGenerator()
+pdf_gen = SimplePDFGenerator()
+
+# Store for generated reports (in production, use database)
+reports_store = {}
+
+@app.route('/')
+def index():
+    return render_template('index.html')
+
+@app.route('/generate', methods=['POST'])
+def generate_report():
+    try:
+        data = request.json
+        url = data.get('url', '').strip()
+        competitors = data.get('competitors', [])
         
-        competitors = st.text_area(
-            "Competitor URLs (Optional)",
-            placeholder="https://competitor1.com\nhttps://competitor2.com",
-            help="Enter competitor URLs, one per line"
-        )
-    
-    with col2:
-        st.markdown("### Report Options")
-        include_charts = st.checkbox("Include Charts", value=True)
-        include_competitors = st.checkbox("Include Competitor Analysis", value=True)
-    
-    # Generate report button
-    if st.button("Generate SEO Report", type="primary"):
         if not url:
-            st.error("Please enter a website URL")
-            return
+            return jsonify({'error': 'Website URL is required'}), 400
             
         if not validators.url(url):
-            st.error("Please enter a valid URL")
-            return
-            
-        # Process competitor URLs
-        competitor_list = []
-        if competitors and include_competitors:
-            competitor_list = [c.strip() for c in competitors.split('\n') if c.strip() and validators.url(c.strip())]
+            return jsonify({'error': 'Please enter a valid URL'}), 400
         
-        # Generate report
-        with st.spinner("Generating SEO report... This may take a few minutes."):
-            generate_report(url, competitor_list, include_charts)
-
-def generate_report(url, competitors, include_charts):
-    try:
-        # Initialize report generator
-        report_gen = ReportGenerator()
+        # Generate unique report ID
+        report_id = str(uuid.uuid4())
         
-        # Progress tracking
-        progress_bar = st.progress(0)
-        status_text = st.empty()
+        # Validate competitor URLs
+        competitor_list = []
+        for comp in competitors:
+            comp = comp.strip()
+            if comp and validators.url(comp):
+                competitor_list.append(comp)
         
         # Technical SEO Analysis
-        status_text.text("Analyzing technical SEO...")
-        progress_bar.progress(20)
-        technical_module = TechnicalSEOModule()
         technical_data = technical_module.analyze(url)
         
         # Content Audit
-        status_text.text("Performing content audit...")
-        progress_bar.progress(50)
-        content_module = ContentAuditModule()
         content_data = content_module.analyze(url)
         
         # Competitor Analysis
         competitor_data = []
-        if competitors:
-            status_text.text("Analyzing competitors...")
-            progress_bar.progress(70)
-            for comp_url in competitors:
-                comp_technical = technical_module.analyze(comp_url)
-                comp_content = content_module.analyze(comp_url, quick_scan=True)
-                competitor_data.append({
-                    'url': comp_url,
-                    'technical': comp_technical,
-                    'content': comp_content
-                })
-        
-        # Generate report
-        status_text.text("Generating report...")
-        progress_bar.progress(90)
+        for comp_url in competitor_list:
+            comp_technical = technical_module.analyze(comp_url)
+            comp_content = content_module.analyze(comp_url, quick_scan=True)
+            competitor_data.append({
+                'url': comp_url,
+                'technical': comp_technical,
+                'content': comp_content
+            })
         
+        # Generate HTML report
         report_html = report_gen.generate_html_report(
             url=url,
             technical_data=technical_data,
             content_data=content_data,
             competitor_data=competitor_data,
-            include_charts=include_charts
+            include_charts=True
         )
         
-        progress_bar.progress(100)
-        status_text.text("Report generated successfully!")
+        # Store report
+        reports_store[report_id] = {
+            'url': url,
+            'html': report_html,
+            'technical_data': technical_data,
+            'content_data': content_data,
+            'competitor_data': competitor_data
+        }
+        
+        return jsonify({
+            'success': True,
+            'report_id': report_id,
+            'redirect_url': f'/report/{report_id}'
+        })
+        
+    except Exception as e:
+        return jsonify({'error': f'Error generating report: {str(e)}'}), 500
+
+@app.route('/report/<report_id>')
+def view_report(report_id):
+    if report_id not in reports_store:
+        return redirect(url_for('index'))
+    
+    report_data = reports_store[report_id]
+    return render_template('report.html', 
+                         report_html=report_data['html'],
+                         report_id=report_id,
+                         url=report_data['url'])
+
+@app.route('/download/<report_id>')
+def download_html(report_id):
+    if report_id not in reports_store:
+        return jsonify({'error': 'Report not found'}), 404
+    
+    report_data = reports_store[report_id]
+    
+    # Create temporary file
+    with tempfile.NamedTemporaryFile(mode='w', suffix='.html', delete=False) as f:
+        f.write(report_data['html'])
+        temp_path = f.name
+    
+    filename = f"seo_report_{report_data['url'].replace('https://', '').replace('http://', '').replace('/', '_')}.html"
+    
+    return send_file(temp_path, as_attachment=True, download_name=filename, mimetype='text/html')
+
+@app.route('/download-pdf/<report_id>')
+def download_pdf(report_id):
+    if report_id not in reports_store:
+        return jsonify({'error': 'Report not found'}), 404
+    
+    try:
+        report_data = reports_store[report_id]
+        
+        # Generate PDF
+        pdf_data = pdf_gen.generate_pdf(report_data['html'])
         
-        # Display report
-        st.success("SEO Report Generated Successfully!")
+        # Create temporary file
+        with tempfile.NamedTemporaryFile(suffix='.pdf', delete=False) as f:
+            f.write(pdf_data)
+            temp_path = f.name
         
-        # Report preview
-        st.markdown("### Report Preview")
-        st.components.v1.html(report_html, height=800, scrolling=True)
+        filename = f"seo_report_{report_data['url'].replace('https://', '').replace('http://', '').replace('/', '_')}.pdf"
         
-        # Download buttons
-        col1, col2 = st.columns(2)
-        with col1:
-            st.download_button(
-                label="📄 Download HTML Report",
-                data=report_html,
-                file_name=f"seo_report_{url.replace('https://', '').replace('http://', '').replace('/', '_')}.html",
-                mime="text/html"
-            )
+        return send_file(temp_path, as_attachment=True, download_name=filename, mimetype='application/pdf')
         
-        with col2:
-            # Generate PDF if available
-            if PDF_AVAILABLE:
-                try:
-                    pdf_data = pdf_gen.generate_pdf(report_html)
-                    
-                    st.download_button(
-                        label="📑 Download PDF Report",
-                        data=pdf_data,
-                        file_name=f"seo_report_{url.replace('https://', '').replace('http://', '').replace('/', '_')}.pdf",
-                        mime="application/pdf"
-                    )
-                except Exception as e:
-                    st.error(f"PDF generation failed: {str(e)}")
-                    st.info("HTML report is available for download")
-            else:
-                st.info("💡 Create PDF from HTML Report")
-                with st.expander("📖 Instructions"):
-                    st.markdown(browser_instructions)
-            
     except Exception as e:
-        st.error(f"Error generating report: {str(e)}")
-        st.exception(e)
+        return jsonify({'error': f'PDF generation failed: {str(e)}'}), 500
 
-if __name__ == "__main__":
-    main()
+if __name__ == '__main__':
+    app.run(debug=True, host='0.0.0.0', port=7860)

requirements.txt

@@ -1,4 +1,4 @@
-streamlit
+flask
 requests
 beautifulsoup4
 pandas
@@ -6,4 +6,5 @@ plotly
 jinja2
 validators
 urllib3
-lxml
+lxml
+uuid

templates/index.html

@@ -0,0 +1,350 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>SEO Report Generator</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            background: #0a0a0a;
+            color: #ffffff;
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            min-height: 100vh;
+            background-image: radial-gradient(circle at 20% 20%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
+                              radial-gradient(circle at 80% 80%, rgba(255, 119, 198, 0.3) 0%, transparent 50%);
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 40px 20px;
+        }
+
+        .header {
+            text-align: center;
+            margin-bottom: 60px;
+        }
+
+        .logo {
+            font-size: 48px;
+            font-weight: 700;
+            margin-bottom: 10px;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+
+        .subtitle {
+            font-size: 18px;
+            color: #888;
+            margin-bottom: 40px;
+        }
+
+        .main-card {
+            background: rgba(255, 255, 255, 0.02);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 16px;
+            padding: 40px;
+            backdrop-filter: blur(10px);
+            margin-bottom: 40px;
+        }
+
+        .form-group {
+            margin-bottom: 24px;
+        }
+
+        .form-label {
+            display: block;
+            margin-bottom: 8px;
+            font-weight: 600;
+            color: #fff;
+        }
+
+        .form-input {
+            width: 100%;
+            padding: 16px;
+            background: rgba(255, 255, 255, 0.05);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 8px;
+            color: #fff;
+            font-size: 16px;
+            transition: all 0.3s ease;
+        }
+
+        .form-input:focus {
+            outline: none;
+            border-color: #667eea;
+            background: rgba(255, 255, 255, 0.08);
+        }
+
+        .form-input::placeholder {
+            color: #666;
+        }
+
+        .textarea {
+            min-height: 120px;
+            resize: vertical;
+            font-family: inherit;
+        }
+
+        .generate-btn {
+            width: 100%;
+            padding: 18px;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            border: none;
+            border-radius: 8px;
+            color: white;
+            font-size: 18px;
+            font-weight: 600;
+            cursor: pointer;
+            transition: transform 0.2s ease;
+            margin-top: 20px;
+        }
+
+        .generate-btn:hover {
+            transform: translateY(-2px);
+        }
+
+        .generate-btn:disabled {
+            opacity: 0.6;
+            cursor: not-allowed;
+            transform: none;
+        }
+
+        .options-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 24px;
+            margin-bottom: 40px;
+        }
+
+        .option-card {
+            background: rgba(255, 255, 255, 0.02);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 12px;
+            padding: 24px;
+            text-align: center;
+            transition: all 0.3s ease;
+            cursor: pointer;
+        }
+
+        .option-card:hover {
+            background: rgba(255, 255, 255, 0.05);
+            transform: translateY(-4px);
+        }
+
+        .option-icon {
+            font-size: 32px;
+            margin-bottom: 12px;
+            display: block;
+        }
+
+        .option-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: 8px;
+        }
+
+        .option-desc {
+            color: #888;
+            font-size: 14px;
+        }
+
+        .loading-overlay {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0, 0, 0, 0.8);
+            z-index: 1000;
+            justify-content: center;
+            align-items: center;
+            flex-direction: column;
+        }
+
+        .loading-spinner {
+            width: 60px;
+            height: 60px;
+            border: 3px solid rgba(255, 255, 255, 0.3);
+            border-top: 3px solid #667eea;
+            border-radius: 50%;
+            animation: spin 1s linear infinite;
+            margin-bottom: 20px;
+        }
+
+        .loading-text {
+            color: #fff;
+            font-size: 18px;
+            margin-bottom: 10px;
+        }
+
+        .loading-subtext {
+            color: #888;
+            font-size: 14px;
+        }
+
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+
+        .error-message {
+            background: rgba(220, 38, 38, 0.1);
+            border: 1px solid rgba(220, 38, 38, 0.3);
+            border-radius: 8px;
+            padding: 16px;
+            color: #fca5a5;
+            margin-top: 16px;
+            display: none;
+        }
+
+        @media (max-width: 768px) {
+            .container {
+                padding: 20px 16px;
+            }
+            
+            .main-card {
+                padding: 24px;
+            }
+            
+            .logo {
+                font-size: 36px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <h1 class="logo">🔍 SEO Report Generator</h1>
+            <p class="subtitle">Professional SEO Analysis & Reporting</p>
+        </div>
+
+        <div class="options-grid">
+            <div class="option-card">
+                <span class="option-icon">⚡</span>
+                <div class="option-title">Technical SEO</div>
+                <div class="option-desc">PageSpeed insights, Core Web Vitals</div>
+            </div>
+            <div class="option-card">
+                <span class="option-icon">📊</span>
+                <div class="option-title">Content Audit</div>
+                <div class="option-desc">Metadata analysis, content quality</div>
+            </div>
+            <div class="option-card">
+                <span class="option-icon">🏆</span>
+                <div class="option-title">Competitor Analysis</div>
+                <div class="option-desc">Performance benchmarking</div>
+            </div>
+            <div class="option-card">
+                <span class="option-icon">📑</span>
+                <div class="option-title">Professional Reports</div>
+                <div class="option-desc">HTML & PDF export</div>
+            </div>
+        </div>
+
+        <div class="main-card">
+            <form id="seoForm">
+                <div class="form-group">
+                    <label class="form-label" for="url">Website URL</label>
+                    <input type="url" id="url" name="url" class="form-input" 
+                           placeholder="https://example.com" required>
+                </div>
+
+                <div class="form-group">
+                    <label class="form-label" for="competitors">Competitor URLs (Optional)</label>
+                    <textarea id="competitors" name="competitors" class="form-input textarea" 
+                              placeholder="https://competitor1.com&#10;https://competitor2.com&#10;One URL per line"></textarea>
+                </div>
+
+                <button type="submit" class="generate-btn" id="generateBtn">
+                    Generate SEO Report
+                </button>
+
+                <div class="error-message" id="errorMessage"></div>
+            </form>
+        </div>
+    </div>
+
+    <div class="loading-overlay" id="loadingOverlay">
+        <div class="loading-spinner"></div>
+        <div class="loading-text" id="loadingText">Generating SEO report...</div>
+        <div class="loading-subtext" id="loadingSubtext">This may take a few minutes</div>
+    </div>
+
+    <script>
+        document.getElementById('seoForm').addEventListener('submit', async function(e) {
+            e.preventDefault();
+            
+            const url = document.getElementById('url').value.trim();
+            const competitors = document.getElementById('competitors').value
+                .split('\n')
+                .map(c => c.trim())
+                .filter(c => c);
+            
+            const loadingOverlay = document.getElementById('loadingOverlay');
+            const errorMessage = document.getElementById('errorMessage');
+            const loadingText = document.getElementById('loadingText');
+            const loadingSubtext = document.getElementById('loadingSubtext');
+            
+            errorMessage.style.display = 'none';
+            loadingOverlay.style.display = 'flex';
+            
+            const loadingMessages = [
+                { text: 'Analyzing technical SEO...', subtext: 'Checking PageSpeed insights' },
+                { text: 'Performing content audit...', subtext: 'Crawling website content' },
+                { text: 'Analyzing competitors...', subtext: 'Comparing performance metrics' },
+                { text: 'Generating professional report...', subtext: 'Creating charts and visualizations' }
+            ];
+            
+            let messageIndex = 0;
+            const messageInterval = setInterval(() => {
+                if (messageIndex < loadingMessages.length) {
+                    loadingText.textContent = loadingMessages[messageIndex].text;
+                    loadingSubtext.textContent = loadingMessages[messageIndex].subtext;
+                    messageIndex++;
+                }
+            }, 3000);
+            
+            try {
+                const response = await fetch('/generate', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        url: url,
+                        competitors: competitors
+                    })
+                });
+                
+                const data = await response.json();
+                
+                clearInterval(messageInterval);
+                loadingOverlay.style.display = 'none';
+                
+                if (data.success) {
+                    window.location.href = data.redirect_url;
+                } else {
+                    errorMessage.textContent = data.error;
+                    errorMessage.style.display = 'block';
+                }
+            } catch (error) {
+                clearInterval(messageInterval);
+                loadingOverlay.style.display = 'none';
+                errorMessage.textContent = 'Network error. Please try again.';
+                errorMessage.style.display = 'block';
+            }
+        });
+    </script>
+</body>
+</html>

templates/report.html

@@ -0,0 +1,212 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>SEO Report - {{ url }}</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            background: #0a0a0a;
+            color: #ffffff;
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            min-height: 100vh;
+        }
+
+        .header {
+            background: rgba(255, 255, 255, 0.02);
+            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+            padding: 20px 0;
+            position: sticky;
+            top: 0;
+            backdrop-filter: blur(10px);
+            z-index: 100;
+        }
+
+        .header-content {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 20px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .header-title {
+            font-size: 24px;
+            font-weight: 700;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+
+        .header-url {
+            color: #888;
+            font-size: 16px;
+        }
+
+        .download-buttons {
+            display: flex;
+            gap: 12px;
+        }
+
+        .download-btn {
+            padding: 12px 24px;
+            border: 1px solid rgba(255, 255, 255, 0.2);
+            border-radius: 8px;
+            background: rgba(255, 255, 255, 0.05);
+            color: #fff;
+            text-decoration: none;
+            font-weight: 500;
+            transition: all 0.3s ease;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+
+        .download-btn:hover {
+            background: rgba(255, 255, 255, 0.1);
+            transform: translateY(-2px);
+        }
+
+        .download-btn.primary {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            border: none;
+        }
+
+        .back-btn {
+            padding: 12px 24px;
+            border: 1px solid rgba(255, 255, 255, 0.2);
+            border-radius: 8px;
+            background: transparent;
+            color: #fff;
+            text-decoration: none;
+            font-weight: 500;
+            transition: all 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: rgba(255, 255, 255, 0.1);
+        }
+
+        .report-container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+
+        .report-content {
+            background: #fff;
+            border-radius: 12px;
+            overflow: hidden;
+            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
+        }
+
+        /* Override any purple/blue styling in the report */
+        .report-content :global(.card) {
+            border: 1px solid #e5e7eb !important;
+            background: #fff !important;
+        }
+
+        .report-content :global(.bg-primary) {
+            background-color: #374151 !important;
+        }
+
+        .report-content :global(.text-primary) {
+            color: #374151 !important;
+        }
+
+        .report-content :global(.border-primary) {
+            border-color: #d1d5db !important;
+        }
+
+        /* Clean professional styling for report content */
+        .report-content h1, .report-content h2, .report-content h3 {
+            color: #111827;
+            font-weight: 600;
+        }
+
+        .report-content .card {
+            background: #f9fafb;
+            border: 1px solid #e5e7eb;
+            border-radius: 8px;
+            margin-bottom: 20px;
+        }
+
+        @media (max-width: 768px) {
+            .header-content {
+                flex-direction: column;
+                gap: 16px;
+                text-align: center;
+            }
+
+            .download-buttons {
+                flex-wrap: wrap;
+                justify-content: center;
+            }
+
+            .report-container {
+                padding: 16px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <div class="header-content">
+            <div>
+                <div class="header-title">🔍 SEO Report</div>
+                <div class="header-url">{{ url }}</div>
+            </div>
+            <div class="download-buttons">
+                <a href="/" class="back-btn">← Back to Generator</a>
+                <a href="/download/{{ report_id }}" class="download-btn">
+                    📄 Download HTML
+                </a>
+                <a href="/download-pdf/{{ report_id }}" class="download-btn primary">
+                    📑 Download PDF
+                </a>
+            </div>
+        </div>
+    </div>
+
+    <div class="report-container">
+        <div class="report-content">
+            {{ report_html|safe }}
+        </div>
+    </div>
+
+    <script>
+        // Clean up any unwanted styling from the injected HTML
+        document.addEventListener('DOMContentLoaded', function() {
+            // Remove any purple/blue backgrounds or borders that might be in the report
+            const elements = document.querySelectorAll('[style*="purple"], [style*="blue"], [style*="#667eea"], [style*="#764ba2"]');
+            elements.forEach(el => {
+                if (el.style.backgroundColor) {
+                    el.style.backgroundColor = '#f9fafb';
+                }
+                if (el.style.borderColor) {
+                    el.style.borderColor = '#e5e7eb';
+                }
+                if (el.style.color && (el.style.color.includes('purple') || el.style.color.includes('blue'))) {
+                    el.style.color = '#374151';
+                }
+            });
+
+            // Ensure all cards have clean styling
+            const cards = document.querySelectorAll('.card, [class*="card"]');
+            cards.forEach(card => {
+                card.style.backgroundColor = '#f9fafb';
+                card.style.border = '1px solid #e5e7eb';
+                card.style.borderRadius = '8px';
+            });
+        });
+    </script>
+</body>
+</html>