Update fastapi icon

Author: Magicherry

src/components/About/Techstack.js

@@ -12,7 +12,7 @@ const techStackIcons = [
     { icon: <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/python/python-original.svg" alt="Python" style={{ width: "1em", height: "1em" }} />, name: "Python", link: "https://www.python.org/" },
     { icon: <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/django/django-plain.svg" alt="Django" style={{ width: "1em", height: "1em", filter: "brightness(3.5) contrast(1.2)" }} />, name: "Django", link: "https://www.djangoproject.com/" },
     { icon: <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/flask/flask-original.svg" alt="Flask" style={{ width: "1em", height: "1em" }} className="theme-invert" />, name: "Flask", link: "https://flask.palletsprojects.com/" },
-    { icon: <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/fastapi/fastapi-original.svg" alt="FastAPI" style={{ width: "1em", height: "1em", filter: "brightness(1.2) contrast(1.1)" }} />, name: "FastAPI", link: "https://fastapi.tiangolo.com/" },
+    { icon: <span className="tech-icon-fastapi-brand" aria-hidden="true" />, name: "FastAPI", link: "https://fastapi.tiangolo.com/" },
     { icon: <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nodejs/nodejs-original.svg" alt="Node.js" style={{ width: "1em", height: "1em",filter: "brightness(1.2) contrast(1.0)" }} />, name: "Node.js", link: "https://nodejs.org/" },
 
     // Frontend

src/css/style.css

@@ -2880,6 +2880,23 @@ body.homepage .home-about-section {
     filter: brightness(1.35) contrast(1.08);
 }
 
+/* FastAPI: official white SVG as mask, filled with brand teal */
+.tech-icons__icon .tech-icon-fastapi-brand {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    flex-shrink: 0;
+    background-color: #019486;
+    mask-image: url("https://fastapi.tiangolo.com/img/icon-white.svg");
+    mask-size: contain;
+    mask-repeat: no-repeat;
+    mask-position: center;
+    -webkit-mask-image: url("https://fastapi.tiangolo.com/img/icon-white.svg");
+    -webkit-mask-size: contain;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+}
+
 .tech-icons__name {
     font-size: 1.05rem;
     font-weight: 600;