%%{init: {'theme': 'dark', 'themeVariables': {'primaryColor': '#1a0633'}}}%%
flowchart TD
    %% Стили компонентов
    classDef core fill:#8A2BE2,stroke:#00f7ff,stroke-width:3px,stroke-dasharray:5
    classDef backend fill:#1a0633,stroke:#00f7ff,stroke-width:2px
    classDef frontend fill:#1a0633,stroke:#ff00aa,stroke-width:2px
    classDef devops fill:#1a0633,stroke:#00ffaa,stroke-width:2px
    classDef database fill:#1a0633,stroke:#ff5500,stroke-width:2px,stroke-dasharray:3 3
    classDef tools fill:#1a0633,stroke:#ffcc00,stroke-width:2px

    %% Центральное ядро
    C(("🌌 Core<br>Skills")):::core

    %% Backend Galaxy
    subgraph "Backend Galaxy"
        B1["Java"]:::backend
        B2["Spring"]:::backend
        B3["Hibernate"]:::backend
    end

    %% Frontend Nebula
    subgraph "Frontend Nebula"
        F1["HTML5"]:::frontend
        F2["CSS3"]:::frontend
        F3["JavaScript"]:::frontend
    end

    %% DevOps Wormhole
    subgraph "DevOps Wormhole"
        D1["Docker"]:::devops
        D2["Kubernetes"]:::devops
        D3["AWS"]:::devops
    end

    %% Database Cluster
    DB1["PostgreSQL"]:::database
    DB2["MongoDB"]:::database
    DB3["Redis"]:::database

    %% Tools Comet Tail
    T1["IntelliJ"]:::tools
    T2["Git"]:::tools
    T3["Maven"]:::tools

    %% Двунаправленные связи
    C <--> B1 & B2 & B3
    C <-.-> F1 & F2 & F3
    C <==> D1 & D2 & D3
    C o--o DB1 & DB2 & DB3
    C -.- T1 & T2 & T3

    %% Связи между компонентами
    B1 <-.-> DB1
    B2 <--> D1
    F3 -.- DB2
    D3 <==> T3

%%{init: {'theme':'dark', 'themeVariables': {'primaryColor':'#1a0633', 'edgeLabelBackground':'#2a0a45', 'tertiaryColor':'#00f7ff'}, 'themeCSS': 'circle {filter: drop-shadow(0 0 5px #8A2BE2)}'}}%%
graph TD
    A(["🌌 Alina's Network"])
    A -->|Code| B(("GitHub"))
    A -->|Stream| C(("YouTube"))
    A -->|Network| D(("LinkedIn"))
    A -->|Chat| E(("Telegram"))
    A -->|Social| F(("VK"))
    A -->|Contact| G(("Email"))
    A -->|Portal| H(("Resume"))
    
    style A fill:#1a0633,stroke:#00f7ff,stroke-width:3px,stroke-dasharray:5
    style B fill:#181717,stroke:#fff
    style C fill:#FF0000,stroke:#fff
    style D fill:#0077B5,stroke:#fff
    style E fill:#2CA5E0,stroke:#fff
    style F fill:#0077FF,stroke:#fff
    style G fill:#D14836,stroke:#fff
    style H fill:#8A2BE2,stroke:#fff