feat(ui): implement premium glassmorphism redesign and hero layout fixes

[Pranav00076]

Goal

Migrate the community website from a strict brutalist aesthetic to a modern, premium glassmorphic design to provide a stunning and highly dynamic first impression for developers and students.

Changes Made

• Global Theme & Layout:
  • Updated Tailwind configuration with vibrant crimson (#ff2a4b) gradients and deep dark backgrounds (#050505).
  • Replaced sharp corners (0rem) with modern rounded corners across all components.
  • Replaced solid red/black boxes with modern .glass-panel components utilizing backdrop-blur(16px) and subtle glowing borders.
• Hero Section Enhancements:
  • Added large, dynamic floating gradient blobs (.blob) to the background to make the page feel alive.
  • Layout Fix: Corrected the grid structure to properly group the call-to-action buttons into the left column beneath the text, and centered the hero image within the right column.
• Chatbot UI Overhaul:
  • Transformed the floating toggle button into a sleek, glowing circular icon with a smooth hover ripple.
  • Redesigned the chatbot modal into a glassmorphic panel featuring a deeply blurred backdrop, rounded corners, custom scrollbars, and styled chat bubbles with slide-up animations.
• Interactive Elements:
  • Softened the particles.js base colors and reduced connection opacity to elegantly match the new aesthetic without overwhelming the foreground content.
  • Updated the top navigation bar to feature a sleek backdrop-blur-md floating effect.

Impact

These visual enhancements significantly elevate the premium feel of the DemonDie platform, ensuring it looks visually engaging, sophisticated, and developer-focused while maintaining great responsiveness across all devices.