Upload 1042 files

.dockerignore

@@ -4,6 +4,9 @@ __pycache__/
 *$py.class
 *.so
 .Python
+env/
+venv/
+ENV/
 build/
 develop-eggs/
 dist/
@@ -19,15 +22,11 @@ wheels/
 *.egg-info/
 .installed.cfg
 *.egg
-MANIFEST
-pip-log.txt
-pip-delete-this-directory.txt
 
 # Virtual environments
+.venv
 venv/
 ENV/
-env/
-.venv
 
 # IDE
 .vscode/
@@ -35,87 +34,54 @@ env/
 *.swp
 *.swo
 *~
+
+# OS
 .DS_Store
+Thumbs.db
+desktop.ini
 
 # Git
 .git/
 .gitignore
 .gitattributes
 
-# Documentation
-*.md
-docs/
-README*.md
-CHANGELOG.md
-LICENSE
-
 # Testing
 .pytest_cache/
 .coverage
 htmlcov/
 .tox/
-.hypothesis/
-tests/
-test_*.py
 
-# Logs and databases (will be created in container)
+# Documentation (optional - remove if you want docs in image)
+*.md
+docs/
+
+# Logs
 *.log
 logs/
-data/*.db
-data/*.sqlite
-data/*.db-journal
-
-# Environment files (should be set via docker-compose or HF Secrets)
-.env
-.env.*
-!.env.example
-
-# Docker
-docker-compose*.yml
-!docker-compose.yml
-Dockerfile
-.dockerignore
-
-# CI/CD
-.github/
-.gitlab-ci.yml
-.travis.yml
-azure-pipelines.yml
 
 # Temporary files
 *.tmp
 *.bak
-*.swp
-temp/
-tmp/
+*.cache
 
 # Node modules (if any)
 node_modules/
-package-lock.json
-yarn.lock
-
-# OS files
-Thumbs.db
-.DS_Store
-desktop.ini
+npm-debug.log
 
-# Jupyter notebooks
-.ipynb_checkpoints/
-*.ipynb
+# Environment files (security)
+.env
+.env.local
+.env.*.local
 
-# Model cache (models will be downloaded in container)
-models/
-.cache/
-.huggingface/
+# Docker
+Dockerfile
+.dockerignore
+docker-compose.yml
 
-# Large files that shouldn't be in image
-*.tar
-*.tar.gz
-*.zip
-*.rar
-*.7z
+# CI/CD
+.github/
+.gitlab-ci.yml
 
-# Screenshots and assets not needed
-screenshots/
-assets/*.png
-assets/*.jpg
+# Other
+*.sqlite
+*.db

.gitignore

@@ -1,15 +1,12 @@
-# API Keys
-.env
-.env.production
-.env.local
-*.key
-
 # Python
 __pycache__/
 *.py[cod]
 *$py.class
 *.so
 .Python
+env/
+venv/
+ENV/
 build/
 develop-eggs/
 dist/
@@ -22,11 +19,15 @@ parts/
 sdist/
 var/
 wheels/
+pip-wheel-metadata/
+share/python-wheels/
 *.egg-info/
 .installed.cfg
 *.egg
+MANIFEST
 
 # Virtual Environment
+.venv
 venv/
 ENV/
 env/
@@ -37,20 +38,100 @@ env/
 *.swp
 *.swo
 *~
+.project
+.pydevproject
+.settings/
 
 # OS
 .DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
 Thumbs.db
+desktop.ini
+
+# Testing
+.pytest_cache/
+.coverage
+.coverage.*
+htmlcov/
+.tox/
+.nox/
+coverage.xml
+*.cover
+.hypothesis/
 
 # Logs
 *.log
 logs/
+pip-log.txt
+pip-delete-this-directory.txt
 
 # Database
-*.db
 *.sqlite
 *.sqlite3
+*.db
+
+# Environment
+.env
+.env.local
+.env.*.local
+.envrc
+
+# Temporary files
+*.tmp
+*.bak
+*.swp
+*.cache
+*~
+
+# Node (if using frontend build tools)
+node_modules/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.npm
+
+# Distribution
+dist/
+build/
+
+# Jupyter Notebook
+.ipynb_checkpoints
+*.ipynb
+
+# pyenv
+.python-version
+
+# Celery
+celerybeat-schedule
+celerybeat.pid
+
+# SageMath
+*.sage.py
+
+# Spyder
+.spyderproject
+.spyproject
+
+# Rope
+.ropeproject
+
+# mkdocs
+/site
+
+# mypy
+.mypy_cache/
+.dmypy.json
+dmypy.json
+
+# Pyre
+.pyre/
+
+# pytype
+.pytype/
 
-# Data
-data/database/
-data/exports/
+# Cython
+cython_debug/

Dockerfile

@@ -1,37 +1,38 @@
+# Dockerfile for Hugging Face Space
+# Optimized for crypto intelligence hub with FastAPI + Flask
+
 FROM python:3.11-slim
 
+# Set working directory
 WORKDIR /app
 
-# Install system dependencies
-RUN apt-get update && apt-get install -y \
-    build-essential \
-    curl \
+# Install system dependencies (minimal for smaller image)
+RUN apt-get update && apt-get install -y --no-install-recommends \
+    gcc \
+    g++ \
     && rm -rf /var/lib/apt/lists/*
 
-# Copy requirements first for better caching
-COPY requirements_hf.txt ./requirements.txt
+# Copy requirements first (for better caching)
+COPY requirements.txt .
 
 # Install Python dependencies
-RUN pip install --upgrade pip setuptools wheel && \
+RUN pip install --no-cache-dir --upgrade pip && \
     pip install --no-cache-dir -r requirements.txt
 
 # Copy application files
 COPY . .
 
-# Create necessary directories
-RUN mkdir -p data/database logs api-resources
-
 # Set environment variables
-ENV PYTHONUNBUFFERED=1
 ENV PORT=7860
-ENV GRADIO_SERVER_NAME=0.0.0.0
-ENV GRADIO_SERVER_PORT=7860
-ENV DOCKER_CONTAINER=true
-# Default to FastAPI+HTML in Docker (for index.html frontend)
-ENV USE_FASTAPI_HTML=true
-ENV USE_GRADIO=false
+ENV PYTHONUNBUFFERED=1
+ENV HF_MODE=public
 
+# Expose port
 EXPOSE 7860
 
-# Run the FastAPI application with uvicorn
-CMD ["uvicorn", "hf_space_api:app", "--host", "0.0.0.0", "--port", "7860", "--workers", "1"]
+# Health check
+HEALTHCHECK --interval=30s --timeout=10s --start-period=40s --retries=3 \
+    CMD python -c "import requests; requests.get('http://localhost:7860/api/health')"
+
+# Run the application with uvicorn
+CMD ["python", "-m", "uvicorn", "main:app", "--host", "0.0.0.0", "--port", "7860"]

example_upload_usage.py

@@ -0,0 +1,252 @@
+#!/usr/bin/env python3
+"""
+مثال استفاده از HuggingFace Upload Manager
+Example usage of HuggingFace Upload Manager with retry and rate limiting
+"""
+
+import asyncio
+from hf_upload_manager import get_upload_manager, UploadConfig
+from ai_models import (
+    upload_dataset_to_hf,
+    upload_folder_to_hf,
+    batch_upload_datasets_to_hf,
+    get_upload_stats
+)
+
+
+def example_single_file_upload():
+    """مثال آپلود یک فایل"""
+    print("=" * 60)
+    print("مثال 1: آپلود یک فایل به HuggingFace")
+    print("Example 1: Upload single file to HuggingFace")
+    print("=" * 60)
+    
+    # داده‌های نمونه
+    sample_data = {
+        "crypto_data": [
+            {"symbol": "BTC", "price": 45000, "volume": 1000000},
+            {"symbol": "ETH", "price": 3000, "volume": 500000}
+        ],
+        "timestamp": "2025-12-06T12:00:00Z"
+    }
+    
+    result = upload_dataset_to_hf(
+        data=sample_data,
+        repo_id="your-username/your-dataset",  # تغییر دهید
+        file_name="crypto_prices.json",
+        repo_type="dataset",
+        commit_message="Update crypto prices"
+    )
+    
+    print(f"نتیجه آپلود: {result}")
+    print(f"Upload result: {result}")
+    print()
+
+
+def example_folder_upload():
+    """مثال آپلود یک فولدر"""
+    print("=" * 60)
+    print("مثال 2: آپلود یک فولدر به HuggingFace")
+    print("Example 2: Upload folder to HuggingFace")
+    print("=" * 60)
+    
+    result = upload_folder_to_hf(
+        folder_path="./data",  # مسیر فولدر خود را وارد کنید
+        repo_id="your-username/your-dataset",
+        repo_type="dataset",
+        path_in_repo="data",
+        commit_message="Upload data folder"
+    )
+    
+    print(f"نتیجه آپلود فولدر: {result}")
+    print(f"Folder upload result: {result}")
+    print()
+
+
+def example_batch_upload():
+    """مثال آپلود دسته‌ای (Batch Upload)"""
+    print("=" * 60)
+    print("مثال 3: آپلود دسته‌ای فایل‌ها")
+    print("Example 3: Batch upload files")
+    print("=" * 60)
+    
+    # لیست داده‌ها برای آپلود
+    datasets = [
+        {
+            "data": {"coin": "BTC", "price": 45000},
+            "file_name": "btc_data.json",
+            "commit_message": "Add BTC data"
+        },
+        {
+            "data": {"coin": "ETH", "price": 3000},
+            "file_name": "eth_data.json",
+            "commit_message": "Add ETH data"
+        },
+        {
+            "data": {"coin": "SOL", "price": 100},
+            "file_name": "sol_data.json",
+            "commit_message": "Add SOL data"
+        }
+    ]
+    
+    result = batch_upload_datasets_to_hf(
+        datasets=datasets,
+        repo_id="your-username/your-dataset",
+        repo_type="dataset"
+    )
+    
+    print(f"نتیجه آپلود دسته‌ای: {result}")
+    print(f"Batch upload result: {result}")
+    print(f"تعداد کل: {result.get('total')}")
+    print(f"Total: {result.get('total')}")
+    print(f"موفق: {result.get('uploaded')}")
+    print(f"Success: {result.get('uploaded')}")
+    print(f"ناموفق: {result.get('failed')}")
+    print(f"Failed: {result.get('failed')}")
+    print()
+
+
+def example_advanced_config():
+    """مثال استفاده پیشرفته با تنظیمات سفارشی"""
+    print("=" * 60)
+    print("مثال 4: استفاده پیشرفته با تنظیمات سفارشی")
+    print("Example 4: Advanced usage with custom config")
+    print("=" * 60)
+    
+    # تنظیمات سفارشی
+    custom_config = UploadConfig(
+        max_retries=5,              # حداکثر تعداد تلاش مجدد
+        base_delay=60,              # تأخیر پایه (ثانیه)
+        max_delay=1800,             # حداکثر تأخیر (30 دقیقه)
+        batch_size=10,              # تعداد فایل در هر دسته
+        rate_limit_delay=120,       # تأخیر بعد از خطای 429
+        exponential_backoff=True    # استفاده از backoff نمایی
+    )
+    
+    # ایجاد manager با تنظیمات سفارشی
+    manager = get_upload_manager(config=custom_config)
+    
+    # آپلود با تنظیمات سفارشی
+    result = manager.upload_file_with_retry(
+        path_or_fileobj="sample_data.json",
+        path_in_repo="data/sample.json",
+        repo_id="your-username/your-dataset",
+        repo_type="dataset",
+        commit_message="Upload with custom config"
+    )
+    
+    print(f"نتیجه با تنظیمات سفارشی: {result}")
+    print(f"Result with custom config: {result}")
+    print()
+
+
+def example_check_stats():
+    """بررسی آمار آپلود"""
+    print("=" * 60)
+    print("مثال 5: بررسی آمار آپلود")
+    print("Example 5: Check upload statistics")
+    print("=" * 60)
+    
+    stats = get_upload_stats()
+    
+    print(f"آمار آپلود:")
+    print(f"Upload statistics:")
+    print(f"  - تعداد کل آپلودها: {stats.get('total_uploads', 0)}")
+    print(f"  - Total uploads: {stats.get('total_uploads', 0)}")
+    print(f"  - آخرین زمان آپلود: {stats.get('last_upload_time', 'N/A')}")
+    print(f"  - Last upload time: {stats.get('last_upload_time', 'N/A')}")
+    print(f"  - محدودیت نرخ فعال: {stats.get('rate_limited', False)}")
+    print(f"  - Rate limited: {stats.get('rate_limited', False)}")
+    
+    if stats.get('rate_limited'):
+        print(f"  - زمان باقیمانده محدودیت: {stats.get('rate_limit_remaining', 0)} ثانیه")
+        print(f"  - Rate limit remaining: {stats.get('rate_limit_remaining', 0)} seconds")
+    
+    print()
+
+
+def example_error_handling():
+    """مثال مدیریت خطاها"""
+    print("=" * 60)
+    print("مثال 6: مدیریت خطاها و retry")
+    print("Example 6: Error handling and retry")
+    print("=" * 60)
+    
+    # این مثال نشان می‌دهد که سیستم خطاها را مدیریت می‌کند
+    result = upload_dataset_to_hf(
+        data={"test": "data"},
+        repo_id="invalid/repo-that-might-fail",  # ممکن است با خطا مواجه شود
+        file_name="test.json"
+    )
+    
+    # بررسی وضعیت
+    if result.get('status') == 'success':
+        print("✅ آپلود موفقیت‌آمیز بود")
+        print("✅ Upload successful")
+        print(f"URL: {result.get('url')}")
+    
+    elif result.get('status') == 'rate_limited':
+        print("⏳ محدودیت نرخ فعال است")
+        print("⏳ Rate limit active")
+        print(f"تلاش مجدد بعد از: {result.get('retry_after')} ثانیه")
+        print(f"Retry after: {result.get('retry_after')} seconds")
+    
+    elif result.get('status') == 'error':
+        print("❌ خطا در آپلود")
+        print("❌ Upload error")
+        print(f"پیام خطا: {result.get('message')}")
+        print(f"Error message: {result.get('message')}")
+        
+        if result.get('error_code') == 429:
+            print("محدودیت تعداد درخواست‌ها - لطفاً بعداً تلاش کنید")
+            print("Rate limit - please try later")
+        elif result.get('error_code') in [401, 403]:
+            print("خطای احراز هویت - لطفاً HF_TOKEN را بررسی کنید")
+            print("Authentication error - please check HF_TOKEN")
+    
+    print()
+
+
+def main():
+    """اجرای همه مثال‌ها"""
+    print("\n" + "=" * 60)
+    print("راهنمای استفاده از HuggingFace Upload Manager")
+    print("HuggingFace Upload Manager Usage Guide")
+    print("=" * 60 + "\n")
+    
+    print("⚠️  توجه: قبل از اجرا باید HF_TOKEN را تنظیم کنید")
+    print("⚠️  Note: You need to set HF_TOKEN before running")
+    print("   export HF_TOKEN=your_token_here  (Linux/Mac)")
+    print("   set HF_TOKEN=your_token_here     (Windows CMD)")
+    print("   $env:HF_TOKEN='your_token_here'  (Windows PowerShell)")
+    print("\n")
+    
+    # اجرای مثال‌ها (فقط برای نمایش - repo_id را تغییر دهید)
+    
+    # 1. آپلود یک فایل
+    # example_single_file_upload()
+    
+    # 2. آپلود یک فولدر
+    # example_folder_upload()
+    
+    # 3. آپلود دسته‌ای
+    # example_batch_upload()
+    
+    # 4. استفاده پیشرفته
+    # example_advanced_config()
+    
+    # 5. بررسی آمار
+    example_check_stats()
+    
+    # 6. مدیریت خطاها
+    # example_error_handling()
+    
+    print("\n" + "=" * 60)
+    print("✅ راهنما کامل شد")
+    print("✅ Guide completed")
+    print("=" * 60)
+
+
+if __name__ == "__main__":
+    main()
+

static/pages/ai-analyst/ai-analyst.css

@@ -206,11 +206,13 @@
 }
 
 .decision-card {
-  background: linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(30, 41, 59, 0.7));
+  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1));
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
   border-radius: var(--radius-lg);
   padding: var(--space-6);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05);
+  border: 1px solid rgba(255, 255, 255, 0.25);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.1);
   position: relative;
   overflow: hidden;
   transition: all 0.3s ease;
@@ -233,8 +235,9 @@
 }
 
 .decision-card.bullish {
-  border-color: rgba(34, 197, 94, 0.3);
-  background: linear-gradient(135deg, rgba(34, 197, 94, 0.1), rgba(15, 23, 42, 0.8));
+  border-color: rgba(34, 197, 94, 0.5);
+  background: linear-gradient(135deg, rgba(34, 197, 94, 0.2), rgba(255, 255, 255, 0.15));
+  box-shadow: 0 8px 32px rgba(34, 197, 94, 0.2), 0 0 0 1px rgba(34, 197, 94, 0.3);
 }
 
 .decision-card.bullish::before {
@@ -242,8 +245,9 @@
 }
 
 .decision-card.bearish {
-  border-color: rgba(239, 68, 68, 0.3);
-  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(15, 23, 42, 0.8));
+  border-color: rgba(239, 68, 68, 0.5);
+  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(255, 255, 255, 0.15));
+  box-shadow: 0 8px 32px rgba(239, 68, 68, 0.2), 0 0 0 1px rgba(239, 68, 68, 0.3);
 }
 
 .decision-card.bearish::before {
@@ -251,8 +255,9 @@
 }
 
 .decision-card.neutral {
-  border-color: rgba(234, 179, 8, 0.3);
-  background: linear-gradient(135deg, rgba(234, 179, 8, 0.1), rgba(15, 23, 42, 0.8));
+  border-color: rgba(234, 179, 8, 0.5);
+  background: linear-gradient(135deg, rgba(234, 179, 8, 0.2), rgba(255, 255, 255, 0.15));
+  box-shadow: 0 8px 32px rgba(234, 179, 8, 0.2), 0 0 0 1px rgba(234, 179, 8, 0.3);
 }
 
 .decision-card.neutral::before {
@@ -289,26 +294,42 @@
 }
 
 .current-price {
-  font-size: var(--font-size-xl);
-  font-weight: var(--font-weight-semibold);
+  font-size: 2rem;
+  font-weight: 700;
   color: var(--text-strong);
+  font-family: 'Space Grotesk', 'Inter', sans-serif;
+  letter-spacing: -0.02em;
+  background: linear-gradient(135deg, #f8fafc, #cbd5e1);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  text-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
 }
 
 .price-change {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-semibold);
-  padding: var(--space-1) var(--space-2);
+  font-size: 0.95rem;
+  font-weight: 700;
+  padding: var(--space-2) var(--space-3);
   border-radius: var(--radius-md);
+  font-family: 'Space Grotesk', 'Inter', sans-serif;
+  letter-spacing: 0.02em;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
 }
 
 .price-change.positive {
   color: #22c55e;
-  background: rgba(34, 197, 94, 0.1);
+  background: rgba(34, 197, 94, 0.2);
+  border: 1px solid rgba(34, 197, 94, 0.3);
+  box-shadow: 0 0 12px rgba(34, 197, 94, 0.2);
 }
 
 .price-change.negative {
   color: #ef4444;
-  background: rgba(239, 68, 68, 0.1);
+  background: rgba(239, 68, 68, 0.2);
+  border: 1px solid rgba(239, 68, 68, 0.3);
+  box-shadow: 0 0 12px rgba(239, 68, 68, 0.2);
 }
 
 .decision-badge {
@@ -516,6 +537,28 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  width: 32px;
+  height: 32px;
+  flex-shrink: 0;
+}
+
+.signal-icon svg {
+  width: 20px;
+  height: 20px;
+  stroke-width: 2.5;
+  filter: drop-shadow(0 0 4px currentColor);
+  animation: iconPulse 2s ease-in-out infinite;
+}
+
+@keyframes iconPulse {
+  0%, 100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.8;
+    transform: scale(1.1);
+  }
 }
 
 .signal-item.bullish .signal-icon,
@@ -631,10 +674,13 @@
 
 /* Key Levels Card */
 .key-levels-card {
-  background: linear-gradient(135deg, rgba(15, 23, 42, 0.6), rgba(30, 41, 59, 0.4));
+  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.08));
+  backdrop-filter: blur(15px);
+  -webkit-backdrop-filter: blur(15px);
   border-radius: var(--radius-lg);
   padding: var(--space-5);
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 }
 
 .section-title {
@@ -658,16 +704,19 @@
   align-items: center;
   gap: var(--space-3);
   padding: var(--space-4);
-  background: rgba(255, 255, 255, 0.03);
+  background: rgba(255, 255, 255, 0.12);
   border-radius: var(--radius-md);
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(255, 255, 255, 0.2);
   transition: all 0.3s ease;
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
 }
 
 .level-card:hover {
-  background: rgba(255, 255, 255, 0.05);
-  transform: translateY(-2px);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+  background: rgba(255, 255, 255, 0.18);
+  transform: translateY(-4px) scale(1.02);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
+  border-color: rgba(255, 255, 255, 0.3);
 }
 
 .level-card.support {
@@ -680,21 +729,55 @@
 
 .level-icon {
   flex-shrink: 0;
-  width: 48px;
-  height: 48px;
+  width: 56px;
+  height: 56px;
   display: flex;
   align-items: center;
   justify-content: center;
-  border-radius: var(--radius-md);
-  background: rgba(255, 255, 255, 0.05);
+  border-radius: var(--radius-lg);
+  background: rgba(255, 255, 255, 0.15);
+  transition: all 0.3s ease;
+  position: relative;
+  overflow: hidden;
+}
+
+.level-icon::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent);
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+
+.level-card:hover .level-icon::before {
+  opacity: 1;
+}
+
+.level-icon svg {
+  position: relative;
+  z-index: 1;
+  filter: drop-shadow(0 0 8px currentColor);
+  animation: iconFloat 3s ease-in-out infinite;
+}
+
+@keyframes iconFloat {
+  0%, 100% {
+    transform: translateY(0px);
+  }
+  50% {
+    transform: translateY(-4px);
+  }
 }
 
 .level-card.support .level-icon {
-  background: rgba(239, 68, 68, 0.1);
+  background: rgba(239, 68, 68, 0.2);
+  border: 2px solid rgba(239, 68, 68, 0.3);
 }
 
 .level-card.resistance .level-icon {
-  background: rgba(34, 197, 94, 0.1);
+  background: rgba(34, 197, 94, 0.2);
+  border: 2px solid rgba(34, 197, 94, 0.3);
 }
 
 .level-info {
@@ -712,10 +795,16 @@
 
 .level-value {
   display: block;
-  font-size: var(--font-size-xl);
-  font-weight: var(--font-weight-bold);
+  font-size: 1.75rem;
+  font-weight: 700;
   color: var(--text-strong);
   margin-bottom: var(--space-1);
+  font-family: 'Space Grotesk', 'Inter', sans-serif;
+  letter-spacing: -0.01em;
+  background: linear-gradient(135deg, #f8fafc, #e2e8f0);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
 }
 
 .level-distance {
@@ -726,7 +815,11 @@
 
 /* Technical Indicators */
 .indicators-section {
-  background: linear-gradient(135deg, rgba(15, 23, 42, 0.6), rgba(30, 41, 59, 0.4));
+  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.08));
+  backdrop-filter: blur(15px);
+  -webkit-backdrop-filter: blur(15px);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 }
 
 .indicators-grid {
@@ -737,15 +830,19 @@
 
 .indicator-card {
   padding: var(--space-4);
-  background: rgba(255, 255, 255, 0.03);
+  background: rgba(255, 255, 255, 0.12);
   border-radius: var(--radius-md);
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(255, 255, 255, 0.2);
   transition: all 0.3s ease;
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
 }
 
 .indicator-card:hover {
-  background: rgba(255, 255, 255, 0.05);
-  transform: translateY(-2px);
+  background: rgba(255, 255, 255, 0.18);
+  transform: translateY(-4px) scale(1.02);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
+  border-color: rgba(255, 255, 255, 0.3);
 }
 
 .indicator-header {
@@ -762,9 +859,11 @@
 }
 
 .indicator-value {
-  font-size: var(--font-size-lg);
-  font-weight: var(--font-weight-bold);
+  font-size: 1.5rem;
+  font-weight: 700;
   color: var(--text-strong);
+  font-family: 'Space Grotesk', 'Inter', sans-serif;
+  letter-spacing: -0.01em;
 }
 
 .indicator-value.overbought {
@@ -804,17 +903,20 @@
 
 .target.support {
   border-left: 4px solid #ef4444;
-  background: rgba(239, 68, 68, 0.05);
+  background: rgba(239, 68, 68, 0.15);
+  border-color: rgba(239, 68, 68, 0.3);
 }
 
 .target.resistance {
   border-left: 4px solid #22c55e;
-  background: rgba(34, 197, 94, 0.05);
+  background: rgba(34, 197, 94, 0.15);
+  border-color: rgba(34, 197, 94, 0.3);
 }
 
 .target.primary {
   border-left: 4px solid var(--color-primary);
-  background: rgba(59, 130, 246, 0.05);
+  background: rgba(59, 130, 246, 0.15);
+  border-color: rgba(59, 130, 246, 0.3);
 }
 
 /* Signals Grid Improvements */
@@ -825,19 +927,23 @@
 }
 
 .signal-item {
-  background: rgba(255, 255, 255, 0.03);
+  background: rgba(255, 255, 255, 0.12);
   padding: var(--space-4);
   border-radius: var(--radius-md);
   display: flex;
   align-items: center;
   gap: var(--space-3);
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(255, 255, 255, 0.2);
   transition: all 0.3s ease;
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
 }
 
 .signal-item:hover {
-  background: rgba(255, 255, 255, 0.05);
-  transform: translateX(4px);
+  background: rgba(255, 255, 255, 0.18);
+  transform: translateX(4px) translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  border-color: rgba(255, 255, 255, 0.3);
 }
 
 .signal-item.bullish {
@@ -868,16 +974,19 @@
   font-size: var(--font-size-sm);
   color: var(--text-muted);
   font-weight: var(--font-weight-medium);
+  min-width: 80px;
 }
 
 .signal-value {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-bold);
+  font-size: var(--font-size-base);
+  font-weight: 700;
   color: var(--text-strong);
   text-transform: capitalize;
   display: flex;
   align-items: center;
   gap: var(--space-1);
+  font-family: 'Space Grotesk', 'Inter', sans-serif;
+  letter-spacing: 0.01em;
 }
 
 .signal-value.bullish {
@@ -900,9 +1009,19 @@
 .target {
   flex: 1;
   text-align: center;
-  padding: var(--space-3);
-  background: var(--surface-base);
+  padding: var(--space-4);
+  background: rgba(255, 255, 255, 0.12);
   border-radius: var(--radius-md);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
+  transition: all 0.3s ease;
+}
+
+.target:hover {
+  background: rgba(255, 255, 255, 0.18);
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }
 
 .target span {
@@ -910,17 +1029,43 @@
   font-size: var(--font-size-xs);
   color: var(--text-muted);
   text-transform: uppercase;
-  margin-bottom: var(--space-1);
+  margin-bottom: var(--space-2);
+  font-weight: 600;
+  letter-spacing: 0.05em;
 }
 
 .target strong {
-  font-size: var(--font-size-lg);
+  font-size: 1.5rem;
+  font-weight: 700;
   color: var(--text-strong);
+  font-family: 'Space Grotesk', 'Inter', sans-serif;
+  letter-spacing: -0.01em;
+  display: block;
+}
+
+.target.support strong { 
+  color: #ef4444;
+  background: linear-gradient(135deg, #ef4444, #dc2626);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
 }
 
-.target.support strong { color: var(--color-danger); }
-.target.resistance strong { color: var(--color-success); }
-.target.primary strong { color: var(--color-primary); }
+.target.resistance strong { 
+  color: #22c55e;
+  background: linear-gradient(135deg, #22c55e, #16a34a);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+.target.primary strong { 
+  color: var(--color-primary);
+  background: linear-gradient(135deg, #3b82f6, #2563eb);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
 
 .disclaimer {
   display: flex;

static/pages/ai-analyst/ai-analyst.js

@@ -562,7 +562,12 @@ class AIAnalystPage {
               <span class="signal-value">${signals.momentum || (rsi ? (rsi > 50 ? 'Bullish' : 'Bearish') : 'Medium')}</span>
             </div>
             <div class="signal-item">
-              <span class="signal-icon">${neutralIcon}</span>
+              <span class="signal-icon">
+                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+                  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon>
+                  <path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path>
+                </svg>
+              </span>
               <span class="signal-label">Volume:</span>
               <span class="signal-value">${signals.volume || 'Normal'}</span>
             </div>

static/pages/ai-analyst/index.html

@@ -118,13 +118,16 @@
               <div class="panel-body">
                 <div class="quick-actions">
                   <button class="btn btn-secondary" onclick="window.analystPage.quickAnalyze('BTC')">
-                    <span class="coin-icon">₿</span> Bitcoin
+                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M12 2v10l8-4"></path></svg>
+                    Bitcoin
                   </button>
                   <button class="btn btn-secondary" onclick="window.analystPage.quickAnalyze('ETH')">
-                    <span class="coin-icon">Ξ</span> Ethereum
+                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 2 7 12 12 22 7 12 2"></polygon><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline></svg>
+                    Ethereum
                   </button>
                   <button class="btn btn-secondary" onclick="window.analystPage.quickAnalyze('SOL')">
-                    <span class="coin-icon">◎</span> Solana
+                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="4"></circle></svg>
+                    Solana
                   </button>
                 </div>
               </div>

static/pages/models/models.css

@@ -66,14 +66,15 @@
   justify-content: space-between;
   align-items: center;
   padding: var(--space-6);
-  background: rgba(17, 24, 39, 0.7);
+  background: rgba(255, 255, 255, 0.15);
   backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(255, 255, 255, 0.25);
   border-radius: var(--radius-xl);
   margin-bottom: var(--space-6);
   position: relative;
   overflow: hidden;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
 }
 
 .page-header.glass-panel::before {
@@ -183,8 +184,9 @@
   font-size: var(--font-size-xs);
   color: var(--text-muted);
   padding: var(--space-2) var(--space-3);
-  background: rgba(255, 255, 255, 0.05);
+  background: rgba(255, 255, 255, 0.15);
   border-radius: var(--radius-sm);
+  border: 1px solid rgba(255, 255, 255, 0.2);
 }
 
 /* =========================================================================
@@ -203,18 +205,20 @@
   align-items: flex-start;
   gap: var(--space-4);
   padding: var(--space-5);
-  background: rgba(17, 24, 39, 0.6);
+  background: rgba(255, 255, 255, 0.12);
   backdrop-filter: blur(15px);
   -webkit-backdrop-filter: blur(15px);
-  border: 1px solid rgba(255, 255, 255, 0.08);
+  border: 1px solid rgba(255, 255, 255, 0.2);
   border-radius: var(--radius-xl);
   transition: all 0.3s ease;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
 }
 
 .stat-card.glass-card:hover {
   transform: translateY(-4px);
-  border-color: rgba(255, 255, 255, 0.15);
-  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
+  border-color: rgba(255, 255, 255, 0.35);
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
+  background: rgba(255, 255, 255, 0.18);
 }
 
 .stat-icon {
@@ -299,12 +303,13 @@
    ========================================================================= */
 
 .tabs-container.glass-panel {
-  background: rgba(17, 24, 39, 0.6);
+  background: rgba(255, 255, 255, 0.12);
   backdrop-filter: blur(15px);
-  border: 1px solid rgba(255, 255, 255, 0.08);
+  border: 1px solid rgba(255, 255, 255, 0.2);
   border-radius: var(--radius-xl);
   padding: var(--space-2);
   margin-bottom: var(--space-6);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
 }
 
 .tabs {
@@ -379,8 +384,8 @@
 .select-modern {
   padding: var(--space-2) var(--space-4);
   padding-right: var(--space-8);
-  background: rgba(17, 24, 39, 0.8);
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.15);
+  border: 1px solid rgba(255, 255, 255, 0.25);
   border-radius: var(--radius-md);
   color: var(--text-secondary);
   font-size: var(--font-size-sm);
@@ -419,13 +424,14 @@
 }
 
 .model-card {
-  background: rgba(17, 24, 39, 0.7);
+  background: rgba(255, 255, 255, 0.15);
   backdrop-filter: blur(15px);
-  border: 1px solid rgba(255, 255, 255, 0.08);
+  border: 1px solid rgba(255, 255, 255, 0.25);
   border-radius: var(--radius-xl);
   overflow: hidden;
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   position: relative;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 }
 
 .model-card::before {
@@ -443,8 +449,9 @@
 
 .model-card:hover {
   transform: translateY(-6px);
-  border-color: rgba(139, 92, 246, 0.3);
-  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
+  border-color: rgba(139, 92, 246, 0.5);
+  box-shadow: 0 20px 50px rgba(139, 92, 246, 0.2);
+  background: rgba(255, 255, 255, 0.2);
 }
 
 .model-card:hover::before {
@@ -466,8 +473,8 @@
   align-items: center;
   gap: var(--space-4);
   padding: var(--space-5);
-  background: rgba(0, 0, 0, 0.2);
-  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+  background: rgba(255, 255, 255, 0.08);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
 }
 
 .model-icon {
@@ -547,11 +554,12 @@
   font-family: 'JetBrains Mono', monospace;
   font-size: var(--font-size-xs);
   color: var(--text-muted);
-  background: rgba(0, 0, 0, 0.3);
+  background: rgba(255, 255, 255, 0.1);
   padding: var(--space-2) var(--space-3);
   border-radius: var(--radius-sm);
   margin-bottom: var(--space-4);
   word-break: break-all;
+  border: 1px solid rgba(255, 255, 255, 0.15);
 }
 
 .model-meta {
@@ -565,10 +573,11 @@
   align-items: center;
   gap: var(--space-1);
   padding: var(--space-1) var(--space-3);
-  background: rgba(255, 255, 255, 0.05);
+  background: rgba(255, 255, 255, 0.15);
   border-radius: var(--radius-sm);
   font-size: var(--font-size-xs);
   color: var(--text-muted);
+  border: 1px solid rgba(255, 255, 255, 0.2);
 }
 
 .meta-badge svg {
@@ -578,8 +587,8 @@
 
 .model-footer {
   padding: var(--space-4) var(--space-5);
-  background: rgba(0, 0, 0, 0.15);
-  border-top: 1px solid rgba(255, 255, 255, 0.05);
+  background: rgba(255, 255, 255, 0.08);
+  border-top: 1px solid rgba(255, 255, 255, 0.15);
   display: flex;
   gap: var(--space-2);
 }
@@ -591,8 +600,8 @@
   justify-content: center;
   gap: var(--space-2);
   padding: var(--space-2) var(--space-3);
-  background: rgba(255, 255, 255, 0.05);
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.15);
+  border: 1px solid rgba(255, 255, 255, 0.25);
   border-radius: var(--radius-md);
   color: var(--text-secondary);
   font-size: var(--font-size-xs);
@@ -624,11 +633,12 @@
 .test-panel.glass-panel,
 .health-panel.glass-panel,
 .catalog-panel.glass-panel {
-  background: rgba(17, 24, 39, 0.7);
+  background: rgba(255, 255, 255, 0.15);
   backdrop-filter: blur(15px);
-  border: 1px solid rgba(255, 255, 255, 0.08);
+  border: 1px solid rgba(255, 255, 255, 0.25);
   border-radius: var(--radius-xl);
   padding: var(--space-6);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
 }
 
 .test-header,
@@ -682,8 +692,8 @@
 .textarea-modern {
   width: 100%;
   padding: var(--space-4);
-  background: rgba(0, 0, 0, 0.3);
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.12);
+  border: 1px solid rgba(255, 255, 255, 0.25);
   border-radius: var(--radius-md);
   color: var(--text-strong);
   font-family: inherit;
@@ -706,8 +716,9 @@
 
 .example-texts {
   padding: var(--space-4);
-  background: rgba(0, 0, 0, 0.2);
+  background: rgba(255, 255, 255, 0.08);
   border-radius: var(--radius-lg);
+  border: 1px solid rgba(255, 255, 255, 0.15);
 }
 
 .example-label {
@@ -724,8 +735,8 @@
 
 .example-btn {
   padding: var(--space-2) var(--space-4);
-  background: rgba(255, 255, 255, 0.05);
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.15);
+  border: 1px solid rgba(255, 255, 255, 0.25);
   border-radius: var(--radius-md);
   color: var(--text-secondary);
   font-size: var(--font-size-sm);
@@ -743,10 +754,11 @@
 .test-result {
   margin-top: var(--space-6);
   padding: var(--space-6);
-  background: rgba(0, 0, 0, 0.3);
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.12);
+  border: 1px solid rgba(255, 255, 255, 0.25);
   border-radius: var(--radius-xl);
   animation: fadeIn 0.4s ease;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
 }
 
 .test-result.hidden {
@@ -803,11 +815,12 @@
 }
 
 .result-details {
-  background: rgba(0, 0, 0, 0.4);
+  background: rgba(255, 255, 255, 0.1);
   border-radius: var(--radius-md);
   padding: var(--space-4);
   overflow: auto;
   max-height: 300px;
+  border: 1px solid rgba(255, 255, 255, 0.15);
 }
 
 .result-json {
@@ -829,11 +842,12 @@
 }
 
 .health-card {
-  background: rgba(0, 0, 0, 0.3);
-  border: 1px solid rgba(255, 255, 255, 0.08);
+  background: rgba(255, 255, 255, 0.12);
+  border: 1px solid rgba(255, 255, 255, 0.2);
   border-radius: var(--radius-lg);
   padding: var(--space-4);
   transition: all 0.3s ease;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
 }
 
 .health-card:hover {
@@ -907,8 +921,9 @@
 .health-stat {
   text-align: center;
   padding: var(--space-2);
-  background: rgba(255, 255, 255, 0.03);
+  background: rgba(255, 255, 255, 0.12);
   border-radius: var(--radius-sm);
+  border: 1px solid rgba(255, 255, 255, 0.15);
 }
 
 .health-stat-value {
@@ -940,8 +955,8 @@
 .health-actions .btn {
   flex: 1;
   padding: var(--space-2);
-  background: rgba(255, 255, 255, 0.05);
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.15);
+  border: 1px solid rgba(255, 255, 255, 0.25);
   border-radius: var(--radius-sm);
   color: var(--text-secondary);
   font-size: var(--font-size-xs);
@@ -966,10 +981,11 @@
 }
 
 .catalog-category {
-  background: rgba(0, 0, 0, 0.25);
-  border: 1px solid rgba(255, 255, 255, 0.08);
+  background: rgba(255, 255, 255, 0.12);
+  border: 1px solid rgba(255, 255, 255, 0.2);
   border-radius: var(--radius-xl);
   overflow: hidden;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
 }
 
 .category-header {
@@ -1025,10 +1041,11 @@
   align-items: center;
   justify-content: space-between;
   padding: var(--space-3);
-  background: rgba(255, 255, 255, 0.03);
+  background: rgba(255, 255, 255, 0.12);
   border-radius: var(--radius-md);
   margin-bottom: var(--space-2);
   transition: all 0.3s ease;
+  border: 1px solid rgba(255, 255, 255, 0.15);
 }
 
 .catalog-model:last-child {
@@ -1036,7 +1053,9 @@
 }
 
 .catalog-model:hover {
-  background: rgba(255, 255, 255, 0.08);
+  background: rgba(255, 255, 255, 0.2);
+  border-color: rgba(255, 255, 255, 0.3);
+  transform: translateX(4px);
 }
 
 .catalog-model-name {

static/pages/technical-analysis/visual-strategy-builder.html

@@ -761,45 +761,45 @@
             
             <!-- Page Header -->
             <div class="header" style="background: var(--glass-bg); backdrop-filter: blur(20px); border-bottom: 1px solid var(--glass-border); padding: 1rem 1.5rem; display: flex; align-items: center; justify-content: space-between;">
-                <div class="header-title">
-                    <span>🎯</span>
-                    <span>HTS - آزمایشگاه بصری استراتژی ترید</span>
-                </div>
+            <div class="header-title">
+                <span>🎯</span>
+                <span>HTS - آزمایشگاه بصری استراتژی ترید</span>
+            </div>
 
-                <div class="header-actions">
-                    <button class="btn btn-success" id="executeBtn">
-                        <span>▶️</span>
-                        <span>اجرا</span>
-                    </button>
-
-                    <button class="btn" id="pauseBtn" disabled>
-                        <span>⏸️</span>
-                        <span>توقف</span>
-                    </button>
-
-                    <button class="btn" id="resetBtn">
-                        <span>🔄</span>
-                        <span>ریست</span>
-                    </button>
-
-                    <button class="btn btn-primary" id="saveBtn">
-                        <span>💾</span>
-                        <span>ذخیره</span>
-                    </button>
-
-                    <button class="btn" id="loadBtn">
-                        <span>📁</span>
-                        <span>بارگذاری</span>
-                    </button>
-
-                    <button class="btn" id="exportBtn">
-                        <span>📤</span>
-                        <span>خروجی</span>
-                    </button>
-                </div>
+            <div class="header-actions">
+                <button class="btn btn-success" id="executeBtn">
+                    <span>▶️</span>
+                    <span>اجرا</span>
+                </button>
+
+                <button class="btn" id="pauseBtn" disabled>
+                    <span>⏸️</span>
+                    <span>توقف</span>
+                </button>
+
+                <button class="btn" id="resetBtn">
+                    <span>🔄</span>
+                    <span>ریست</span>
+                </button>
+
+                <button class="btn btn-primary" id="saveBtn">
+                    <span>💾</span>
+                    <span>ذخیره</span>
+                </button>
+
+                <button class="btn" id="loadBtn">
+                    <span>📁</span>
+                    <span>بارگذاری</span>
+                </button>
+
+                <button class="btn" id="exportBtn">
+                    <span>📤</span>
+                    <span>خروجی</span>
+                </button>
+            </div>
             </div>
 
-            <!-- Main Content -->
+        <!-- Main Content -->
             <div class="main-content" style="flex: 1; overflow: auto;">
             <!-- Component Library -->
             <aside class="component-library">
@@ -1102,7 +1102,7 @@
                     <div class="result-metric-value danger" id="liveDrawdown">-۰٪</div>
                 </div>
             </div>
-            </div>
+        </div>
         </div>
     </div>
     </main>

static/splash.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Crypto Intelligence Hub | Welcome</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&display=swap" rel="stylesheet">
     <style>
         * {
             margin: 0;
@@ -17,6 +18,7 @@
             --accent-cyan: #2dd4bf;
             --accent-purple: #818cf8;
             --accent-pink: #ec4899;
+            --accent-blue: #3b82f6;
             --text-primary: #f8fafc;
             --text-secondary: rgba(241, 245, 249, 0.75);
         }
@@ -24,7 +26,7 @@
         body {
             min-height: 100vh;
             font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
-            background: linear-gradient(135deg, var(--bg-primary), #020617, var(--bg-secondary));
+            background: linear-gradient(135deg, var(--bg-primary) 0%, #020617 50%, var(--bg-secondary) 100%);
             color: var(--text-primary);
             display: flex;
             align-items: center;
@@ -33,41 +35,80 @@
             position: relative;
         }
 
-        /* Animated background particles */
-        .particles {
+        /* Animated gradient orbs */
+        .gradient-orbs {
             position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
+            inset: 0;
             overflow: hidden;
             z-index: 0;
         }
 
-        .particle {
+        .orb {
             position: absolute;
-            width: 2px;
-            height: 2px;
-            background: var(--accent-cyan);
             border-radius: 50%;
-            opacity: 0.3;
-            animation: float-particle 10s infinite ease-in-out;
+            filter: blur(80px);
+            opacity: 0.4;
+            animation: float-orb 20s ease-in-out infinite;
         }
 
-        @keyframes float-particle {
+        .orb-1 {
+            width: 600px;
+            height: 600px;
+            background: radial-gradient(circle, var(--accent-cyan) 0%, transparent 70%);
+            top: -300px;
+            left: -200px;
+            animation-delay: 0s;
+        }
+
+        .orb-2 {
+            width: 500px;
+            height: 500px;
+            background: radial-gradient(circle, var(--accent-purple) 0%, transparent 70%);
+            bottom: -250px;
+            right: -150px;
+            animation-delay: 5s;
+        }
+
+        .orb-3 {
+            width: 400px;
+            height: 400px;
+            background: radial-gradient(circle, var(--accent-pink) 0%, transparent 70%);
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            animation-delay: 10s;
+        }
+
+        @keyframes float-orb {
             0%, 100% {
-                transform: translateY(0) translateX(0);
-                opacity: 0;
+                transform: translate(0, 0) scale(1);
             }
-            10% {
-                opacity: 0.3;
+            33% {
+                transform: translate(40px, -40px) scale(1.1);
             }
-            90% {
-                opacity: 0.3;
+            66% {
+                transform: translate(-30px, 30px) scale(0.9);
+            }
+        }
+
+        /* Animated grid background */
+        .grid-background {
+            position: absolute;
+            inset: 0;
+            background-image: 
+                linear-gradient(rgba(45, 212, 191, 0.03) 1px, transparent 1px),
+                linear-gradient(90deg, rgba(45, 212, 191, 0.03) 1px, transparent 1px);
+            background-size: 50px 50px;
+            animation: grid-move 20s linear infinite;
+            z-index: 0;
+        }
+
+        @keyframes grid-move {
+            0% {
+                transform: translate(0, 0);
             }
             100% {
-                transform: translateY(-100vh) translateX(100px);
-                opacity: 0;
+                transform: translate(50px, 50px);
             }
         }
 
@@ -75,67 +116,163 @@
             position: relative;
             z-index: 1;
             text-align: center;
-            max-width: 800px;
+            max-width: 900px;
             padding: 2rem;
+            animation: fadeIn 1s ease-out;
+        }
+
+        @keyframes fadeIn {
+            from {
+                opacity: 0;
+            }
+            to {
+                opacity: 1;
+            }
         }
 
         .logo-container {
             margin-bottom: 3rem;
-            animation: fadeInDown 1s ease-out;
+            animation: logoEntrance 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) both;
+        }
+
+        @keyframes logoEntrance {
+            0% {
+                opacity: 0;
+                transform: translateY(-50px) scale(0.5) rotate(-180deg);
+            }
+            100% {
+                opacity: 1;
+                transform: translateY(0) scale(1) rotate(0deg);
+            }
+        }
+
+        .logo-wrapper {
+            position: relative;
+            display: inline-block;
+            margin-bottom: 2rem;
         }
 
         .logo {
-            width: 120px;
-            height: 120px;
-            margin: 0 auto 2rem;
-            background: linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));
-            border-radius: 30px;
+            width: 140px;
+            height: 140px;
+            margin: 0 auto;
+            background: linear-gradient(135deg, var(--accent-cyan), var(--accent-purple), var(--accent-pink));
+            border-radius: 32px;
             display: flex;
             align-items: center;
             justify-content: center;
             box-shadow: 
-                0 20px 60px rgba(45, 212, 191, 0.3),
-                0 0 100px rgba(129, 140, 248, 0.2);
-            animation: float 3s ease-in-out infinite, pulse 2s ease-in-out infinite;
+                0 20px 60px rgba(45, 212, 191, 0.4),
+                0 0 100px rgba(129, 140, 248, 0.3),
+                inset 0 0 60px rgba(255, 255, 255, 0.1);
+            animation: logoFloat 4s ease-in-out infinite, logoPulse 3s ease-in-out infinite;
             position: relative;
+            overflow: hidden;
         }
 
         .logo::before {
             content: '';
             position: absolute;
             inset: -4px;
-            background: linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));
-            border-radius: 32px;
-            opacity: 0.3;
-            filter: blur(20px);
-            animation: pulse 2s ease-in-out infinite;
+            background: linear-gradient(135deg, var(--accent-cyan), var(--accent-purple), var(--accent-pink));
+            border-radius: 36px;
+            opacity: 0.5;
+            filter: blur(30px);
+            animation: logoGlow 2s ease-in-out infinite;
+            z-index: -1;
         }
 
-        .logo svg {
-            position: relative;
-            z-index: 1;
+        .logo::after {
+            content: '';
+            position: absolute;
+            inset: 0;
+            background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.3) 50%, transparent 70%);
+            animation: logoShine 3s ease-in-out infinite;
         }
 
-        @keyframes float {
+        @keyframes logoFloat {
             0%, 100% {
-                transform: translateY(0px);
+                transform: translateY(0px) rotate(0deg);
+            }
+            25% {
+                transform: translateY(-15px) rotate(2deg);
             }
             50% {
-                transform: translateY(-20px);
+                transform: translateY(-25px) rotate(0deg);
+            }
+            75% {
+                transform: translateY(-15px) rotate(-2deg);
             }
         }
 
-        @keyframes pulse {
+        @keyframes logoPulse {
             0%, 100% {
-                opacity: 0.3;
                 transform: scale(1);
             }
             50% {
-                opacity: 0.5;
                 transform: scale(1.05);
             }
         }
 
+        @keyframes logoGlow {
+            0%, 100% {
+                opacity: 0.3;
+                transform: scale(1);
+            }
+            50% {
+                opacity: 0.6;
+                transform: scale(1.1);
+            }
+        }
+
+        @keyframes logoShine {
+            0% {
+                transform: translateX(-100%) translateY(-100%) rotate(45deg);
+            }
+            100% {
+                transform: translateX(200%) translateY(200%) rotate(45deg);
+            }
+        }
+
+        .logo svg {
+            position: relative;
+            z-index: 2;
+            filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.5));
+            animation: svgRotate 8s linear infinite;
+        }
+
+        @keyframes svgRotate {
+            0% {
+                transform: rotate(0deg);
+            }
+            100% {
+                transform: rotate(360deg);
+            }
+        }
+
+        h1 {
+            font-family: 'Space Grotesk', sans-serif;
+            font-size: 4rem;
+            font-weight: 700;
+            margin-bottom: 1.5rem;
+            background: linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-purple) 50%, var(--accent-pink) 100%);
+            background-size: 200% 200%;
+            -webkit-background-clip: text;
+            background-clip: text;
+            -webkit-text-fill-color: transparent;
+            animation: fadeInDown 1s ease-out 0.3s both, gradientShift 5s ease infinite;
+            letter-spacing: -0.02em;
+        }
+
+        @keyframes gradientShift {
+            0%, 100% {
+                background-position: 0% 50%;
+            }
+            50% {
+                background-position: 100% 50%;
+            }
+        }
+
         @keyframes fadeInDown {
             from {
                 opacity: 0;
@@ -147,6 +284,14 @@
             }
         }
 
+        .subtitle {
+            color: var(--text-secondary);
+            font-size: 1.4rem;
+            margin-bottom: 4rem;
+            line-height: 1.6;
+            animation: fadeInUp 1s ease-out 0.5s both;
+        }
+
         @keyframes fadeInUp {
             from {
                 opacity: 0;
@@ -158,95 +303,151 @@
             }
         }
 
-        h1 {
-            font-family: 'Space Grotesk', -apple-system, sans-serif;
-            font-size: 3.5rem;
-            font-weight: 700;
-            margin-bottom: 1.5rem;
-            background: linear-gradient(135deg, var(--accent-cyan), var(--accent-purple), var(--accent-pink));
-            -webkit-background-clip: text;
-            background-clip: text;
-            -webkit-text-fill-color: transparent;
-            animation: fadeInDown 1s ease-out 0.2s both;
-        }
-
-        .subtitle {
-            color: var(--text-secondary);
-            font-size: 1.3rem;
-            margin-bottom: 3rem;
-            line-height: 1.6;
-            animation: fadeInUp 1s ease-out 0.4s both;
-        }
-
         .features {
             display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
-            gap: 1.5rem;
-            margin-bottom: 3rem;
-            animation: fadeInUp 1s ease-out 0.6s both;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            gap: 2rem;
+            margin-bottom: 4rem;
+            animation: fadeInUp 1s ease-out 0.7s both;
         }
 
         .feature {
-            padding: 1.5rem;
-            background: rgba(255, 255, 255, 0.03);
-            border: 1px solid rgba(255, 255, 255, 0.08);
-            border-radius: 16px;
-            backdrop-filter: blur(10px);
-            transition: all 0.3s ease;
+            padding: 2rem 1.5rem;
+            background: rgba(255, 255, 255, 0.05);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 20px;
+            backdrop-filter: blur(20px);
+            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+            position: relative;
+            overflow: hidden;
+        }
+
+        .feature::before {
+            content: '';
+            position: absolute;
+            inset: 0;
+            background: linear-gradient(135deg, rgba(45, 212, 191, 0.1), rgba(129, 140, 248, 0.1));
+            opacity: 0;
+            transition: opacity 0.4s ease;
         }
 
         .feature:hover {
-            background: rgba(255, 255, 255, 0.05);
+            background: rgba(255, 255, 255, 0.08);
             border-color: var(--accent-cyan);
-            transform: translateY(-5px);
+            transform: translateY(-8px) scale(1.02);
+            box-shadow: 0 20px 40px rgba(45, 212, 191, 0.2);
+        }
+
+        .feature:hover::before {
+            opacity: 1;
         }
 
         .feature-icon {
-            font-size: 2.5rem;
-            margin-bottom: 1rem;
-            filter: drop-shadow(0 0 10px rgba(45, 212, 191, 0.5));
+            width: 64px;
+            height: 64px;
+            margin: 0 auto 1.5rem;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: linear-gradient(135deg, rgba(45, 212, 191, 0.2), rgba(129, 140, 248, 0.2));
+            border-radius: 16px;
+            position: relative;
+            animation: iconFloat 3s ease-in-out infinite;
+        }
+
+        .feature:nth-child(1) .feature-icon {
+            animation-delay: 0s;
+        }
+
+        .feature:nth-child(2) .feature-icon {
+            animation-delay: 0.5s;
+        }
+
+        .feature:nth-child(3) .feature-icon {
+            animation-delay: 1s;
+        }
+
+        .feature:nth-child(4) .feature-icon {
+            animation-delay: 1.5s;
+        }
+
+        @keyframes iconFloat {
+            0%, 100% {
+                transform: translateY(0px);
+            }
+            50% {
+                transform: translateY(-10px);
+            }
+        }
+
+        .feature-icon svg {
+            width: 32px;
+            height: 32px;
+            stroke: var(--accent-cyan);
+            filter: drop-shadow(0 0 8px rgba(45, 212, 191, 0.6));
+            animation: iconPulse 2s ease-in-out infinite;
+        }
+
+        @keyframes iconPulse {
+            0%, 100% {
+                opacity: 1;
+                transform: scale(1);
+            }
+            50% {
+                opacity: 0.8;
+                transform: scale(1.1);
+            }
         }
 
         .feature-text {
             color: var(--text-primary);
-            font-weight: 500;
-            font-size: 0.95rem;
+            font-weight: 600;
+            font-size: 1rem;
+            position: relative;
+            z-index: 1;
         }
 
         .loading-section {
             margin-top: 3rem;
-            animation: fadeInUp 1s ease-out 0.8s both;
+            animation: fadeInUp 1s ease-out 0.9s both;
+        }
+
+        .progress-container {
+            width: 100%;
+            max-width: 500px;
+            margin: 0 auto 2rem;
         }
 
         .progress-bar {
             width: 100%;
-            max-width: 400px;
-            height: 6px;
+            height: 8px;
             background: rgba(255, 255, 255, 0.1);
             border-radius: 999px;
             overflow: hidden;
-            margin: 2rem auto;
             position: relative;
+            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
         }
 
         .progress-fill {
             height: 100%;
             width: 0;
-            background: linear-gradient(90deg, var(--accent-cyan), var(--accent-purple), var(--accent-pink));
+            background: linear-gradient(90deg, var(--accent-cyan), var(--accent-purple), var(--accent-pink), var(--accent-cyan));
+            background-size: 200% 100%;
             border-radius: 999px;
-            animation: progress 3s ease-in-out forwards;
+            animation: progress 2.5s ease-in-out forwards, gradientMove 3s linear infinite;
             position: relative;
+            box-shadow: 0 0 20px rgba(45, 212, 191, 0.5);
         }
 
         .progress-fill::after {
             content: '';
             position: absolute;
             top: 0;
+            left: 0;
             right: 0;
-            width: 100px;
-            height: 100%;
-            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3));
-            animation: shimmer 1s infinite;
+            bottom: 0;
+            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
+            animation: shimmer 1.5s infinite;
         }
 
         @keyframes progress {
@@ -255,35 +456,84 @@
             }
         }
 
+        @keyframes gradientMove {
+            0% {
+                background-position: 0% 0%;
+            }
+            100% {
+                background-position: 200% 0%;
+            }
+        }
+
         @keyframes shimmer {
-            to {
+            0% {
+                transform: translateX(-100%);
+            }
+            100% {
                 transform: translateX(100%);
             }
         }
 
         .loading-text {
             color: var(--text-secondary);
-            font-size: 1rem;
-            margin-top: 1rem;
-            animation: pulse-text 2s ease-in-out infinite;
+            font-size: 1.1rem;
+            margin-top: 1.5rem;
+            font-weight: 500;
+            min-height: 1.5rem;
+            animation: textPulse 2s ease-in-out infinite;
         }
 
-        @keyframes pulse-text {
+        @keyframes textPulse {
             0%, 100% {
-                opacity: 0.6;
+                opacity: 0.7;
             }
             50% {
                 opacity: 1;
             }
         }
 
+        .skip-link {
+            display: inline-block;
+            margin-top: 2rem;
+            padding: 0.75rem 2rem;
+            color: var(--accent-cyan);
+            text-decoration: none;
+            font-weight: 600;
+            border: 2px solid rgba(45, 212, 191, 0.3);
+            border-radius: 50px;
+            transition: all 0.3s ease;
+            position: relative;
+            overflow: hidden;
+        }
+
+        .skip-link::before {
+            content: '';
+            position: absolute;
+            inset: 0;
+            background: linear-gradient(135deg, rgba(45, 212, 191, 0.1), rgba(129, 140, 248, 0.1));
+            transform: translateX(-100%);
+            transition: transform 0.3s ease;
+        }
+
+        .skip-link:hover {
+            border-color: var(--accent-cyan);
+            background: rgba(45, 212, 191, 0.1);
+            transform: translateY(-2px);
+            box-shadow: 0 10px 30px rgba(45, 212, 191, 0.3);
+        }
+
+        .skip-link:hover::before {
+            transform: translateX(0);
+        }
+
         .version {
             position: absolute;
             bottom: 2rem;
             right: 2rem;
             color: var(--text-secondary);
-            font-size: 0.85rem;
-            opacity: 0.5;
+            font-size: 0.9rem;
+            opacity: 0.6;
+            font-weight: 500;
         }
 
         @media (max-width: 768px) {
@@ -301,32 +551,56 @@
             }
 
             .feature {
-                padding: 1rem;
+                padding: 1.5rem 1rem;
             }
 
-            .feature-icon {
-                font-size: 2rem;
+            .logo {
+                width: 120px;
+                height: 120px;
             }
 
-            .logo {
-                width: 100px;
-                height: 100px;
+            .feature-icon {
+                width: 56px;
+                height: 56px;
             }
         }
     </style>
 </head>
 <body>
-    <!-- Animated particles background -->
-    <div class="particles" id="particles"></div>
+    <!-- Animated gradient orbs -->
+    <div class="gradient-orbs">
+        <div class="orb orb-1"></div>
+        <div class="orb orb-2"></div>
+        <div class="orb orb-3"></div>
+    </div>
+
+    <!-- Animated grid background -->
+    <div class="grid-background"></div>
 
     <div class="container">
         <div class="logo-container">
-            <div class="logo">
-                <svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                    <path d="M12 2L2 7L12 12L22 7L12 2Z"></path>
-                    <path d="M2 17L12 22L22 17"></path>
-                    <path d="M2 12L12 17L22 12"></path>
-                </svg>
+            <div class="logo-wrapper">
+                <div class="logo">
+                    <svg width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+                        <path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="url(#gradient1)"></path>
+                        <path d="M2 17L12 22L22 17" stroke="url(#gradient2)"></path>
+                        <path d="M2 12L12 17L22 12" stroke="url(#gradient3)"></path>
+                        <defs>
+                            <linearGradient id="gradient1" x1="0%" y1="0%" x2="100%" y2="100%">
+                                <stop offset="0%" style="stop-color:#2dd4bf;stop-opacity:1" />
+                                <stop offset="100%" style="stop-color:#818cf8;stop-opacity:1" />
+                            </linearGradient>
+                            <linearGradient id="gradient2" x1="0%" y1="0%" x2="100%" y2="100%">
+                                <stop offset="0%" style="stop-color:#818cf8;stop-opacity:1" />
+                                <stop offset="100%" style="stop-color:#ec4899;stop-opacity:1" />
+                            </linearGradient>
+                            <linearGradient id="gradient3" x1="0%" y1="0%" x2="100%" y2="100%">
+                                <stop offset="0%" style="stop-color:#ec4899;stop-opacity:1" />
+                                <stop offset="100%" style="stop-color:#2dd4bf;stop-opacity:1" />
+                            </linearGradient>
+                        </defs>
+                    </svg>
+                </div>
             </div>
         </div>
 
@@ -337,33 +611,57 @@
 
         <div class="features">
             <div class="feature">
-                <div class="feature-icon">📊</div>
+                <div class="feature-icon">
+                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        <line x1="18" y1="20" x2="18" y2="10"></line>
+                        <line x1="12" y1="20" x2="12" y2="4"></line>
+                        <line x1="6" y1="20" x2="6" y2="14"></line>
+                    </svg>
+                </div>
                 <div class="feature-text">Real-time Market Data</div>
             </div>
             <div class="feature">
-                <div class="feature-icon">🤖</div>
+                <div class="feature-icon">
+                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        <path d="M12 2v10"></path>
+                        <path d="M18.4 6.6a9 9 0 1 1-12.77.04"></path>
+                        <path d="M12 12l-8 8"></path>
+                        <path d="M12 12l8 8"></path>
+                    </svg>
+                </div>
                 <div class="feature-text">AI-Powered Analysis</div>
             </div>
             <div class="feature">
-                <div class="feature-icon">📈</div>
+                <div class="feature-icon">
+                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        <polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>
+                    </svg>
+                </div>
                 <div class="feature-text">Technical Indicators</div>
             </div>
             <div class="feature">
-                <div class="feature-icon">🔔</div>
+                <div class="feature-icon">
+                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
+                        <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
+                    </svg>
+                </div>
                 <div class="feature-text">Smart Alerts</div>
             </div>
         </div>
 
         <div class="loading-section">
-            <div class="progress-bar">
-                <div class="progress-fill"></div>
+            <div class="progress-container">
+                <div class="progress-bar">
+                    <div class="progress-fill"></div>
+                </div>
             </div>
             <div class="loading-text" id="loadingText">
                 Initializing platform...
             </div>
             <a href="/static/pages/dashboard/index.html" 
                onclick="sessionStorage.setItem('skipSplash', 'true');" 
-               style="display: inline-block; margin-top: 1rem; color: var(--accent-cyan); text-decoration: none; font-weight: 500; transition: color 0.3s;">
+               class="skip-link">
                 Skip to Dashboard →
             </a>
         </div>
@@ -372,20 +670,7 @@
     <div class="version">v1.0.0</div>
 
     <script>
-        // Create animated particles
-        const particlesContainer = document.getElementById('particles');
-        const particleCount = 30;
-
-        for (let i = 0; i < particleCount; i++) {
-            const particle = document.createElement('div');
-            particle.className = 'particle';
-            particle.style.left = Math.random() * 100 + '%';
-            particle.style.animationDelay = Math.random() * 10 + 's';
-            particle.style.animationDuration = (8 + Math.random() * 4) + 's';
-            particlesContainer.appendChild(particle);
-        }
-
-        // Loading messages
+        // Loading messages with smooth transitions
         const loadingMessages = [
             'Initializing platform...',
             'Loading market data...',
@@ -398,25 +683,32 @@
         const loadingText = document.getElementById('loadingText');
 
         const messageInterval = setInterval(() => {
-            currentMessage++;
-            if (currentMessage < loadingMessages.length) {
-                loadingText.textContent = loadingMessages[currentMessage];
+            if (currentMessage < loadingMessages.length - 1) {
+                currentMessage++;
+                loadingText.style.opacity = '0';
+                setTimeout(() => {
+                    loadingText.textContent = loadingMessages[currentMessage];
+                    loadingText.style.opacity = '1';
+                }, 200);
             }
-        }, 600);
+        }, 500);
 
-        // Redirect to dashboard after animation (reduced time for faster loading)
+        // Redirect to dashboard after animation
         setTimeout(() => {
             clearInterval(messageInterval);
-            loadingText.textContent = 'Welcome! 🚀';
+            loadingText.style.opacity = '0';
+            setTimeout(() => {
+                loadingText.textContent = 'Welcome! 🚀';
+                loadingText.style.opacity = '1';
+            }, 200);
             
             // Save preference to skip splash next time
             sessionStorage.setItem('skipSplash', 'true');
             
             setTimeout(() => {
                 window.location.href = '/static/pages/dashboard/index.html';
-            }, 300);
-        }, 1500); // Reduced from 3000ms to 1500ms for faster loading
+            }, 500);
+        }, 2500);
     </script>
 </body>
 </html>
-