Create a complete professional Blogger tool webpage with a modern UI and full functionality. Tool Name: Image Watermark Tool Website Name: Image Watermark Primary Keywords: * resize image online without watermark * Image Watermark Tool online free Requirements: 1. Generate a complete single-file HTML document (HTML + CSS + JavaScript in one block). 2. The tool must be fully functional on the client side: * Upload image * Add text watermark * Customize watermark (text, size, color, opacity, position) * Preview image in real-time * Download final watermarked image 3. Design & UI: * Modern, professional web app design * Card-based layout with proper spacing * Smooth animations, hover effects, and transitions * Color theme: #edbt26 (primary) and #2b2b2b (dark) * Fully responsive (mobile, tablet, desktop) 4. Hero Section: * Large heading (H1) with tool name * Short SEO-optimized intro (100–150 words using keywords) * Animated background with floating particle-style icons (CSS-based animation, no libraries) 5. Tool Section: * Clean UI with upload button, controls, preview area * Real-time watermark preview * Download button 6. SEO Optimization: * Add meta title and meta description using keywords * Proper heading structure (H1, H2, H3) * Include keyword naturally in content 7. Content Sections: * "How to Use" (step-by-step) * "Features" (bullet points) * "FAQ" (3–5 SEO-friendly questions & answers) 8. Footer (IMPORTANT): * 4 columns layout * First column includes logo (text-based logo: "Image Watermark") * Other columns: Quick Links, Tools, * Copyright text 9. Performance: * Fast loading * No external libraries (pure HTML, CSS, JS only) * Clean and optimized code 10. Extra Enhancements: * Smooth scrolling * Button hover animations * Card hover effects * Subtle shadows and modern UI feel Output Format: * Return ONLY a single complete HTML code block * No explanations, no extra text