diff --git a/app/components/hero.tsx b/app/components/hero.tsx
index 62f5992..701bee5 100644
--- a/app/components/hero.tsx
+++ b/app/components/hero.tsx
@@ -15,14 +15,14 @@ import { Contra } from "@/icons";
 export function Hero() {
   return (
     <section className="p-8 sm:p-10 lg:p-20">
-      <div className="max-w-2xl mx-auto">
-        <div className="relative size-26 md:size-28 lg:size-32 ">
+      <div className="mx-auto max-w-2xl">
+        <div className="relative size-26 md:size-28 lg:size-32">
           <Image
             src="/avatar.png"
             alt="sajadevo avatar"
             width={1024}
             height={1024}
-            className="size-full border border-secondary object-cover object-center rounded-full"
+            className="border-secondary size-full rounded-full border object-cover object-center"
           />
           <TooltipProvider delayDuration={0}>
             <Tooltip>
@@ -30,14 +30,14 @@ export function Hero() {
                 <Link
                   href="https://tiny.supply?ref=sajadevo"
                   target="_blank"
-                  className="absolute bottom-2 right-2"
+                  className="absolute right-2 bottom-2"
                 >
                   <Image
                     src="https://framerusercontent.com/images/HAsr1urDKnVXkS4v4m7XoFC7GE.svg"
                     alt="tiny supply"
                     width={250}
                     height={250}
-                    className="size-6 bg-secondary border border-secondary rounded-full"
+                    className="bg-secondary border-secondary size-6 rounded-full border"
                   />
                 </Link>
               </TooltipTrigger>
@@ -45,29 +45,29 @@ export function Hero() {
             </Tooltip>
           </TooltipProvider>
         </div>
-        <h1 className="text-primary font-medium text-2xl xs:text-3xl md:text-4xl lg:text-5xl mt-8 leading-tight">
+        <h1 className="xs:text-3xl mt-8 text-2xl leading-tight font-medium text-black md:text-4xl lg:text-5xl">
           Hey, I&apos;m Sajad.
           <br />
           Developer & Designer
         </h1>
-        <p className="text-foreground text-balance text-base md:text-lg mt-4">
+        <p className="text-foreground mt-4 text-base text-balance md:text-lg">
           A web developer and designer with 7+ year experience helping startups
           and early-stage companies to build their websites and apps.
         </p>
-        <div className="flex items-center flex-col xs:flex-row gap-3 mt-8">
+        <div className="xs:flex-row mt-8 flex flex-col items-center gap-3">
           <Link
             href="https://cal.com/sajadevo/talk-with-sajad"
             target="_blank"
-            className="w-full xs:w-auto"
+            className="xs:w-auto w-full"
           >
             <Button className="w-full">Book a call</Button>
           </Link>
           <Link
             href="https://contra.com/sajadevo"
             target="_blank"
-            className="w-full xs:w-auto"
+            className="xs:w-auto w-full"
           >
-            <Button variant="secondary" className="gap-2 w-full">
+            <Button variant="secondary" className="w-full gap-2">
               <Contra className="size-4 shrink-0" /> Hire me on Contra
             </Button>
           </Link>
diff --git a/app/components/services.tsx b/app/components/services.tsx
index 5034e7f..c72ade7 100644
--- a/app/components/services.tsx
+++ b/app/components/services.tsx
@@ -9,11 +9,11 @@ import { Codepen, Figma, PencilRuler } from "lucide-react";
 export function Services() {
   return (
     <section className="p-8 sm:p-10 lg:p-20">
-      <div className="max-w-2xl mx-auto">
-        <h2 className="text-xl md:text-2xl text-black font-medium mb-10">
+      <div className="mx-auto max-w-2xl">
+        <h2 className="mb-10 text-xl font-medium text-black md:text-2xl">
           What I do
         </h2>
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+        <div className="grid grid-cols-1 gap-6 md:grid-cols-2">
           <ServiceCard
             icon={Codepen}
             title="Web Development"
@@ -30,28 +30,28 @@ export function Services() {
             title="Product Design"
             description="Delivering functional and visually engaging products that meet business goals and user needs."
           />
-          <div className="border border-secondary flex flex-col justify-center items-center border-dashed rounded-[10px] p-6 text-center">
+          <div className="border-secondary flex flex-col items-center justify-center rounded-[10px] border border-dashed p-6 text-center">
             <div className="flex items-center justify-center gap-2">
               <Image
                 src="/avatar.png"
                 alt="sajadevo avatar"
                 width={256}
                 height={256}
-                className="size-10 border border-secondary object-cover object-center rounded-full"
+                className="border-secondary size-10 rounded-full border object-cover object-center"
               />
-              <span className="font-medium text-foreground">+</span>
-              <div className="size-10 rounded-full border text-xs bg-background font-medium text-primary border-secondary grid place-items-center">
+              <span className="text-foreground font-medium">+</span>
+              <div className="bg-background border-secondary grid size-10 place-items-center rounded-full border text-xs font-medium text-black">
                 You
               </div>
             </div>
-            <p className="text-foreground max-w-40 text-base mx-auto my-4">
+            <p className="text-foreground mx-auto my-4 max-w-40 text-base">
               Currently accepting projects for Q1 2025
             </p>
             <Link
               href="https://cal.com/sajadevo/talk-with-sajad"
               target="_blank"
             >
-              <Button className="h-9 px-3 text-sm rounded-lg">
+              <Button className="h-9 rounded-lg px-3 text-sm">
                 Book a call
               </Button>
             </Link>
diff --git a/app/globals.css b/app/globals.css
index b552c07..9cee3dd 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -14,6 +14,17 @@
   --breakpoint-xs: 480px;
 }
 
+@variant dark (&:where(.dark, .dark *));
+
+.dark {
+  --color-white: #010101;
+  --color-black: #fcfcfc;
+  --color-background: #010101;
+  --color-foreground: #a4a4a4;
+  --color-secondary: #151515;
+  --color-primary: #fcfcfc;
+}
+
 ::selection {
   @apply bg-primary text-white;
 }
diff --git a/app/layout.tsx b/app/layout.tsx
index 78c556e..63641d5 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,5 +1,8 @@
 // @components
-import { Header, Footer, FrameLines } from "@/components";
+import { Header } from "@/components/header";
+import { Footer } from "@/components/footer";
+import { Providers } from "@/components/providers";
+import { FrameLines } from "@/components/frame-lines";
 import { OpenPanelComponent } from "@openpanel/nextjs";
 
 // @utils
@@ -30,7 +33,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning>
       <OpenPanelComponent
         clientId={process.env.OPENPANEL_CLIENT_ID!}
         trackScreenViews={true}
@@ -40,12 +43,14 @@ export default function RootLayout({
       <body
         className={`${georgiaSerif.variable} ${geistSans.variable} bg-background relative overflow-x-hidden px-6 antialiased sm:px-8 md:px-16`}
       >
-        <FrameLines />
-        <Header />
-        <main className="min-h-[calc(100vh-48px)] md:min-h-[calc(100vh-65px)]">
-          {children}
-        </main>
-        <Footer />
+        <Providers>
+          <FrameLines />
+          <Header />
+          <main className="min-h-[calc(100vh-48px)] md:min-h-[calc(100vh-65px)]">
+            {children}
+          </main>
+          <Footer />
+        </Providers>
       </body>
     </html>
   );
diff --git a/app/page.tsx b/app/page.tsx
index 1d50a34..1a8db98 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,6 +1,6 @@
 // @components
 import Link from "next/link";
-import { Button } from "@/components";
+import { Button } from "@/components/button";
 
 // @icons
 import { Contra } from "@/icons";
@@ -27,7 +27,7 @@ export default async function Home() {
   return (
     <div className="grid min-h-[calc(100vh-48px)] place-items-center md:min-h-[calc(100vh-65px)]">
       <div className="mx-auto max-w-4xl px-6 pt-12 pb-24 sm:px-8 sm:pt-16 sm:pb-36">
-        <h1 className="text-primary xs:text-3xl font-serif text-3xl leading-tight sm:text-4xl md:text-5xl">
+        <h1 className="xs:text-3xl font-serif text-3xl leading-tight text-black sm:text-4xl md:text-5xl">
           Hey, I&apos;m Sajad.
           <br />
           Developer & Designer
diff --git a/components/button.tsx b/components/button.tsx
index 33547e8..46539ee 100644
--- a/components/button.tsx
+++ b/components/button.tsx
@@ -14,7 +14,7 @@ const buttonVariants = cva(
       variant: {
         default: "bg-primary text-white border-primary hover:opacity-85",
         secondary:
-          "bg-transparent text-primary border-secondary hover:bg-secondary/25",
+          "bg-transparent text-black border-secondary hover:bg-secondary/25 dark:hover:bg-secondary/50",
       },
     },
     defaultVariants: {
diff --git a/components/header.tsx b/components/header.tsx
index 557241e..ddb7fd9 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -5,6 +5,8 @@ import React from "react";
 // @components
 import Image from "next/image";
 import Link, { type LinkProps } from "next/link";
+import { Button } from "@/components/button";
+import { ThemeToggle } from "@/components/theme-toggle";
 import {
   Dialog,
   DialogTrigger,
@@ -12,10 +14,10 @@ import {
   DialogPortal,
   DialogClose,
 } from "@/components/dialog";
-import { Button } from "@/components/button";
+import { Sajad } from "@/components/sajad";
 
 // @icons
-import { RiCommandLine, RiSunLine, RiCloseLine } from "@remixicon/react";
+import { RiCommandLine, RiCloseLine, RiArrowRightLine } from "@remixicon/react";
 
 // @hooks
 import { usePathname } from "next/navigation";
@@ -34,15 +36,9 @@ export function Header() {
     <header className="flex justify-between">
       <Link
         href="/"
-        className="border-secondary hover:bg-secondary/25 size-12 border-r bg-transparent p-2 transition-colors duration-200 md:size-16 md:p-3"
+        className="border-secondary hover:bg-secondary/25 dark:hover:bg-secondary/50 size-12 border-r bg-transparent p-2 transition-colors duration-200 md:size-16 md:p-3"
       >
-        <Image
-          src="/avatar.svg"
-          alt="avatar"
-          width={64}
-          height={64}
-          className="size-full"
-        />
+        <Sajad className="text-primary size-full" />
       </Link>
       <nav className="hidden h-12 items-center gap-1 sm:flex md:h-16">
         {links.map((link) => {
@@ -60,13 +56,11 @@ export function Header() {
         })}
       </nav>
       <div className="flex">
-        <button className="hover:bg-secondary/25 border-secondary text-foreground grid size-12 cursor-pointer place-items-center overflow-hidden border-l bg-transparent p-1 text-base font-normal transition-colors duration-200 hover:text-black md:size-16">
-          <RiSunLine className="size-4 transition-colors duration-200 md:size-5" />
-        </button>
+        <ThemeToggle />
         <Dialog>
           <DialogTrigger asChild>
-            <button className="hover:bg-secondary/25 border-secondary text-foreground grid size-12 cursor-pointer place-items-center overflow-hidden border-l bg-transparent p-1 text-base font-normal transition-colors duration-200 hover:text-black sm:hidden md:size-16">
-              <RiCommandLine className="size-4 transition-colors duration-200 md:size-5" />
+            <button className="hover:bg-secondary/25 dark:hover:bg-secondary/50 border-secondary text-foreground grid size-12 cursor-pointer place-items-center overflow-hidden border-l bg-transparent p-1 text-base font-normal transition-all duration-200 hover:text-black sm:hidden md:size-16">
+              <RiCommandLine className="size-4 md:size-5" />
             </button>
           </DialogTrigger>
           <DialogPortal>
@@ -79,8 +73,8 @@ export function Header() {
                 <RiCloseLine className="size-5" />
               </Button>
             </DialogClose>
-            <div className="fixed top-1/2 left-1/2 z-50 size-3/4 -translate-x-1/2 -translate-y-1/2">
-              <div className="border-secondary relative grid size-full place-items-center border">
+            <div className="fixed top-1/2 left-1/2 z-50 w-1/2 -translate-x-1/2 -translate-y-1/2">
+              <div className="border-secondary relative size-full border">
                 {/* dots */}
                 <div
                   className={cn(
@@ -106,7 +100,22 @@ export function Header() {
                     "right-0 bottom-0 translate-x-1/2 translate-y-1/2",
                   )}
                 />
-                hello
+                {/* menu */}
+                <div className="divide-secondary divide-y">
+                  {links.map((link) => {
+                    const isHome = link === "home";
+
+                    return (
+                      <MobileNavLink
+                        key={link}
+                        href={isHome ? "/" : link}
+                        isActive={pathname === (isHome ? "/" : `/${link}`)}
+                      >
+                        {link}
+                      </MobileNavLink>
+                    );
+                  })}
+                </div>
               </div>
             </div>
           </DialogPortal>
@@ -135,3 +144,24 @@ function NavLink({
     </Link>
   );
 }
+
+function MobileNavLink({
+  children,
+  isActive,
+  ...props
+}: { children: React.ReactNode; isActive?: boolean } & LinkProps) {
+  return (
+    <Link
+      {...props}
+      className={cn(
+        "group/nav-link text-foreground hover:bg-secondary/25 dark:hover:bg-secondary/50 flex h-full w-full items-center justify-between gap-4 py-4 pr-4 pl-5 text-xl capitalize transition-all duration-200 hover:text-black",
+        {
+          "text-black": isActive,
+        },
+      )}
+    >
+      {children}
+      <RiArrowRightLine className="size-5 translate-x-1/2 opacity-0 transition-all duration-200 group-hover/nav-link:translate-x-0 group-hover/nav-link:opacity-100" />
+    </Link>
+  );
+}
diff --git a/components/index.ts b/components/index.ts
deleted file mode 100644
index c770716..0000000
--- a/components/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export * from "./input";
-export * from "./button";
-export * from "./textarea";
-export * from "./project-frame";
-export * from "./footer";
-export * from "./header";
-export * from "./frame-lines";
-export * from "./experience-timeline";
-export * from "./recommendation-card";
diff --git a/components/providers.tsx b/components/providers.tsx
new file mode 100644
index 0000000..94c06e7
--- /dev/null
+++ b/components/providers.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+// @components
+import { ThemeProvider } from "next-themes";
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <ThemeProvider
+      attribute="class"
+      defaultTheme="light"
+      disableTransitionOnChange
+    >
+      {children}
+    </ThemeProvider>
+  );
+}
diff --git a/components/sajad.tsx b/components/sajad.tsx
new file mode 100644
index 0000000..90dc4b8
--- /dev/null
+++ b/components/sajad.tsx
@@ -0,0 +1,204 @@
+export function Sajad(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      width={90}
+      height={90}
+      viewBox="0 0 90 90"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <g clipPath="url(#clip0_180_42)">
+        <mask
+          id="mask0_180_42"
+          style={{ maskType: "luminance" }}
+          maskUnits="userSpaceOnUse"
+          x={0}
+          y={0}
+          width={90}
+          height={90}
+        >
+          <path d="M0 0H90V90H0V0Z" fill="white" />
+        </mask>
+        <g mask="url(#mask0_180_42)">
+          <path d="M0 0H90V90H0V0Z" fill="transparent" />
+          <path
+            d="M71.6146 41.1992H64.5791"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M28.3838 70.2677L31.4999 76.5436C31.5093 76.5625 31.5206 76.5804 31.5338 76.5969L35.7364 81.882C35.7933 81.9536 35.8798 81.9953 35.9712 81.9953H38.8918C38.9785 81.9953 39.0609 82.0328 39.1179 82.0982L40.9208 84.1664C41.0794 84.3484 41.3771 84.278 41.4374 84.0442L42.1548 81.2643C42.189 81.1318 42.3085 81.0393 42.4453 81.0393H45.7795C45.7976 81.0393 45.816 81.0376 45.8337 81.0343C53.816 79.5707 56.7491 74.9359 56.9718 72.8789C56.9735 72.8628 56.9737 72.8474 56.9726 72.8312L56.6803 68.2317C56.6724 68.1081 56.7415 67.9932 56.8516 67.9364C60.3265 66.1418 61.952 59.9236 63.0335 56.7183C63.0391 56.7015 63.043 56.6857 63.0456 56.6682C63.433 54.0889 64.29 48.4313 64.6499 46.2267C65.0023 44.0681 65.1556 41.7905 65.0229 40.9565C65.0166 40.917 65.0169 40.8773 65.0252 40.8381L65.7269 37.5298C65.7394 37.4708 65.7339 37.4094 65.711 37.3536L65.0529 35.7499C65.0268 35.6863 65.0234 35.6157 65.0431 35.5498L65.7708 33.1241C65.7792 33.0962 65.7835 33.0671 65.7835 33.0379V29.8698V24.5131C65.7835 24.4087 65.7292 24.3118 65.6401 24.2572L59.5353 20.5196C59.5039 20.5004 59.4692 20.4871 59.433 20.4804L49.053 18.5695C49.0286 18.565 49.0038 18.5635 48.979 18.5651L40.2811 19.1361C40.2376 19.1389 40.1953 19.1512 40.1571 19.172L36.2487 21.3035C36.0993 21.385 36.0476 21.5742 36.1346 21.7204L39.6465 27.6148C39.7165 27.7323 39.6981 27.8823 39.6018 27.9795L32.9445 34.6975C32.9097 34.7326 32.8668 34.7586 32.8195 34.7731L25.664 36.9711C25.6017 36.9902 25.547 37.0289 25.5105 37.083C25.2098 37.5293 24.6354 38.5917 24.3467 39.8909C23.9613 41.6254 25.5032 44.709 26.4669 46.9575C27.1773 48.6153 28.8518 49.1636 29.7804 49.2562C29.9112 49.2692 30.0239 49.3511 30.0542 49.4789C30.9267 53.1697 29.7704 65.0224 28.9728 69.0213C28.9658 69.0567 28.9528 69.0877 28.9337 69.1183L28.3981 69.9753C28.3429 70.0637 28.3374 70.1744 28.3838 70.2677Z"
+            fill="transparent"
+          />
+          <path
+            d="M60.1039 43.1916C60.1039 40.0106 61.6763 37.5293 65.1994 37.5293C70.0495 37.5293 71.143 39.5901 70.7469 42.4196C70.3507 45.2492 68.8296 48.7142 64.7651 48.7142C63.0813 48.7142 61.7819 48.2662 60.9057 47.1267M60.1039 43.1916C60.6065 46.8202 61.6233 48.0935 60.563 49.6479C59.4888 51.2227 56.373 50.7541 54.9316 50.6033M60.1039 43.1916L59.4909 40.6057"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M44.07 42.7428C42.9638 43.3861 42.8041 45.175 43.7133 46.7385C44.6224 48.3019 46.2562 49.0478 47.3624 48.4045C48.8141 47.5604 49.4187 46.1677 48.5095 44.6043C47.6003 43.0408 45.1762 42.0996 44.07 42.7428Z"
+            fill="#FED1D0"
+          />
+          <path
+            d="M55.3323 40.6274C55.0716 43.8831 53.321 47.1828 49.2566 47.1828C46.557 47.1828 43.5723 44.9243 43.5723 41.7433C43.5723 37.3967 44.8858 35.7109 49.2566 35.7109C53.6274 35.7109 55.5637 37.7376 55.3323 40.6274Z"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M55.3125 39.201C56.554 38.3372 59.5403 37.3047 60.6815 39.5459"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M43.9334 38.365L35.416 37.9863"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M34.4488 57.3635L33.0527 39.873H35.5669C35.4999 41.5655 35.2653 45.6443 36.0697 48.4198C36.7771 50.8601 40.0987 52.7035 41.9956 53.5118C42.4016 53.6848 42.6676 54.0915 42.6548 54.5326C42.38 64.0084 47.1438 64.3261 48.0262 64.4732C48.9313 64.624 51.6565 63.9563 54.4722 64.0066C56.7247 64.0468 58.7627 65.0624 59.5002 65.5652C59.0644 66.3027 57.3582 67.9485 54.0197 68.6323C50.6811 69.3161 46.8296 67.3418 45.3212 66.2692L35.7249 59.5867C34.9884 59.0739 34.5202 58.2582 34.4488 57.3635Z"
+            fill="transparent"
+          />
+          <path
+            d="M27.651 36.1477C30.2648 35.8173 32.5009 38.3328 33.2922 39.6319L34.8905 39.8386C34.8905 38.514 35.3133 37.9503 35.8185 33.7892C36.1024 31.451 39.3716 28.6439 40.7459 28.2584C40.2766 27.8227 38.9962 26.3981 37.6286 24.1858C36.2609 21.9734 37.757 20.9578 38.5447 20.5891C41.7224 20.9913 43.0196 19.7846 43.271 19.131C46.0364 21.293 46.8298 22.1243 50.8522 21.0684C54.8746 20.0125 53.3159 20.1982 58.9975 23.8184C64.6791 27.4385 63.5308 24.706 64.7878 25.3094C65.7934 25.7921 65.8105 27.0451 65.9365 28.2185C66.0289 29.0787 66.071 31.3971 65.5007 33.7892C67.0709 31.8121 67.7399 29.6001 67.8782 28.7413C69.2581 27.3614 70.2453 25.7421 70.6797 24.5506C70.7752 24.2887 70.7301 24.0005 70.5833 23.7636L69.2549 21.6214C71.5879 16.3923 67.3443 13.0068 64.9309 11.9677C64.8471 12.4873 64.7878 13.6984 64.7878 13.6984C60.9163 13.6482 60.1037 9.60497 56.9863 9.25263C53.8689 8.90028 51.2544 7.84517 46.4778 7.0407C42.6565 6.39711 37.5448 8.48205 35.4665 9.60497L32.5 8.95149C32.4868 10.2433 32.0413 11.3723 31.3769 12.332C31.0549 12.7971 29.0707 11.6492 29.0707 11.6492C28.8439 11.8477 29.4848 14.3101 29.0707 14.6046C28.0937 15.2994 27.651 15.8925 26.8977 16.4505L27.651 17.8507C27.189 18.2863 26.2349 19.6505 26.1142 21.6214C25.9935 23.5924 27.0884 27.5046 27.651 29.2144V36.1477Z"
+            fill="currentColor"
+          />
+          <path
+            d="M27.6511 36.1477C30.2649 35.8173 32.501 38.3328 33.2923 39.6319L34.8906 39.8386C34.8906 38.514 35.3134 37.9503 35.8186 33.7892C36.1025 31.451 39.3717 28.6439 40.746 28.2584C40.2767 27.8227 38.9963 26.3981 37.6287 24.1858C36.261 21.9734 37.7571 20.9578 38.5448 20.5891C41.7225 20.9913 43.0197 19.7846 43.2711 19.131C46.0365 21.293 46.8299 22.1243 50.8523 21.0684C54.8747 20.0125 53.316 20.1982 58.9976 23.8184C64.6792 27.4385 63.5309 24.706 64.7879 25.3094C65.7935 25.7921 65.8106 27.0451 65.9366 28.2185C66.029 29.0787 66.0711 31.3971 65.5008 33.7892C67.071 31.8121 67.74 29.6001 67.8783 28.7413C69.2582 27.3614 70.2454 25.7421 70.6798 24.5506C70.7753 24.2887 70.7302 24.0005 70.5833 23.7636L69.255 21.6214C71.588 16.3923 67.3444 13.0068 64.931 11.9677C64.8472 12.4873 64.7879 13.6984 64.7879 13.6984C60.9164 13.6482 60.1038 9.60497 56.9864 9.25263C53.869 8.90028 51.2545 7.84517 46.4779 7.0407C42.6566 6.39711 37.5449 8.48205 35.4666 9.60497L32.5001 8.95149C32.4869 10.2433 32.0414 11.3723 31.377 12.332C31.055 12.7971 29.0708 11.6492 29.0708 11.6492C28.844 11.8477 29.4849 14.3101 29.0708 14.6046C28.0938 15.2994 27.6511 15.8925 26.8978 16.4505L27.6511 17.8507C27.1891 18.2863 26.235 19.6505 26.1143 21.6214C25.9936 23.5924 27.0885 27.5046 27.6511 29.2144V36.1477ZM27.6511 36.1477C26.1334 36.3336 23.3992 37.9725 24.6057 42.0351C26.1138 47.1134 26.8185 48.3704 29.1314 48.9737C31.4442 49.5771 32.1102 49.376 32.6007 48.9737"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M28.9697 40.6377L29.8722 45.264"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M30.7659 42.0947L28.0078 43.3182"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M29.8364 49.2754C30.1719 50.7499 30.7279 60.6529 29.2373 69.7436"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M65.5339 37.5098L64.9307 35.498"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M43.0586 64.7605C46.9301 67.6767 50.2268 68.984 53.9475 68.6321C57.6682 68.2801 58.6239 66.6711 61.2385 61.2911C63.853 55.9112 63.252 55.73 64.0062 52.0592C64.6095 49.1226 64.9015 47.155 64.9684 45.8146L64.842 42.9688"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M51.1035 55.1156L50.1659 54.9121C49.9266 54.8602 49.685 54.9891 49.5949 55.2168L49.5875 55.2354C49.5012 55.4537 49.5777 55.702 49.7703 55.8361C50.79 56.5462 52.2454 57.6411 53.0232 58.2314C53.3739 58.4975 53.8011 58.6423 54.2412 58.6423H56.6027C56.9793 58.6423 57.3482 58.536 57.667 58.3357L59.4665 57.2046C60.0388 56.8449 60.0968 56.0328 59.5814 55.5955L58.362 54.5608C58.106 54.3435 57.7462 54.2969 57.4432 54.4417C56.9441 54.6802 56.3603 54.6617 55.8773 54.392L55.5653 54.2177C55.3338 54.0885 55.0604 54.0564 54.8053 54.1286L51.3458 55.1081C51.2669 55.1304 51.1837 55.133 51.1035 55.1156Z"
+            fill="#FED1D0"
+          />
+          <path
+            d="M48.8262 54.3712C49.4224 53.8062 50.2149 53.5098 51.0334 53.4417C52.6466 53.3075 53.5804 52.9214 54.7933 52.5408C55.047 52.4612 55.3221 52.4918 55.5552 52.6197L56.747 53.2738L57.4979 52.9357C57.8145 52.7931 58.1823 52.8249 58.4697 53.0198L60.7437 54.5618C60.9898 54.7286 61.1802 54.9654 61.2904 55.2416"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            opacity="0.2"
+            d="M56.4211 59.0078H54.0778C53.8448 59.0078 53.7007 59.2619 53.8203 59.4618L54.6403 60.8325C54.7372 60.9946 54.958 61.0278 55.0984 60.9015L56.6218 59.5308C56.8262 59.3469 56.6961 59.0078 56.4211 59.0078Z"
+            fill="currentColor"
+          />
+          <path
+            d="M56.7285 68.4238V73.0349"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M56.8902 69.6895C59.7567 72.0779 63.782 76.7007 58.4315 85.9578C55.866 85.2148 50.0116 84.1101 45.6379 81.0528M45.6379 81.0528C48.7515 80.5574 55.361 78.176 56.8901 72.6134M45.6379 81.0528L42.1877 80.7344L41.3584 84.2764"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M29.5084 66.2871C29.2669 66.4247 28.9732 66.6307 28.6453 66.9083M28.6453 66.9083C27.0755 68.2374 25.3193 70.9421 24.1604 75.8949L22.1582 82.7749L26.1372 83.9685C29.375 84.7647 32.4808 84.5997 35.8247 81.7335M28.6453 66.9083C28.5069 75.0056 33.3739 80.1656 35.8247 81.7335M35.8247 81.7335H38.4787C39.8587 82.9012 43.0434 86.1071 44.7419 89.589"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M44.5051 85.4615C45.1795 85.4615 45.7261 84.9148 45.7261 84.2405C45.7261 83.5662 45.1795 83.0195 44.5051 83.0195C43.8308 83.0195 43.2842 83.5662 43.2842 84.2405C43.2842 84.9148 43.8308 85.4615 44.5051 85.4615Z"
+            fill="currentColor"
+          />
+          <path
+            d="M24.0157 75.4141C16.1599 77.9974 1.30928 82.6099 -0.898438 83.1196M61.0783 76.1258C68.7038 79.8943 84.9477 87.503 90.3829 89.1166"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M34.2236 83.3105C35.4214 83.6158 38.1958 85.5591 39.7119 90.8906"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M61.0986 35.9668C62.7398 35.9671 65.6335 36.6225 66.0157 37.5723"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M53.5789 34.5686L50.0121 33.8535H47.3831C46.8276 33.8535 43.9715 34.222 43.1777 35.2425"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M50.7908 38.4109C50.7908 37.4208 50.163 36.6182 49.3886 36.6182C48.6141 36.6182 47.9863 37.4208 47.9863 38.4109C47.9863 39.401 48.6141 40.2036 49.3886 40.2036C50.163 40.2036 50.7908 39.401 50.7908 38.4109Z"
+            fill="currentColor"
+          />
+          <path
+            d="M64.4412 40.2038C64.4412 39.2137 63.846 38.4111 63.1117 38.4111C62.3775 38.4111 61.7822 39.2137 61.7822 40.2038C61.7822 41.1939 62.3775 41.9965 63.1117 41.9965C63.846 41.9965 64.4412 41.1939 64.4412 40.2038Z"
+            fill="currentColor"
+          />
+        </g>
+      </g>
+      <defs>
+        <clipPath id="clip0_180_42">
+          <rect width={90} height={90} rx={45} fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
diff --git a/components/theme-toggle.tsx b/components/theme-toggle.tsx
new file mode 100644
index 0000000..f4d9b92
--- /dev/null
+++ b/components/theme-toggle.tsx
@@ -0,0 +1,53 @@
+"use client";
+
+import React from "react";
+import { flushSync } from "react-dom";
+
+// @icons
+import { RiSunLine, RiMoonLine } from "@remixicon/react";
+
+// @hooks
+import { useTheme } from "next-themes";
+
+export function ThemeToggle() {
+  const { theme, setTheme } = useTheme();
+  const [mounted, setMounted] = React.useState(false);
+
+  React.useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  if (!mounted) {
+    return null;
+  }
+
+  async function toggleTheme() {
+    const nextTheme = theme === "dark" ? "light" : "dark";
+    if (
+      !document.startViewTransition ||
+      window.matchMedia("(prefers-reduced-motion: reduce)").matches
+    ) {
+      setTheme(nextTheme);
+      return;
+    }
+
+    await document.startViewTransition(() => {
+      flushSync(() => {
+        setTheme(nextTheme);
+      });
+    }).ready;
+  }
+
+  return (
+    <button
+      onClick={toggleTheme}
+      className="hover:bg-secondary/25 dark:hover:bg-secondary/50 border-secondary text-foreground grid size-12 cursor-pointer place-items-center overflow-hidden border-l bg-transparent p-1 text-base font-normal transition-all duration-200 hover:text-black md:size-16"
+    >
+      {theme === "dark" ? (
+        <RiMoonLine className="size-4 md:size-5" />
+      ) : (
+        <RiSunLine className="size-4 md:size-5" />
+      )}
+    </button>
+  );
+}
diff --git a/icons/contra.tsx b/icons/contra.tsx
index c9dbecb..ac59d26 100644
--- a/icons/contra.tsx
+++ b/icons/contra.tsx
@@ -13,31 +13,31 @@ export function Contra(props: React.SVGProps<SVGSVGElement>) {
           fillRule="evenodd"
           clipRule="evenodd"
           d="M10.961 0.186768H10.735V9.27177H19.8143V8.9931C15.4977 7.88343 12.096 4.4951 10.961 0.186768Z"
-          fill="#030712"
+          fill="currentColor"
         />
         <path
           fillRule="evenodd"
           clipRule="evenodd"
           d="M10.9217 9.08524H19.4433C15.3747 7.92124 12.165 4.76758 10.9217 0.725911V9.08524ZM19.814 9.45791H10.7343C10.6849 9.45782 10.6375 9.43812 10.6026 9.40312C10.5676 9.36812 10.548 9.32069 10.548 9.27124V0.186577C10.548 0.0835775 10.6313 0.000244141 10.7347 0.000244141H10.9607C11.0018 0.000349499 11.0417 0.0140324 11.0743 0.0391676C11.1068 0.0643027 11.1302 0.0994831 11.1407 0.139244C12.2617 4.39458 15.6027 7.71791 19.8607 8.81258C19.9007 8.82298 19.9361 8.84637 19.9614 8.87906C19.9866 8.91176 20.0003 8.95192 20.0003 8.99324V9.27191C20.0003 9.37458 19.917 9.45824 19.8137 9.45824M19.8147 10.9546V10.7282H10.735V19.8136H11.0133C12.1227 15.4942 15.5087 12.0902 19.8147 10.9546Z"
-          fill="#030712"
+          fill="currentColor"
         />
         <path
           fillRule="evenodd"
           clipRule="evenodd"
           d="M10.9217 10.9146V19.4412C11.4954 17.4374 12.5598 15.6082 14.0185 14.1194C15.4772 12.6306 17.2843 11.5291 19.276 10.9146H10.9217ZM11.013 19.9999H10.7343C10.6849 19.9998 10.6375 19.9801 10.6026 19.9451C10.5676 19.9101 10.548 19.8627 10.548 19.8132V10.7282C10.548 10.6256 10.6313 10.5422 10.7347 10.5422H19.814C19.9167 10.5422 20.0003 10.6256 20.0003 10.7282V10.9546C20.0002 10.9956 19.9866 11.0356 19.9615 11.0681C19.9365 11.1006 19.9014 11.124 19.8617 11.1346C17.7716 11.6871 15.8667 12.7868 14.343 14.3205C12.8194 15.8542 11.7322 17.7663 11.1933 19.8599C11.183 19.8999 11.1597 19.9354 11.1271 19.9607C11.0944 19.986 11.0543 19.9998 11.013 19.9999ZM9.04 19.8132H9.26666V10.7286H0.186661V11.0072C4.50333 12.1172 7.90499 15.5049 9.04 19.8139"
-          fill="#030712"
+          fill="currentColor"
         />
         <path
           fillRule="evenodd"
           clipRule="evenodd"
           d="M0.555334 10.9148C4.62433 12.0788 7.834 15.2324 9.07733 19.2741V10.9148H0.555334ZM9.26533 20.0001H9.03967C8.99854 20 8.9586 19.9863 8.92606 19.9612C8.89351 19.936 8.87017 19.9009 8.85967 19.8611C7.73867 15.6058 4.39733 12.2824 0.139667 11.1878C0.0996165 11.1773 0.064164 11.1539 0.0388824 11.1212C0.0136007 11.0884 -7.66259e-05 11.0482 3.22917e-07 11.0068V10.7284C3.22917e-07 10.6258 0.0833337 10.5421 0.186334 10.5421H9.26567C9.36833 10.5421 9.45167 10.6254 9.45167 10.7288V19.8134C9.45167 19.9168 9.36833 20.0001 9.26567 20.0001M0.186667 9.04543V9.27143H9.26667V0.186768H8.988C7.87867 4.50577 4.493 7.90977 0.186667 9.04543Z"
-          fill="#030712"
+          fill="currentColor"
         />
         <path
           fillRule="evenodd"
           clipRule="evenodd"
           d="M0.726333 9.085H9.08033V0.558C8.50672 2.56188 7.44239 4.39106 5.98371 5.87995C4.52502 7.36885 2.71804 8.47044 0.726333 9.085ZM9.26567 9.458H0.186333C0.136884 9.45791 0.0894902 9.43821 0.0545555 9.40321C0.0196208 9.36821 -7.88413e-08 9.32078 0 9.27133L0 9.04567C0 8.96067 0.0566667 8.88667 0.138667 8.86567C2.22875 8.3131 4.13374 7.21332 5.65738 5.6796C7.18102 4.14588 8.26823 2.23368 8.807 0.14C8.81731 0.100053 8.84057 0.0646487 8.87314 0.0393195C8.9057 0.0139902 8.94574 0.000163466 8.987 0L9.26567 0C9.36833 0 9.45167 0.0833333 9.45167 0.186667V9.27167C9.45167 9.37433 9.36833 9.458 9.26567 9.458Z"
-          fill="#030712"
+          fill="currentColor"
         />
       </g>
       <defs>
diff --git a/package.json b/package.json
index a05c24f..8a3167b 100644
--- a/package.json
+++ b/package.json
@@ -15,16 +15,18 @@
   },
   "dependencies": {
     "@hookform/resolvers": "3.9.1",
-    "@lottiefiles/dotlottie-react": "^0.12.1",
-    "@openpanel/nextjs": "^1.0.7",
-    "@radix-ui/react-dialog": "^1.1.4",
-    "@radix-ui/react-slot": "^1.1.1",
+    "@lottiefiles/dotlottie-react": "0.12.1",
+    "@openpanel/nextjs": "1.0.7",
+    "@radix-ui/react-dialog": "1.1.4",
+    "@radix-ui/react-slot": "1.1.1",
     "@radix-ui/react-tooltip": "1.1.6",
-    "@remixicon/react": "^4.6.0",
+    "@remixicon/react": "4.6.0",
     "@tailwindcss/postcss": "next",
-    "class-variance-authority": "^0.7.1",
+    "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
+    "motion": "^12.0.0",
     "next": "15.1.0",
+    "next-themes": "^0.4.4",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-fast-marquee": "1.6.5",
@@ -39,8 +41,8 @@
     "@types/react-dom": "19",
     "eslint": "9.17.0",
     "eslint-config-next": "15.1.0",
-    "prettier": "^3.4.2",
-    "prettier-plugin-tailwindcss": "^0.6.10",
+    "prettier": "3.4.2",
+    "prettier-plugin-tailwindcss": "0.6.10",
     "tailwindcss": "next",
     "typescript": "5"
   }
diff --git a/public/avatar.svg b/public/avatar.svg
index 1207a43..2a19a30 100644
--- a/public/avatar.svg
+++ b/public/avatar.svg
@@ -4,36 +4,36 @@
 <path d="M0 0H90V90H0V0Z" fill="white"/>
 </mask>
 <g mask="url(#mask0_180_42)">
-<path d="M0 0H90V90H0V0Z" fill="#F8F8F8"/>
-<path d="M71.6146 41.1992H64.5791" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M28.3838 70.2677L31.4999 76.5436C31.5093 76.5625 31.5206 76.5804 31.5338 76.5969L35.7364 81.882C35.7933 81.9536 35.8798 81.9953 35.9712 81.9953H38.8918C38.9785 81.9953 39.0609 82.0328 39.1179 82.0982L40.9208 84.1664C41.0794 84.3484 41.3771 84.278 41.4374 84.0442L42.1548 81.2643C42.189 81.1318 42.3085 81.0393 42.4453 81.0393H45.7795C45.7976 81.0393 45.816 81.0376 45.8337 81.0343C53.816 79.5707 56.7491 74.9359 56.9718 72.8789C56.9735 72.8628 56.9737 72.8474 56.9726 72.8312L56.6803 68.2317C56.6724 68.1081 56.7415 67.9932 56.8516 67.9364C60.3265 66.1418 61.952 59.9236 63.0335 56.7183C63.0391 56.7015 63.043 56.6857 63.0456 56.6682C63.433 54.0889 64.29 48.4313 64.6499 46.2267C65.0023 44.0681 65.1556 41.7905 65.0229 40.9565C65.0166 40.917 65.0169 40.8773 65.0252 40.8381L65.7269 37.5298C65.7394 37.4708 65.7339 37.4094 65.711 37.3536L65.0529 35.7499C65.0268 35.6863 65.0234 35.6157 65.0431 35.5498L65.7708 33.1241C65.7792 33.0962 65.7835 33.0671 65.7835 33.0379V29.8698V24.5131C65.7835 24.4087 65.7292 24.3118 65.6401 24.2572L59.5353 20.5196C59.5039 20.5004 59.4692 20.4871 59.433 20.4804L49.053 18.5695C49.0286 18.565 49.0038 18.5635 48.979 18.5651L40.2811 19.1361C40.2376 19.1389 40.1953 19.1512 40.1571 19.172L36.2487 21.3035C36.0993 21.385 36.0476 21.5742 36.1346 21.7204L39.6465 27.6148C39.7165 27.7323 39.6981 27.8823 39.6018 27.9795L32.9445 34.6975C32.9097 34.7326 32.8668 34.7586 32.8195 34.7731L25.664 36.9711C25.6017 36.9902 25.547 37.0289 25.5105 37.083C25.2098 37.5293 24.6354 38.5917 24.3467 39.8909C23.9613 41.6254 25.5032 44.709 26.4669 46.9575C27.1773 48.6153 28.8518 49.1636 29.7804 49.2562C29.9112 49.2692 30.0239 49.3511 30.0542 49.4789C30.9267 53.1697 29.7704 65.0224 28.9728 69.0213C28.9658 69.0567 28.9528 69.0877 28.9337 69.1183L28.3981 69.9753C28.3429 70.0637 28.3374 70.1744 28.3838 70.2677Z" fill="#F8F8F8"/>
-<path opacity="0.3" d="M43.1323 70.3034L34.9795 58.5195C37.0355 60.2872 42.192 63.8051 45.8278 66.2289C49.4636 68.6528 54.5534 69.0021 56.6815 68.6054L44.1675 76.1156C43.4406 76.5519 42.5346 75.9425 42.6647 75.1047L43.2981 71.0257C43.3374 70.7726 43.278 70.514 43.1323 70.3034Z" fill="#010101"/>
-<path d="M60.1039 43.1916C60.1039 40.0106 61.6763 37.5293 65.1994 37.5293C70.0495 37.5293 71.143 39.5901 70.7469 42.4196C70.3507 45.2492 68.8296 48.7142 64.7651 48.7142C63.0813 48.7142 61.7819 48.2662 60.9057 47.1267M60.1039 43.1916C60.6065 46.8202 61.6233 48.0935 60.563 49.6479C59.4888 51.2227 56.373 50.7541 54.9316 50.6033M60.1039 43.1916L59.4909 40.6057" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0 0H90V90H0V0Z" fill="transparent"/>
+<path d="M71.6146 41.1992H64.5791" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M28.3838 70.2677L31.4999 76.5436C31.5093 76.5625 31.5206 76.5804 31.5338 76.5969L35.7364 81.882C35.7933 81.9536 35.8798 81.9953 35.9712 81.9953H38.8918C38.9785 81.9953 39.0609 82.0328 39.1179 82.0982L40.9208 84.1664C41.0794 84.3484 41.3771 84.278 41.4374 84.0442L42.1548 81.2643C42.189 81.1318 42.3085 81.0393 42.4453 81.0393H45.7795C45.7976 81.0393 45.816 81.0376 45.8337 81.0343C53.816 79.5707 56.7491 74.9359 56.9718 72.8789C56.9735 72.8628 56.9737 72.8474 56.9726 72.8312L56.6803 68.2317C56.6724 68.1081 56.7415 67.9932 56.8516 67.9364C60.3265 66.1418 61.952 59.9236 63.0335 56.7183C63.0391 56.7015 63.043 56.6857 63.0456 56.6682C63.433 54.0889 64.29 48.4313 64.6499 46.2267C65.0023 44.0681 65.1556 41.7905 65.0229 40.9565C65.0166 40.917 65.0169 40.8773 65.0252 40.8381L65.7269 37.5298C65.7394 37.4708 65.7339 37.4094 65.711 37.3536L65.0529 35.7499C65.0268 35.6863 65.0234 35.6157 65.0431 35.5498L65.7708 33.1241C65.7792 33.0962 65.7835 33.0671 65.7835 33.0379V29.8698V24.5131C65.7835 24.4087 65.7292 24.3118 65.6401 24.2572L59.5353 20.5196C59.5039 20.5004 59.4692 20.4871 59.433 20.4804L49.053 18.5695C49.0286 18.565 49.0038 18.5635 48.979 18.5651L40.2811 19.1361C40.2376 19.1389 40.1953 19.1512 40.1571 19.172L36.2487 21.3035C36.0993 21.385 36.0476 21.5742 36.1346 21.7204L39.6465 27.6148C39.7165 27.7323 39.6981 27.8823 39.6018 27.9795L32.9445 34.6975C32.9097 34.7326 32.8668 34.7586 32.8195 34.7731L25.664 36.9711C25.6017 36.9902 25.547 37.0289 25.5105 37.083C25.2098 37.5293 24.6354 38.5917 24.3467 39.8909C23.9613 41.6254 25.5032 44.709 26.4669 46.9575C27.1773 48.6153 28.8518 49.1636 29.7804 49.2562C29.9112 49.2692 30.0239 49.3511 30.0542 49.4789C30.9267 53.1697 29.7704 65.0224 28.9728 69.0213C28.9658 69.0567 28.9528 69.0877 28.9337 69.1183L28.3981 69.9753C28.3429 70.0637 28.3374 70.1744 28.3838 70.2677Z" fill="transparent"/>
+<path opacity="0.3" d="M43.1323 70.3034L34.9795 58.5195C37.0355 60.2872 42.192 63.8051 45.8278 66.2289C49.4636 68.6528 54.5534 69.0021 56.6815 68.6054L44.1675 76.1156C43.4406 76.5519 42.5346 75.9425 42.6647 75.1047L43.2981 71.0257C43.3374 70.7726 43.278 70.514 43.1323 70.3034Z" fill="currentColor"/>
+<path d="M60.1039 43.1916C60.1039 40.0106 61.6763 37.5293 65.1994 37.5293C70.0495 37.5293 71.143 39.5901 70.7469 42.4196C70.3507 45.2492 68.8296 48.7142 64.7651 48.7142C63.0813 48.7142 61.7819 48.2662 60.9057 47.1267M60.1039 43.1916C60.6065 46.8202 61.6233 48.0935 60.563 49.6479C59.4888 51.2227 56.373 50.7541 54.9316 50.6033M60.1039 43.1916L59.4909 40.6057" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M44.07 42.7428C42.9638 43.3861 42.8041 45.175 43.7133 46.7385C44.6224 48.3019 46.2562 49.0478 47.3624 48.4045C48.8141 47.5604 49.4187 46.1677 48.5095 44.6043C47.6003 43.0408 45.1762 42.0996 44.07 42.7428Z" fill="#FED1D0"/>
-<path d="M55.3323 40.6274C55.0716 43.8831 53.321 47.1828 49.2566 47.1828C46.557 47.1828 43.5723 44.9243 43.5723 41.7433C43.5723 37.3967 44.8858 35.7109 49.2566 35.7109C53.6274 35.7109 55.5637 37.7376 55.3323 40.6274Z" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M55.3125 39.201C56.554 38.3372 59.5403 37.3047 60.6815 39.5459" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M43.9334 38.365L35.416 37.9863" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M34.4488 57.3635L33.0527 39.873H35.5669C35.4999 41.5655 35.2653 45.6443 36.0697 48.4198C36.7771 50.8601 40.0987 52.7035 41.9956 53.5118C42.4016 53.6848 42.6676 54.0915 42.6548 54.5326C42.38 64.0084 47.1438 64.3261 48.0262 64.4732C48.9313 64.624 51.6565 63.9563 54.4722 64.0066C56.7247 64.0468 58.7627 65.0624 59.5002 65.5652C59.0644 66.3027 57.3582 67.9485 54.0197 68.6323C50.6811 69.3161 46.8296 67.3418 45.3212 66.2692L35.7249 59.5867C34.9884 59.0739 34.5202 58.2582 34.4488 57.3635Z" fill="#E7E7E7"/>
-<path d="M27.651 36.1477C30.2648 35.8173 32.5009 38.3328 33.2922 39.6319L34.8905 39.8386C34.8905 38.514 35.3133 37.9503 35.8185 33.7892C36.1024 31.451 39.3716 28.6439 40.7459 28.2584C40.2766 27.8227 38.9962 26.3981 37.6286 24.1858C36.2609 21.9734 37.757 20.9578 38.5447 20.5891C41.7224 20.9913 43.0196 19.7846 43.271 19.131C46.0364 21.293 46.8298 22.1243 50.8522 21.0684C54.8746 20.0125 53.3159 20.1982 58.9975 23.8184C64.6791 27.4385 63.5308 24.706 64.7878 25.3094C65.7934 25.7921 65.8105 27.0451 65.9365 28.2185C66.0289 29.0787 66.071 31.3971 65.5007 33.7892C67.0709 31.8121 67.7399 29.6001 67.8782 28.7413C69.2581 27.3614 70.2453 25.7421 70.6797 24.5506C70.7752 24.2887 70.7301 24.0005 70.5833 23.7636L69.2549 21.6214C71.5879 16.3923 67.3443 13.0068 64.9309 11.9677C64.8471 12.4873 64.7878 13.6984 64.7878 13.6984C60.9163 13.6482 60.1037 9.60497 56.9863 9.25263C53.8689 8.90028 51.2544 7.84517 46.4778 7.0407C42.6565 6.39711 37.5448 8.48205 35.4665 9.60497L32.5 8.95149C32.4868 10.2433 32.0413 11.3723 31.3769 12.332C31.0549 12.7971 29.0707 11.6492 29.0707 11.6492C28.8439 11.8477 29.4848 14.3101 29.0707 14.6046C28.0937 15.2994 27.651 15.8925 26.8977 16.4505L27.651 17.8507C27.189 18.2863 26.2349 19.6505 26.1142 21.6214C25.9935 23.5924 27.0884 27.5046 27.651 29.2144V36.1477Z" fill="#010101"/>
-<path d="M27.6511 36.1477C30.2649 35.8173 32.501 38.3328 33.2923 39.6319L34.8906 39.8386C34.8906 38.514 35.3134 37.9503 35.8186 33.7892C36.1025 31.451 39.3717 28.6439 40.746 28.2584C40.2767 27.8227 38.9963 26.3981 37.6287 24.1858C36.261 21.9734 37.7571 20.9578 38.5448 20.5891C41.7225 20.9913 43.0197 19.7846 43.2711 19.131C46.0365 21.293 46.8299 22.1243 50.8523 21.0684C54.8747 20.0125 53.316 20.1982 58.9976 23.8184C64.6792 27.4385 63.5309 24.706 64.7879 25.3094C65.7935 25.7921 65.8106 27.0451 65.9366 28.2185C66.029 29.0787 66.0711 31.3971 65.5008 33.7892C67.071 31.8121 67.74 29.6001 67.8783 28.7413C69.2582 27.3614 70.2454 25.7421 70.6798 24.5506C70.7753 24.2887 70.7302 24.0005 70.5833 23.7636L69.255 21.6214C71.588 16.3923 67.3444 13.0068 64.931 11.9677C64.8472 12.4873 64.7879 13.6984 64.7879 13.6984C60.9164 13.6482 60.1038 9.60497 56.9864 9.25263C53.869 8.90028 51.2545 7.84517 46.4779 7.0407C42.6566 6.39711 37.5449 8.48205 35.4666 9.60497L32.5001 8.95149C32.4869 10.2433 32.0414 11.3723 31.377 12.332C31.055 12.7971 29.0708 11.6492 29.0708 11.6492C28.844 11.8477 29.4849 14.3101 29.0708 14.6046C28.0938 15.2994 27.6511 15.8925 26.8978 16.4505L27.6511 17.8507C27.1891 18.2863 26.235 19.6505 26.1143 21.6214C25.9936 23.5924 27.0885 27.5046 27.6511 29.2144V36.1477ZM27.6511 36.1477C26.1334 36.3336 23.3992 37.9725 24.6057 42.0351C26.1138 47.1134 26.8185 48.3704 29.1314 48.9737C31.4442 49.5771 32.1102 49.376 32.6007 48.9737" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M28.9697 40.6377L29.8722 45.264" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M30.7659 42.0947L28.0078 43.3182" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M29.8364 49.2754C30.1719 50.7499 30.7279 60.6529 29.2373 69.7436" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M65.5339 37.5098L64.9307 35.498" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M43.0586 64.7605C46.9301 67.6767 50.2268 68.984 53.9475 68.6321C57.6682 68.2801 58.6239 66.6711 61.2385 61.2911C63.853 55.9112 63.252 55.73 64.0062 52.0592C64.6095 49.1226 64.9015 47.155 64.9684 45.8146L64.842 42.9688" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M55.3323 40.6274C55.0716 43.8831 53.321 47.1828 49.2566 47.1828C46.557 47.1828 43.5723 44.9243 43.5723 41.7433C43.5723 37.3967 44.8858 35.7109 49.2566 35.7109C53.6274 35.7109 55.5637 37.7376 55.3323 40.6274Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M55.3125 39.201C56.554 38.3372 59.5403 37.3047 60.6815 39.5459" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M43.9334 38.365L35.416 37.9863" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M34.4488 57.3635L33.0527 39.873H35.5669C35.4999 41.5655 35.2653 45.6443 36.0697 48.4198C36.7771 50.8601 40.0987 52.7035 41.9956 53.5118C42.4016 53.6848 42.6676 54.0915 42.6548 54.5326C42.38 64.0084 47.1438 64.3261 48.0262 64.4732C48.9313 64.624 51.6565 63.9563 54.4722 64.0066C56.7247 64.0468 58.7627 65.0624 59.5002 65.5652C59.0644 66.3027 57.3582 67.9485 54.0197 68.6323C50.6811 69.3161 46.8296 67.3418 45.3212 66.2692L35.7249 59.5867C34.9884 59.0739 34.5202 58.2582 34.4488 57.3635Z" fill="transparent"/>
+<path d="M27.651 36.1477C30.2648 35.8173 32.5009 38.3328 33.2922 39.6319L34.8905 39.8386C34.8905 38.514 35.3133 37.9503 35.8185 33.7892C36.1024 31.451 39.3716 28.6439 40.7459 28.2584C40.2766 27.8227 38.9962 26.3981 37.6286 24.1858C36.2609 21.9734 37.757 20.9578 38.5447 20.5891C41.7224 20.9913 43.0196 19.7846 43.271 19.131C46.0364 21.293 46.8298 22.1243 50.8522 21.0684C54.8746 20.0125 53.3159 20.1982 58.9975 23.8184C64.6791 27.4385 63.5308 24.706 64.7878 25.3094C65.7934 25.7921 65.8105 27.0451 65.9365 28.2185C66.0289 29.0787 66.071 31.3971 65.5007 33.7892C67.0709 31.8121 67.7399 29.6001 67.8782 28.7413C69.2581 27.3614 70.2453 25.7421 70.6797 24.5506C70.7752 24.2887 70.7301 24.0005 70.5833 23.7636L69.2549 21.6214C71.5879 16.3923 67.3443 13.0068 64.9309 11.9677C64.8471 12.4873 64.7878 13.6984 64.7878 13.6984C60.9163 13.6482 60.1037 9.60497 56.9863 9.25263C53.8689 8.90028 51.2544 7.84517 46.4778 7.0407C42.6565 6.39711 37.5448 8.48205 35.4665 9.60497L32.5 8.95149C32.4868 10.2433 32.0413 11.3723 31.3769 12.332C31.0549 12.7971 29.0707 11.6492 29.0707 11.6492C28.8439 11.8477 29.4848 14.3101 29.0707 14.6046C28.0937 15.2994 27.651 15.8925 26.8977 16.4505L27.651 17.8507C27.189 18.2863 26.2349 19.6505 26.1142 21.6214C25.9935 23.5924 27.0884 27.5046 27.651 29.2144V36.1477Z" fill="currentColor"/>
+<path d="M27.6511 36.1477C30.2649 35.8173 32.501 38.3328 33.2923 39.6319L34.8906 39.8386C34.8906 38.514 35.3134 37.9503 35.8186 33.7892C36.1025 31.451 39.3717 28.6439 40.746 28.2584C40.2767 27.8227 38.9963 26.3981 37.6287 24.1858C36.261 21.9734 37.7571 20.9578 38.5448 20.5891C41.7225 20.9913 43.0197 19.7846 43.2711 19.131C46.0365 21.293 46.8299 22.1243 50.8523 21.0684C54.8747 20.0125 53.316 20.1982 58.9976 23.8184C64.6792 27.4385 63.5309 24.706 64.7879 25.3094C65.7935 25.7921 65.8106 27.0451 65.9366 28.2185C66.029 29.0787 66.0711 31.3971 65.5008 33.7892C67.071 31.8121 67.74 29.6001 67.8783 28.7413C69.2582 27.3614 70.2454 25.7421 70.6798 24.5506C70.7753 24.2887 70.7302 24.0005 70.5833 23.7636L69.255 21.6214C71.588 16.3923 67.3444 13.0068 64.931 11.9677C64.8472 12.4873 64.7879 13.6984 64.7879 13.6984C60.9164 13.6482 60.1038 9.60497 56.9864 9.25263C53.869 8.90028 51.2545 7.84517 46.4779 7.0407C42.6566 6.39711 37.5449 8.48205 35.4666 9.60497L32.5001 8.95149C32.4869 10.2433 32.0414 11.3723 31.377 12.332C31.055 12.7971 29.0708 11.6492 29.0708 11.6492C28.844 11.8477 29.4849 14.3101 29.0708 14.6046C28.0938 15.2994 27.6511 15.8925 26.8978 16.4505L27.6511 17.8507C27.1891 18.2863 26.235 19.6505 26.1143 21.6214C25.9936 23.5924 27.0885 27.5046 27.6511 29.2144V36.1477ZM27.6511 36.1477C26.1334 36.3336 23.3992 37.9725 24.6057 42.0351C26.1138 47.1134 26.8185 48.3704 29.1314 48.9737C31.4442 49.5771 32.1102 49.376 32.6007 48.9737" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M28.9697 40.6377L29.8722 45.264" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M30.7659 42.0947L28.0078 43.3182" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29.8364 49.2754C30.1719 50.7499 30.7279 60.6529 29.2373 69.7436" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M65.5339 37.5098L64.9307 35.498" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M43.0586 64.7605C46.9301 67.6767 50.2268 68.984 53.9475 68.6321C57.6682 68.2801 58.6239 66.6711 61.2385 61.2911C63.853 55.9112 63.252 55.73 64.0062 52.0592C64.6095 49.1226 64.9015 47.155 64.9684 45.8146L64.842 42.9688" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M51.1035 55.1156L50.1659 54.9121C49.9266 54.8602 49.685 54.9891 49.5949 55.2168L49.5875 55.2354C49.5012 55.4537 49.5777 55.702 49.7703 55.8361C50.79 56.5462 52.2454 57.6411 53.0232 58.2314C53.3739 58.4975 53.8011 58.6423 54.2412 58.6423H56.6027C56.9793 58.6423 57.3482 58.536 57.667 58.3357L59.4665 57.2046C60.0388 56.8449 60.0968 56.0328 59.5814 55.5955L58.362 54.5608C58.106 54.3435 57.7462 54.2969 57.4432 54.4417C56.9441 54.6802 56.3603 54.6617 55.8773 54.392L55.5653 54.2177C55.3338 54.0885 55.0604 54.0564 54.8053 54.1286L51.3458 55.1081C51.2669 55.1304 51.1837 55.133 51.1035 55.1156Z" fill="#FED1D0"/>
-<path d="M48.8262 54.3712C49.4224 53.8062 50.2149 53.5098 51.0334 53.4417C52.6466 53.3075 53.5804 52.9214 54.7933 52.5408C55.047 52.4612 55.3221 52.4918 55.5552 52.6197L56.747 53.2738L57.4979 52.9357C57.8145 52.7931 58.1823 52.8249 58.4697 53.0198L60.7437 54.5618C60.9898 54.7286 61.1802 54.9654 61.2904 55.2416" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path opacity="0.2" d="M56.4211 59.0078H54.0778C53.8448 59.0078 53.7007 59.2619 53.8203 59.4618L54.6403 60.8325C54.7372 60.9946 54.958 61.0278 55.0984 60.9015L56.6218 59.5308C56.8262 59.3469 56.6961 59.0078 56.4211 59.0078Z" fill="#010101"/>
-<path d="M56.7285 68.4238V73.0349" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M56.8902 69.6895C59.7567 72.0779 63.782 76.7007 58.4315 85.9578C55.866 85.2148 50.0116 84.1101 45.6379 81.0528M45.6379 81.0528C48.7515 80.5574 55.361 78.176 56.8901 72.6134M45.6379 81.0528L42.1877 80.7344L41.3584 84.2764" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M29.5084 66.2871C29.2669 66.4247 28.9732 66.6307 28.6453 66.9083M28.6453 66.9083C27.0755 68.2374 25.3193 70.9421 24.1604 75.8949L22.1582 82.7749L26.1372 83.9685C29.375 84.7647 32.4808 84.5997 35.8247 81.7335M28.6453 66.9083C28.5069 75.0056 33.3739 80.1656 35.8247 81.7335M35.8247 81.7335H38.4787C39.8587 82.9012 43.0434 86.1071 44.7419 89.589" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M44.5051 85.4615C45.1795 85.4615 45.7261 84.9148 45.7261 84.2405C45.7261 83.5662 45.1795 83.0195 44.5051 83.0195C43.8308 83.0195 43.2842 83.5662 43.2842 84.2405C43.2842 84.9148 43.8308 85.4615 44.5051 85.4615Z" fill="#010101"/>
-<path d="M24.0157 75.4141C16.1599 77.9974 1.30928 82.6099 -0.898438 83.1196M61.0783 76.1258C68.7038 79.8943 84.9477 87.503 90.3829 89.1166" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M34.2236 83.3105C35.4214 83.6158 38.1958 85.5591 39.7119 90.8906" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M61.0986 35.9668C62.7398 35.9671 65.6335 36.6225 66.0157 37.5723" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M53.5789 34.5686L50.0121 33.8535H47.3831C46.8276 33.8535 43.9715 34.222 43.1777 35.2425" stroke="#010101" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M50.7908 38.4109C50.7908 37.4208 50.163 36.6182 49.3886 36.6182C48.6141 36.6182 47.9863 37.4208 47.9863 38.4109C47.9863 39.401 48.6141 40.2036 49.3886 40.2036C50.163 40.2036 50.7908 39.401 50.7908 38.4109Z" fill="#010101"/>
-<path d="M64.4412 40.2038C64.4412 39.2137 63.846 38.4111 63.1117 38.4111C62.3775 38.4111 61.7822 39.2137 61.7822 40.2038C61.7822 41.1939 62.3775 41.9965 63.1117 41.9965C63.846 41.9965 64.4412 41.1939 64.4412 40.2038Z" fill="#010101"/>
+<path d="M48.8262 54.3712C49.4224 53.8062 50.2149 53.5098 51.0334 53.4417C52.6466 53.3075 53.5804 52.9214 54.7933 52.5408C55.047 52.4612 55.3221 52.4918 55.5552 52.6197L56.747 53.2738L57.4979 52.9357C57.8145 52.7931 58.1823 52.8249 58.4697 53.0198L60.7437 54.5618C60.9898 54.7286 61.1802 54.9654 61.2904 55.2416" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path opacity="0.2" d="M56.4211 59.0078H54.0778C53.8448 59.0078 53.7007 59.2619 53.8203 59.4618L54.6403 60.8325C54.7372 60.9946 54.958 61.0278 55.0984 60.9015L56.6218 59.5308C56.8262 59.3469 56.6961 59.0078 56.4211 59.0078Z" fill="currentColor"/>
+<path d="M56.7285 68.4238V73.0349" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M56.8902 69.6895C59.7567 72.0779 63.782 76.7007 58.4315 85.9578C55.866 85.2148 50.0116 84.1101 45.6379 81.0528M45.6379 81.0528C48.7515 80.5574 55.361 78.176 56.8901 72.6134M45.6379 81.0528L42.1877 80.7344L41.3584 84.2764" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29.5084 66.2871C29.2669 66.4247 28.9732 66.6307 28.6453 66.9083M28.6453 66.9083C27.0755 68.2374 25.3193 70.9421 24.1604 75.8949L22.1582 82.7749L26.1372 83.9685C29.375 84.7647 32.4808 84.5997 35.8247 81.7335M28.6453 66.9083C28.5069 75.0056 33.3739 80.1656 35.8247 81.7335M35.8247 81.7335H38.4787C39.8587 82.9012 43.0434 86.1071 44.7419 89.589" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M44.5051 85.4615C45.1795 85.4615 45.7261 84.9148 45.7261 84.2405C45.7261 83.5662 45.1795 83.0195 44.5051 83.0195C43.8308 83.0195 43.2842 83.5662 43.2842 84.2405C43.2842 84.9148 43.8308 85.4615 44.5051 85.4615Z" fill="currentColor"/>
+<path d="M24.0157 75.4141C16.1599 77.9974 1.30928 82.6099 -0.898438 83.1196M61.0783 76.1258C68.7038 79.8943 84.9477 87.503 90.3829 89.1166" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M34.2236 83.3105C35.4214 83.6158 38.1958 85.5591 39.7119 90.8906" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M61.0986 35.9668C62.7398 35.9671 65.6335 36.6225 66.0157 37.5723" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M53.5789 34.5686L50.0121 33.8535H47.3831C46.8276 33.8535 43.9715 34.222 43.1777 35.2425" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M50.7908 38.4109C50.7908 37.4208 50.163 36.6182 49.3886 36.6182C48.6141 36.6182 47.9863 37.4208 47.9863 38.4109C47.9863 39.401 48.6141 40.2036 49.3886 40.2036C50.163 40.2036 50.7908 39.401 50.7908 38.4109Z" fill="currentColor"/>
+<path d="M64.4412 40.2038C64.4412 39.2137 63.846 38.4111 63.1117 38.4111C62.3775 38.4111 61.7822 39.2137 61.7822 40.2038C61.7822 41.1939 62.3775 41.9965 63.1117 41.9965C63.846 41.9965 64.4412 41.1939 64.4412 40.2038Z" fill="currentColor"/>
 </g>
 </g>
 <defs>