feat: Instagram data sync, gold accent, SVG logo, FAQ & Pricing sections

- Sync all content from Instagram: fix addresses, trainer names, add 5 new
  trainers, remove 2 inactive, update class descriptions
- Add FAQ section (11 Q&A items) and Pricing section (tabs: subscriptions,
  rental, rules)
- Redesign with editorial magazine feel: centered headings, generous spacing,
  section glow effects, glassmorphism cards
- Migrate entire accent palette from rose to warm gold (#c9a96e)
- Replace low-res PNG logo with vector SVG traced via potrace — crisp at any
  size, animated gradient (black↔gold), heartbeat pulse animation
- Make header brand name gold

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/ui/ClassModal.tsx

@@ -89,7 +89,7 @@ export function ClassModal({ classItem, onClose }: ClassModalProps) {
           {!heroImage && (
             <div className="flex items-center justify-between p-6 pb-0">
               <div className="flex items-center gap-3">
-                <div className="flex h-9 w-9 items-center justify-center rounded-lg bg-rose-50 text-rose-600 dark:bg-rose-500/10 dark:text-rose-400">
+                <div className="flex h-9 w-9 items-center justify-center rounded-lg bg-[#c9a96e]/10 text-[#a08050] dark:bg-[#c9a96e]/10 dark:text-[#d4b87a]">
                   {iconMap[classItem.icon]}
                 </div>
                 <h3 className="heading-text text-xl font-bold">
@@ -107,7 +107,7 @@ export function ClassModal({ classItem, onClose }: ClassModalProps) {
           )}
 
           {classItem.detailedDescription && (
-            <div className="p-6 text-sm leading-relaxed whitespace-pre-line text-neutral-600 dark:text-neutral-400">
+            <div className="p-6 text-sm leading-relaxed whitespace-pre-line text-neutral-600 dark:text-neutral-300">
               {classItem.detailedDescription}
             </div>
           )}