%%{init: {"flowchart": {"padding": 20, "nodeSpacing": 40, "rankSpacing": 60}} }%%
flowchart TD
subgraph Welcome ["<b>WELCOME</b>"]
direction LR
A(["<b>SE Intern</b><br/>May'21"]) B(["<b>Software Engineer</b><br/>Oct'21"])
A --> B
end
subgraph Optimizely ["<b>OPTIMIZELY</b>"]
direction LR
C(["<b>Software Engineer I</b><br/>Jan'22"])
D(["<b>Software Engineer II</b><br/>Jan'23"])
E{{"<b>Senior SE</b><br/>Apr'26"}}
C --> D --> E
end
%% Vertical Joint between subgraphs
Welcome --> Optimizely
%% Styling Boxes
style Welcome fill:none,stroke:#66e0ff,stroke-width:2px,stroke-dasharray: 5 5
style Optimizely fill:none,stroke:#a855f7,stroke-width:2px,stroke-dasharray: 5 5
%% Styling Nodes
style A fill:#ccf5ff,stroke:#33d6ff,stroke-width:2px,color:#005266
style B fill:#ccf5ff,stroke:#33d6ff,stroke-width:2px,color:#005266
style C fill:#e7d2ff,stroke:#861dff,stroke-width:3px,color:#360c66
style D fill:#e7d2ff,stroke:#861dff,stroke-width:3px,color:#360c66
style E fill:#d9f9e6,stroke:#2fb367,stroke-width:4px,color:#23864d
%% Link Styling
linkStyle default stroke:#cddc39,stroke-width:2px

flowchart LR
subgraph Education ["<b>ACADEMIC JOURNEY</b>"]
direction LR
HS(["<b>A.K High School</b><br/>S.S.C"])
DCC(["<b>Dhaka City College</b><br/>H.S.C"])
DIU(["<b>Daffodil International University</b><br/>BSc in SWE"])
end
%% Flow with thick stylized lines
HS ==> DCC ==> DIU
%% High-Contrast Styling (Works for Light & Dark Mode)
style HS fill:#c8e6c9,stroke:#357a38,stroke-width:2px,color:#166534
style DCC fill:#ffcdd2,stroke:#b71c1c,stroke-width:2px,color:#854d0e
style DIU fill:#c8e6c9,stroke:#357a38,stroke-width:3px,color:#166534
%% Container Styling
style Education fill:none,stroke:#c8e6c9,stroke-width:2px,stroke-dasharray: 5 5
%% Link Styling
linkStyle default stroke:#c8e6c9,stroke-width:4px