classDiagram
    class TechStack {
        <<Abstract>>
        +FrontendDevelopment frontend
        +CreativeSuite creative
        +BackendDevelopment backend
        +DataManagement data
        +DevelopmentEnvironment env
        +DevOpsTesting devops
    }

    class FrontendDevelopment {
        <<Abstract>>
        +CoreTechnologies
        +FrameworksLibraries
        +BuildTools
    }
    
    class CreativeSuite {
        +DesignTools
        +GraphicsAnimation
        +VideoAudio
    }

    class BackendDevelopment {
        <<Abstract>>
        +LanguagesFrameworks
    }

    class DataManagement {
        +Databases
        +CachingORM
        +CloudServices
    }

    class DevelopmentEnvironment {
        +IDEs
        +VersionControl
    }

    class DevOpsTesting {
        +TestingFrameworks
        +CloudInfrastructure
        +MonitoringCICD
    }

    class CoreTechnologies {
        +HTML5_CSS3
        +JavaScript
        +TypeScript
    }

    class FrameworksLibraries {
        +React
        +Vue_js
        +Redux
    }

    class BuildTools {
        +Webpack
        +Vite
        +TailwindCSS
    }

    class DesignTools {
        +Figma
        +AdobeXD
    }

    class GraphicsAnimation {
        +AdobeIllustrator
        +AdobePhotoshop
        +AdobeCharacterAnimator
    }

    class VideoAudio {
        +AdobePremierPro
        +AdobeAudition
    }

    class LanguagesFrameworks {
        +PHP_Laravel
        +PHP_Symfony
        +Python_Django
        +Python_FastAPI
        +Node_js_Express
        +Node_js_NestJS
    }

    class Databases {
        +MariaDB
        +MongoDB
        +PostgreSQL
    }

    class CachingORM {
        +Redis
        +Prisma
    }

    class CloudServices {
        +Supabase
        +Firebase
    }

    class IDEs {
        +Cursor
        +PyCharm
        +WebStorm
        +PHPStorm
    }

    class VersionControl {
        +GitKraken
    }

    class TestingFrameworks {
        +Jest
        +PHPUnit
        +TeamCity
    }

    class CloudInfrastructure {
        +AWS
        +Docker
        +Kubernetes
    }

    class MonitoringCICD {
        +NewRelic
        +GitHubActions
        +ELKStack
    }

    %% Inheritance Relationships
    TechStack "1" --> FrontendDevelopment : frontend
    TechStack "1" --> CreativeSuite : creative
    TechStack "1" --> BackendDevelopment : backend
    TechStack "1" --> DataManagement : data
    TechStack "1" --> DevelopmentEnvironment : env
    TechStack "1" --> DevOpsTesting : devops

    FrontendDevelopment "1" --> CoreTechnologies
    FrontendDevelopment "1" --> FrameworksLibraries
    FrontendDevelopment "1" --> BuildTools

    CreativeSuite "1" --> DesignTools
    CreativeSuite "1" --> GraphicsAnimation
    CreativeSuite "1" --> VideoAudio

    BackendDevelopment "1" --> LanguagesFrameworks

    DataManagement "1" --> Databases
    DataManagement "1" --> CachingORM
    DataManagement "1" --> CloudServices

    DevelopmentEnvironment "1" --> IDEs
    DevelopmentEnvironment "1" --> VersionControl

    DevOpsTesting "1" --> TestingFrameworks
    DevOpsTesting "1" --> CloudInfrastructure
    DevOpsTesting "1" --> MonitoringCICD

    %% Styling
    style TechStack fill:#bfb,stroke:#6f6,stroke-width:2px,color:#000,stroke-dasharray: 5 5
    style FrontendDevelopment fill:#bfb,stroke:#6f6,stroke-width:2px,color:#000,stroke-dasharray: 5 5
    style CreativeSuite fill:#9ff,stroke:#369,stroke-width:2px,color:#000,stroke-dasharray: 5 5
    style BackendDevelopment fill:#ffb,stroke:#663,stroke-width:2px,color:#000,stroke-dasharray: 5 5
    style DataManagement fill:#ffb,stroke:#663,stroke-width:2px,color:#000,stroke-dasharray: 5 5
    style DevelopmentEnvironment fill:#ffd700,stroke:#ffc72c,stroke-width:2px,color:#000,stroke-dasharray: 5 5
    style DevOpsTesting fill:#ff69b4,stroke:#ff1493,stroke-width:2px,color:#000,stroke-dasharray: 5 5