diff --git a/app/_components/BubbleDiv.tsx b/app/_components/BubbleDiv.tsx
new file mode 100644
index 0000000..38f1d87
--- /dev/null
+++ b/app/_components/BubbleDiv.tsx
@@ -0,0 +1,16 @@
+import Image from "next/image";
+import React from "react";
+
+const BubbleDiv = () => {
+  return (
+    <div className="relative h-[41.77px] w-[226px]">
+      <span className="typo-16-600 absolute top-1 left-0 z-20 w-full text-center text-black">
+        현재 <span className="text-bubble-text-highight">775명 </span>
+        참여중이에요!
+      </span>
+      <Image src="/bubble/bubble.svg" alt="bubble" width={226} height={41.77} />
+    </div>
+  );
+};
+
+export default BubbleDiv;
diff --git a/app/_components/LoginActionSection.tsx b/app/_components/LoginActionSection.tsx
new file mode 100644
index 0000000..d18909e
--- /dev/null
+++ b/app/_components/LoginActionSection.tsx
@@ -0,0 +1,82 @@
+"use client";
+import BubbleDiv from "@/app/_components/BubbleDiv";
+import Button from "@/components/ui/Button";
+import { KakaoLoginButton, GoogleLoginButton } from "./SocialButtonList";
+import {
+  Drawer,
+  DrawerContent,
+  DrawerTitle,
+  DrawerTrigger,
+} from "@/components/ui/drawer";
+
+export default function ScreenLoginActionSection() {
+  const handleKakaoLogin = () => {
+    // window.location.href = "https://backend.comatching.site/oauth2/authorization/kakao";
+    alert("코매칭 서비스는 10/13일부로 종료되었습니다.");
+  };
+
+  const handleGoogleLogin = () => {
+    // window.location.href = "https://backend.comatching.site/oauth2/authorization/google";
+    alert("코매칭 서비스는 10/13일부로 종료되었습니다.");
+  };
+
+  return (
+    <section className="flex flex-col items-center">
+      <BubbleDiv />
+      <KakaoLoginButton
+        className="mt-[1.6vh] mb-[0.49vh]"
+        onClick={handleKakaoLogin}
+        shadow={true}
+      >
+        카카오로 빠르게 시작하기
+      </KakaoLoginButton>
+      <Drawer>
+        <div className="typo-14-600 text-color-text-caption2 flex flex-col items-center leading-[1.6]">
+          <span>또는</span>
+          <DrawerTrigger asChild>
+            <button
+              type="button"
+              className="all-[unset] cursor-pointer underline"
+            >
+              다른 방법으로 로그인
+            </button>
+          </DrawerTrigger>
+        </div>
+        <DrawerContent
+          showHandle={false}
+          className="mx-auto flex h-[44.33vh] w-full flex-col items-center px-4 pt-6 md:max-w-[430px]"
+        >
+          <DrawerTitle className="sr-only">다른 로그인 방법</DrawerTitle>
+          <div className="flex w-full flex-col items-start gap-2">
+            <span className="typo-20-700 text-bottomsheet-text-title">
+              로그인/회원가입
+            </span>
+            <span className="typo-14-500 text-[#999]">
+              로그인과 회원가입 수단은 동일합니다.
+              <br />
+              원하는 계정으로 시작하세요.
+            </span>
+          </div>
+          <KakaoLoginButton onClick={handleKakaoLogin} className="mt-8 mb-4">
+            카카오로 시작하기
+          </KakaoLoginButton>
+          <GoogleLoginButton className="w-full" onClick={handleGoogleLogin}>
+            구글로 시작하기
+          </GoogleLoginButton>
+          <div className="typo-14-500 text-bottomsheet-text-caption mt-6 flex flex-col items-center">
+            <span>혹은</span>
+            <button
+              type="button"
+              className="all-[unset] cursor-pointer underline"
+            >
+              이메일로 로그인
+            </button>
+          </div>
+        </DrawerContent>
+      </Drawer>
+      <span className="typo-12-600 text-footo-text-main mt-[6.75vh] mb-[6.15vh]">
+        Developed By Team Comatching, Catholic University of Korea
+      </span>
+    </section>
+  );
+}
diff --git a/app/_components/LoginLogoSection.tsx b/app/_components/LoginLogoSection.tsx
new file mode 100644
index 0000000..4aa40eb
--- /dev/null
+++ b/app/_components/LoginLogoSection.tsx
@@ -0,0 +1,21 @@
+import Image from "next/image";
+
+export default function ScreenLoginLogoSection() {
+  return (
+    <section className="mt-[13.3vh] flex w-full flex-col items-start gap-3">
+      <Image
+        src="/logo/comatching-logo.svg"
+        alt="comatching-logo"
+        width={96}
+        height={16}
+      />
+      <div className="typo-26-700 text-color-text-black">
+        반갑습니다
+        <br />
+        코매칭이라면 당신은
+        <br />
+        이미 커플입니다
+      </div>
+    </section>
+  );
+}
diff --git a/app/_components/ScreenLoginPage.tsx b/app/_components/ScreenLoginPage.tsx
new file mode 100644
index 0000000..de2f1ea
--- /dev/null
+++ b/app/_components/ScreenLoginPage.tsx
@@ -0,0 +1,11 @@
+import ScreenLoginLogoSection from "./LoginLogoSection";
+import ScreenLoginActionSection from "./LoginActionSection";
+
+export default function ScreenLoginPage() {
+  return (
+    <main className="flex h-full flex-col items-center justify-between px-4">
+      <ScreenLoginLogoSection />
+      <ScreenLoginActionSection />
+    </main>
+  );
+}
diff --git a/app/_components/SocialButtonList.tsx b/app/_components/SocialButtonList.tsx
new file mode 100644
index 0000000..2782d74
--- /dev/null
+++ b/app/_components/SocialButtonList.tsx
@@ -0,0 +1,48 @@
+import Image from "next/image";
+import Button from "@/components/ui/Button";
+import { cn } from "@/lib/utils";
+
+type SocialButtonProps = React.ComponentProps<typeof Button> & {
+  children?: React.ReactNode;
+};
+
+export function KakaoLoginButton({
+  children = "카카오로 시작하기",
+  ...props
+}: SocialButtonProps) {
+  return (
+    <Button
+      {...props}
+      className={cn(
+        "typo-20-600 flex w-full items-center gap-6 bg-[#FEE500] text-black",
+        props.className,
+      )}
+    >
+      <Image
+        src="/sns/kakao.svg"
+        alt="카카오 로그인"
+        width={22.73}
+        height={21}
+      />
+      {children}
+    </Button>
+  );
+}
+
+export function GoogleLoginButton({
+  children = "구글로 시작하기",
+  ...props
+}: SocialButtonProps) {
+  return (
+    <Button
+      {...props}
+      className={cn(
+        "typo-20-600 flex w-full items-center gap-6 border bg-white text-[#797479]",
+        props.className,
+      )}
+    >
+      <Image src="/sns/google.svg" alt="구글 로그인" width={20} height={20} />
+      {children}
+    </Button>
+  );
+}
diff --git a/app/layout.tsx b/app/layout.tsx
index 0e50b37..2290d4f 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,6 +2,9 @@ import type { Metadata } from "next";
 import localFont from "next/font/local";
 import "./globals.css";
 import Blur from "@/components/common/Blur";
+import { QueryProvider } from "@/providers/query-provider";
+import { ServiceStatusProvider } from "@/providers/service-status-provider";
+import { getInitialMaintenanceStatus } from "@/lib/status";
 
 const pretendard = localFont({
   src: "./fonts/PretendardVariable.woff2",
@@ -31,20 +34,28 @@ export const metadata: Metadata = {
   },
 };
 
-export default function RootLayout({
+export default async function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
+  const initialMaintenanceMode = await getInitialMaintenanceStatus();
+
   return (
     <html lang="ko" className={pretendard.variable}>
       <body
         className={`${pretendard.className} flex justify-center bg-white antialiased`}
       >
-        <div className="bg-background-app-base relative min-h-dvh w-full overflow-x-hidden px-4 text-black md:max-w-[430px] md:shadow-lg">
+        {/* <QueryProvider> */}
+        {/* <ServiceStatusProvider */}
+        {/* initialMaintenanceMode={initialMaintenanceMode} */}
+        {/* > */}
+        <div className="bg-background-app-base relative min-h-dvh w-full overflow-x-hidden text-black md:max-w-[430px] md:shadow-lg">
           <Blur />
           {children}
         </div>
+        {/* </ServiceStatusProvider> */}
+        {/* </QueryProvider> */}
       </body>
     </html>
   );
diff --git a/app/page.tsx b/app/page.tsx
index 19f56fb..b467acc 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,10 +1,5 @@
-import Blur from "@/components/common/Blur";
-import Button from "@/components/ui/Button";
+import ScreenLoginPage from "@/app/_components/ScreenLoginPage";
 
 export default function Home() {
-  return (
-    <main>
-      <Button fixed={true}>안녕하세요</Button>
-    </main>
-  );
+  return <ScreenLoginPage />;
 }
diff --git a/app/tokens.css b/app/tokens.css
index 753c63a..fa402ed 100644
--- a/app/tokens.css
+++ b/app/tokens.css
@@ -1,6 +1,6 @@
 /* Auto-generated from token.json */
 /* Run: pnpm run token to regenerate */
-/* Total unique tokens: 126 */
+/* Total unique tokens: 144 */
 
 @layer base {
   :root {
@@ -20,6 +20,13 @@
   --border-width-thin: 0.8;
   --borderradius: var(--lg);
   --borderwidth: var(--sm);
+  --bottomsheet-background-main: var(--color-background-white);
+  --bottomsheet-text-caption: var(--color-text-caption2);
+  --bottomsheet-text-title: var(--color-text-black);
+  --bottomsheet-toggle-close: var(--color-toggle-default);
+  --bubble-background-white: var(--color-text-white);
+  --bubble-text-highight: var(--color-text-highlight);
+  --bubble-text-main: var(--color-text-black);
   --button-background-bold: var(--color-brand-black);
   --button-background-disabled: var(--color-background-disabled);
   --button-background-gradient-1-end: var(--color-brand-primary-orange);
@@ -32,6 +39,7 @@
   --button-primary-text-disabled: var(--color-text-disabled);
   --button-slate-default: var(--color-gray-0-a30);
   --color-background-disabled: var(--color-gray-300-a40);
+  --color-background-white: var(--color-gray-0);
   --color-border-light: var(--color-gray-0-a30);
   --color-brand-black: var(--color-gray-900);
   --color-brand-primary-flame: var(--color-flame-700);
@@ -71,8 +79,14 @@
   --color-pink-700: #f57db2;
   --color-pink-900: #e3468b;
   --color-surface-base: var(--color-gray-64);
+  --color-text-black: var(--color-gray-900);
+  --color-text-caption1: var(--color-gray-600);
+  --color-text-caption2: var(--color-gray-500);
+  --color-text-caption3: var(--color-gray-400);
   --color-text-disabled: var(--color-gray-300);
+  --color-text-highlight: var(--color-flame-700);
   --color-text-white: var(--color-gray-0);
+  --color-toggle-default: var(--color-gray-400);
   --decreased: -5%;
   --default: 0;
   --flame100: #ffc4cd;
@@ -88,6 +102,7 @@
   --font-size-18: 18;
   --font-size-20: 20;
   --font-size-24: 24;
+  --footo-text-main: var(--color-text-caption1);
   --h1: 32;
   --h2: 26;
   --h6: var(--body);
@@ -97,6 +112,9 @@
   --high: 90%;
   --increased: 150%;
   --lg: var(--lg);
+  --logo-text-black: var(--color-brand-black);
+  --logo-text-pink: var(--color-brand-primary-flame);
+  --logo-text-white: var(--color-text-white);
   --low: 10%;
   --md: var(--md);
   --multi-value: var(--xl);
@@ -135,6 +153,78 @@
 
 @layer utilities {
   /* Font utilities */
+  .typo-10-400 {
+    font-size: 10px;
+    font-weight: 400;
+    line-height: 1.5;
+  }
+
+  .typo-10-500 {
+    font-size: 10px;
+    font-weight: 500;
+    line-height: 1.5;
+  }
+
+  .typo-10-600 {
+    font-size: 10px;
+    font-weight: 600;
+    line-height: 1.5;
+  }
+
+  .typo-10-700 {
+    font-size: 10px;
+    font-weight: 700;
+    line-height: 1.5;
+  }
+
+  .typo-12-400 {
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 1.5;
+  }
+
+  .typo-12-500 {
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 1.5;
+  }
+
+  .typo-12-600 {
+    font-size: 12px;
+    font-weight: 600;
+    line-height: 1.5;
+  }
+
+  .typo-12-700 {
+    font-size: 12px;
+    font-weight: 700;
+    line-height: 1.5;
+  }
+
+  .typo-14-400 {
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 1.5;
+  }
+
+  .typo-14-500 {
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 1.5;
+  }
+
+  .typo-14-600 {
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 1.5;
+  }
+
+  .typo-14-700 {
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 1.5;
+  }
+
   .typo-16-400 {
     font-size: 16px;
     font-weight: 400;
@@ -159,6 +249,30 @@
     line-height: 1.5;
   }
 
+  .typo-18-400 {
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 1.5;
+  }
+
+  .typo-18-500 {
+    font-size: 18px;
+    font-weight: 500;
+    line-height: 1.5;
+  }
+
+  .typo-18-600 {
+    font-size: 18px;
+    font-weight: 600;
+    line-height: 1.5;
+  }
+
+  .typo-18-700 {
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 1.5;
+  }
+
   .typo-20-400 {
     font-size: 20px;
     font-weight: 400;
@@ -183,122 +297,122 @@
     line-height: 1.5;
   }
 
-  .typo-24-400 {
-    font-size: 24px;
+  .typo-22-400 {
+    font-size: 22px;
     font-weight: 400;
     line-height: 1.5;
   }
 
-  .typo-24-500 {
-    font-size: 24px;
+  .typo-22-500 {
+    font-size: 22px;
     font-weight: 500;
     line-height: 1.5;
   }
 
-  .typo-24-600 {
-    font-size: 24px;
+  .typo-22-600 {
+    font-size: 22px;
     font-weight: 600;
     line-height: 1.5;
   }
 
-  .typo-24-700 {
-    font-size: 24px;
+  .typo-22-700 {
+    font-size: 22px;
     font-weight: 700;
     line-height: 1.5;
   }
 
-  .typo-12-400 {
-    font-size: 12px;
+  .typo-24-400 {
+    font-size: 24px;
     font-weight: 400;
     line-height: 1.5;
   }
 
-  .typo-12-500 {
-    font-size: 12px;
+  .typo-24-500 {
+    font-size: 24px;
     font-weight: 500;
     line-height: 1.5;
   }
 
-  .typo-12-600 {
-    font-size: 12px;
+  .typo-24-600 {
+    font-size: 24px;
     font-weight: 600;
     line-height: 1.5;
   }
 
-  .typo-12-700 {
-    font-size: 12px;
+  .typo-24-700 {
+    font-size: 24px;
     font-weight: 700;
     line-height: 1.5;
   }
 
-  .typo-14-400 {
-    font-size: 14px;
+  .typo-26-400 {
+    font-size: 26px;
     font-weight: 400;
     line-height: 1.5;
   }
 
-  .typo-14-500 {
-    font-size: 14px;
+  .typo-26-500 {
+    font-size: 26px;
     font-weight: 500;
     line-height: 1.5;
   }
 
-  .typo-14-600 {
-    font-size: 14px;
+  .typo-26-600 {
+    font-size: 26px;
     font-weight: 600;
     line-height: 1.5;
   }
 
-  .typo-14-700 {
-    font-size: 14px;
+  .typo-26-700 {
+    font-size: 26px;
     font-weight: 700;
     line-height: 1.5;
   }
 
-  .typo-10-400 {
-    font-size: 10px;
+  .typo-28-400 {
+    font-size: 28px;
     font-weight: 400;
     line-height: 1.5;
   }
 
-  .typo-10-500 {
-    font-size: 10px;
+  .typo-28-500 {
+    font-size: 28px;
     font-weight: 500;
     line-height: 1.5;
   }
 
-  .typo-10-600 {
-    font-size: 10px;
+  .typo-28-600 {
+    font-size: 28px;
     font-weight: 600;
     line-height: 1.5;
   }
 
-  .typo-10-700 {
-    font-size: 10px;
+  .typo-28-700 {
+    font-size: 28px;
     font-weight: 700;
     line-height: 1.5;
   }
 
-  .typo-18-400 {
-    font-size: 18px;
+  .typo-30-400 {
+    font-size: 30px;
     font-weight: 400;
     line-height: 1.5;
   }
 
-  .typo-18-500 {
-    font-size: 18px;
+  .typo-30-500 {
+    font-size: 30px;
     font-weight: 500;
     line-height: 1.5;
   }
 
-  .typo-18-600 {
-    font-size: 18px;
+  .typo-30-600 {
+    font-size: 30px;
     font-weight: 600;
     line-height: 1.5;
   }
 
-  .typo-18-700 {
-    font-size: 18px;
+  .typo-30-700 {
+    font-size: 30px;
     font-weight: 700;
     line-height: 1.5;
   }
@@ -307,11 +421,14 @@
   .bg-background-app-base { background-color: var(--background-app-base); }
   .bg-background-app-blur-bottom-left { background-color: var(--background-app-blur-bottom-left); }
   .bg-background-app-blur-bottom-right { background-color: var(--background-app-blur-bottom-right); }
+  .bg-bottomsheet-background-main { background-color: var(--bottomsheet-background-main); }
+  .bg-bubble-background-white { background-color: var(--bubble-background-white); }
   .bg-button-background-bold { background-color: var(--button-background-bold); }
   .bg-button-background-disabled { background-color: var(--button-background-disabled); }
   .bg-button-background-gradient-1-end { background-color: var(--button-background-gradient-1-end); }
   .bg-button-background-gradient-1-start { background-color: var(--button-background-gradient-1-start); }
   .bg-color-background-disabled { background-color: var(--color-background-disabled); }
+  .bg-color-background-white { background-color: var(--color-background-white); }
   .bg-color-border-light { background-color: var(--color-border-light); }
   .bg-color-brand-black { background-color: var(--color-brand-black); }
   .bg-color-brand-primary-flame { background-color: var(--color-brand-primary-flame); }
@@ -351,13 +468,24 @@
   .bg-color-pink-700 { background-color: var(--color-pink-700); }
   .bg-color-pink-900 { background-color: var(--color-pink-900); }
   .bg-color-surface-base { background-color: var(--color-surface-base); }
+  .bg-color-text-black { background-color: var(--color-text-black); }
+  .bg-color-text-caption1 { background-color: var(--color-text-caption1); }
+  .bg-color-text-caption2 { background-color: var(--color-text-caption2); }
+  .bg-color-text-caption3 { background-color: var(--color-text-caption3); }
   .bg-color-text-disabled { background-color: var(--color-text-disabled); }
+  .bg-color-text-highlight { background-color: var(--color-text-highlight); }
   .bg-color-text-white { background-color: var(--color-text-white); }
+  .bg-color-toggle-default { background-color: var(--color-toggle-default); }
 
   /* Text color utilities */
+  .text-bottomsheet-text-caption { color: var(--bottomsheet-text-caption); }
+  .text-bottomsheet-text-title { color: var(--bottomsheet-text-title); }
+  .text-bubble-text-highight { color: var(--bubble-text-highight); }
+  .text-bubble-text-main { color: var(--bubble-text-main); }
   .text-button-primary-text-default { color: var(--button-primary-text-default); }
   .text-button-primary-text-disabled { color: var(--button-primary-text-disabled); }
   .text-color-background-disabled { color: var(--color-background-disabled); }
+  .text-color-background-white { color: var(--color-background-white); }
   .text-color-border-light { color: var(--color-border-light); }
   .text-color-brand-black { color: var(--color-brand-black); }
   .text-color-brand-primary-flame { color: var(--color-brand-primary-flame); }
@@ -397,8 +525,18 @@
   .text-color-pink-700 { color: var(--color-pink-700); }
   .text-color-pink-900 { color: var(--color-pink-900); }
   .text-color-surface-base { color: var(--color-surface-base); }
+  .text-color-text-black { color: var(--color-text-black); }
+  .text-color-text-caption1 { color: var(--color-text-caption1); }
+  .text-color-text-caption2 { color: var(--color-text-caption2); }
+  .text-color-text-caption3 { color: var(--color-text-caption3); }
   .text-color-text-disabled { color: var(--color-text-disabled); }
+  .text-color-text-highlight { color: var(--color-text-highlight); }
   .text-color-text-white { color: var(--color-text-white); }
+  .text-color-toggle-default { color: var(--color-toggle-default); }
+  .text-footo-text-main { color: var(--footo-text-main); }
+  .text-logo-text-black { color: var(--logo-text-black); }
+  .text-logo-text-pink { color: var(--logo-text-pink); }
+  .text-logo-text-white { color: var(--logo-text-white); }
 
   /* Border utilities */
   .border-button-border-color { border-color: var(--button-border-color); }
diff --git a/components/ui/Button.tsx b/components/ui/Button.tsx
index d3740d1..a0f4dda 100644
--- a/components/ui/Button.tsx
+++ b/components/ui/Button.tsx
@@ -3,47 +3,32 @@ import { cn } from "@/lib/utils";
 
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   children: React.ReactNode;
-  backgroundColor?: string;
-  width?: string;
-  height?: string;
   fixed?: boolean;
   bottom?: number; // 하단 여백 (px)
   sideGap?: number; // 좌우 여백 (px)
-  maxWidth?: number; // fixed일 때 최대 너비 (px)
-  textColor?: string;
-  fontSize?: string;
   safeArea?: boolean; // safe-area-inset-bottom 적용 여부
+  shadow?: boolean; // 그림자 적용 여부 (기본값: false, bg-button-primary일 때 자동 적용)
   ref?: React.Ref<HTMLButtonElement>;
 }
 
 export default function Button({
   children,
-  backgroundColor = "bg-button-primary",
-  width = "w-full",
-  height = "h-12",
   fixed = false,
   bottom = 0,
   sideGap = 16,
-  maxWidth = 430,
-  textColor = "text-button-primary-text-default",
-  fontSize = "typo-20-600",
   safeArea = true,
   disabled = false,
+  shadow,
   className,
   ref,
   type = "button",
   ...props
 }: ButtonProps) {
-  // disabled 상태에 따른 배경색/텍스트색 결정
-  const finalBackgroundColor = disabled
-    ? "bg-button-background-disabled"
-    : backgroundColor;
-  const finalTextColor = disabled
-    ? "text-button-primary-text-disabled"
-    : textColor;
+  // className에서 bg-button-primary 사용 여부 확인
+  const isPrimaryButton = className?.includes("bg-button-primary");
 
-  // bg-button-primary일 때 border와 shadow 추가
-  const isPrimaryButton = finalBackgroundColor === "bg-button-primary";
+  // 그림자 적용 여부 결정 (prop이 있으면 우선, 없으면 primary일 때 적용)
+  const hasShadow = shadow ?? isPrimaryButton;
 
   // fixed일 때 bottom 계산 (safeArea 적용)
   const getBottomValue = () => {
@@ -62,34 +47,33 @@ export default function Button({
       type={type}
       disabled={disabled}
       className={cn(
-        // 기본 스타일
-        "flex items-center justify-center rounded-[12px] transition-colors duration-100",
-        finalBackgroundColor,
-        height,
-        finalTextColor,
-        fontSize,
-        // fixed 속성에 따른 분기
-        fixed ? "fixed z-50 mx-auto" : width,
-        // disabled 상태에 따른 커서
+        // 기본 스타일 (기본 높이 h-12, 너비 w-full, 폰트 등 복구)
+        "typo-20-600 text-button-primary-text-default flex h-12 w-full items-center justify-center rounded-[12px] transition-colors duration-100",
+        fixed && "fixed z-50 mx-auto",
         disabled ? "cursor-not-allowed" : "cursor-pointer",
+        // 1. 사용자 className 먼저 적용 (여기서 h-10 등을 넣으면 위 h-12가 덮어씌워짐)
         className,
+        // 2. disabled 스타일이 덮어쓰도록(맨 뒤에 배치)
+        disabled &&
+          "bg-button-background-disabled text-button-primary-text-disabled",
       )}
       style={{
-        ...(fixed
-          ? {
-              bottom: getBottomValue(),
-              left: `${sideGap}px`,
-              right: `${sideGap}px`,
-              maxWidth: `${maxWidth}px`,
-            }
-          : undefined),
-        ...(isPrimaryButton
-          ? {
-              border: "0.8px solid rgba(255, 255, 255, 0.3)",
-              boxShadow:
-                "0px 4px 8px rgba(0, 0, 0, 0.08), 0px 0px 16px rgba(0, 0, 0, 0.16)",
-            }
-          : undefined),
+        ...(fixed && {
+          bottom: getBottomValue(),
+          left: `${sideGap}px`,
+          right: `${sideGap}px`,
+        }),
+        // bg-button-primary일 때 border 자동 추가
+        ...(isPrimaryButton &&
+          !disabled && {
+            border: "0.8px solid rgba(255, 255, 255, 0.3)",
+          }),
+        // shadow가 true이거나 primary일 때 그림자 추가 (disabled 제외)
+        ...(hasShadow &&
+          !disabled && {
+            boxShadow:
+              "0px 4px 8px rgba(0, 0, 0, 0.08), 0px 0px 16px rgba(0, 0, 0, 0.16)",
+          }),
       }}
       {...props}
     >
diff --git a/components/ui/drawer.tsx b/components/ui/drawer.tsx
new file mode 100644
index 0000000..4e5e34e
--- /dev/null
+++ b/components/ui/drawer.tsx
@@ -0,0 +1,144 @@
+"use client";
+
+import * as React from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+
+import { cn } from "@/lib/utils";
+
+function Drawer({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Root>) {
+  return <DrawerPrimitive.Root data-slot="drawer" {...props} />;
+}
+
+function DrawerTrigger({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {
+  return <DrawerPrimitive.Trigger data-slot="drawer-trigger" {...props} />;
+}
+
+function DrawerPortal({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {
+  return <DrawerPrimitive.Portal data-slot="drawer-portal" {...props} />;
+}
+
+function DrawerClose({
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Close>) {
+  return <DrawerPrimitive.Close data-slot="drawer-close" {...props} />;
+}
+
+function DrawerOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {
+  return (
+    <DrawerPrimitive.Overlay
+      data-slot="drawer-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+type DrawerContentProps = React.ComponentProps<
+  typeof DrawerPrimitive.Content
+> & {
+  showHandle?: boolean;
+};
+
+function DrawerContent({
+  className,
+  children,
+  showHandle = true,
+  ...props
+}: DrawerContentProps) {
+  return (
+    <DrawerPortal data-slot="drawer-portal">
+      <DrawerOverlay />
+      <DrawerPrimitive.Content
+        data-slot="drawer-content"
+        className={cn(
+          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
+          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
+          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
+          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
+          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
+          className,
+        )}
+        {...props}
+      >
+        {showHandle && (
+          <div className="bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" />
+        )}
+        {children}
+      </DrawerPrimitive.Content>
+    </DrawerPortal>
+  );
+}
+
+function DrawerHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="drawer-header"
+      className={cn(
+        "flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function DrawerFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="drawer-footer"
+      className={cn("mt-auto flex flex-col gap-2 p-4", className)}
+      {...props}
+    />
+  );
+}
+
+function DrawerTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Title>) {
+  return (
+    <DrawerPrimitive.Title
+      data-slot="drawer-title"
+      className={cn("text-foreground font-semibold", className)}
+      {...props}
+    />
+  );
+}
+
+function DrawerDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Description>) {
+  return (
+    <DrawerPrimitive.Description
+      data-slot="drawer-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  );
+}
+
+export {
+  Drawer,
+  DrawerPortal,
+  DrawerOverlay,
+  DrawerTrigger,
+  DrawerClose,
+  DrawerContent,
+  DrawerHeader,
+  DrawerFooter,
+  DrawerTitle,
+  DrawerDescription,
+};
diff --git a/lib/status.ts b/lib/status.ts
new file mode 100644
index 0000000..66b120c
--- /dev/null
+++ b/lib/status.ts
@@ -0,0 +1,21 @@
+export async function getInitialMaintenanceStatus() {
+  try {
+    const res = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/status`, {
+      cache: "no-store",
+    });
+    if (!res.ok) return false;
+
+    // Check if response is JSON before parsing
+    const contentType = res.headers.get("content-type");
+    if (!contentType || !contentType.includes("application/json")) {
+      console.warn("Status endpoint returned non-JSON response");
+      return false;
+    }
+
+    const data = await res.json();
+    return data.maintenance ?? false;
+  } catch (error) {
+    console.error("Failed to fetch maintenance status:", error);
+    return false;
+  }
+}
diff --git a/package.json b/package.json
index b770268..e0f24ec 100644
--- a/package.json
+++ b/package.json
@@ -13,32 +13,34 @@
     "token": "node scripts/generate-tokens.js"
   },
   "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.15",
     "@tanstack/react-query": "^5.90.20",
     "@tanstack/react-query-devtools": "^5.91.2",
-    "axios": "^1.13.3",
+    "axios": "^1.13.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.562.0",
     "next": "16.1.3",
     "react": "19.2.3",
     "react-dom": "19.2.3",
-    "tailwind-merge": "^3.4.0"
+    "tailwind-merge": "^3.4.0",
+    "vaul": "^1.1.2"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
+    "@tailwindcss/postcss": "^4.1.18",
+    "@types/node": "^20.19.30",
+    "@types/react": "^19.2.10",
+    "@types/react-dom": "^19.2.3",
     "babel-plugin-react-compiler": "1.0.0",
-    "eslint": "^9",
+    "eslint": "^9.39.2",
     "eslint-config-next": "16.1.3",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.7",
-    "prettier": "^3.8.0",
+    "prettier": "^3.8.1",
     "prettier-plugin-tailwindcss": "^0.7.2",
-    "tailwindcss": "^4",
+    "tailwindcss": "^4.1.18",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^5"
+    "typescript": "^5.9.3"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 42c8a3d..f788a65 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,6 +8,9 @@ importers:
 
   .:
     dependencies:
+      '@radix-ui/react-dialog':
+        specifier: ^1.1.15
+        version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       '@tanstack/react-query':
         specifier: ^5.90.20
         version: 5.90.20(react@19.2.3)
@@ -15,8 +18,8 @@ importers:
         specifier: ^5.91.2
         version: 5.91.2(@tanstack/react-query@5.90.20(react@19.2.3))(react@19.2.3)
       axios:
-        specifier: ^1.13.3
-        version: 1.13.3
+        specifier: ^1.13.4
+        version: 1.13.4
       class-variance-authority:
         specifier: ^0.7.1
         version: 0.7.1
@@ -38,28 +41,31 @@ importers:
       tailwind-merge:
         specifier: ^3.4.0
         version: 3.4.0
+      vaul:
+        specifier: ^1.1.2
+        version: 1.1.2(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
     devDependencies:
       '@tailwindcss/postcss':
-        specifier: ^4
+        specifier: ^4.1.18
         version: 4.1.18
       '@types/node':
-        specifier: ^20
+        specifier: ^20.19.30
         version: 20.19.30
       '@types/react':
-        specifier: ^19
-        version: 19.2.8
+        specifier: ^19.2.10
+        version: 19.2.10
       '@types/react-dom':
-        specifier: ^19
-        version: 19.2.3(@types/react@19.2.8)
+        specifier: ^19.2.3
+        version: 19.2.3(@types/react@19.2.10)
       babel-plugin-react-compiler:
         specifier: 1.0.0
         version: 1.0.0
       eslint:
-        specifier: ^9
+        specifier: ^9.39.2
         version: 9.39.2(jiti@2.6.1)
       eslint-config-next:
         specifier: 16.1.3
-        version: 16.1.3(@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        version: 16.1.3(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       husky:
         specifier: ^9.1.7
         version: 9.1.7
@@ -67,19 +73,19 @@ importers:
         specifier: ^16.2.7
         version: 16.2.7
       prettier:
-        specifier: ^3.8.0
-        version: 3.8.0
+        specifier: ^3.8.1
+        version: 3.8.1
       prettier-plugin-tailwindcss:
         specifier: ^0.7.2
-        version: 0.7.2(prettier@3.8.0)
+        version: 0.7.2(prettier@3.8.1)
       tailwindcss:
-        specifier: ^4
+        specifier: ^4.1.18
         version: 4.1.18
       tw-animate-css:
         specifier: ^1.4.0
         version: 1.4.0
       typescript:
-        specifier: ^5
+        specifier: ^5.9.3
         version: 5.9.3
 
 packages:
@@ -444,6 +450,177 @@ packages:
     resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
     engines: {node: '>=12.4.0'}
 
+  '@radix-ui/primitive@1.1.3':
+    resolution: {integrity: sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==}
+
+  '@radix-ui/react-compose-refs@1.1.2':
+    resolution: {integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-context@1.1.2':
+    resolution: {integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-dialog@1.1.15':
+    resolution: {integrity: sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-dismissable-layer@1.1.11':
+    resolution: {integrity: sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-focus-guards@1.1.3':
+    resolution: {integrity: sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-focus-scope@1.1.7':
+    resolution: {integrity: sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-id@1.1.1':
+    resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-portal@1.1.9':
+    resolution: {integrity: sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-presence@1.1.5':
+    resolution: {integrity: sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-primitive@2.1.3':
+    resolution: {integrity: sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-slot@1.2.3':
+    resolution: {integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-callback-ref@1.1.1':
+    resolution: {integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-controllable-state@1.2.2':
+    resolution: {integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-effect-event@0.0.2':
+    resolution: {integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-escape-keydown@1.1.1':
+    resolution: {integrity: sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-layout-effect@1.1.1':
+    resolution: {integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
 
@@ -575,66 +752,66 @@ packages:
     peerDependencies:
       '@types/react': ^19.2.0
 
-  '@types/react@19.2.8':
-    resolution: {integrity: sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg==}
+  '@types/react@19.2.10':
+    resolution: {integrity: sha512-WPigyYuGhgZ/cTPRXB2EwUw+XvsRA3GqHlsP4qteqrnnjDrApbS7MxcGr/hke5iUoeB7E/gQtrs9I37zAJ0Vjw==}
 
-  '@typescript-eslint/eslint-plugin@8.53.0':
-    resolution: {integrity: sha512-eEXsVvLPu8Z4PkFibtuFJLJOTAV/nPdgtSjkGoPpddpFk3/ym2oy97jynY6ic2m6+nc5M8SE1e9v/mHKsulcJg==}
+  '@typescript-eslint/eslint-plugin@8.54.0':
+    resolution: {integrity: sha512-hAAP5io/7csFStuOmR782YmTthKBJ9ND3WVL60hcOjvtGFb+HJxH4O5huAcmcZ9v9G8P+JETiZ/G1B8MALnWZQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.53.0
+      '@typescript-eslint/parser': ^8.54.0
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/parser@8.53.0':
-    resolution: {integrity: sha512-npiaib8XzbjtzS2N4HlqPvlpxpmZ14FjSJrteZpPxGUaYPlvhzlzUZ4mZyABo0EFrOWnvyd0Xxroq//hKhtAWg==}
+  '@typescript-eslint/parser@8.54.0':
+    resolution: {integrity: sha512-BtE0k6cjwjLZoZixN0t5AKP0kSzlGu7FctRXYuPAm//aaiZhmfq1JwdYpYr1brzEspYyFeF+8XF5j2VK6oalrA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/project-service@8.53.0':
-    resolution: {integrity: sha512-Bl6Gdr7NqkqIP5yP9z1JU///Nmes4Eose6L1HwpuVHwScgDPPuEWbUVhvlZmb8hy0vX9syLk5EGNL700WcBlbg==}
+  '@typescript-eslint/project-service@8.54.0':
+    resolution: {integrity: sha512-YPf+rvJ1s7MyiWM4uTRhE4DvBXrEV+d8oC3P9Y2eT7S+HBS0clybdMIPnhiATi9vZOYDc7OQ1L/i6ga6NFYK/g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/scope-manager@8.53.0':
-    resolution: {integrity: sha512-kWNj3l01eOGSdVBnfAF2K1BTh06WS0Yet6JUgb9Cmkqaz3Jlu0fdVUjj9UI8gPidBWSMqDIglmEXifSgDT/D0g==}
+  '@typescript-eslint/scope-manager@8.54.0':
+    resolution: {integrity: sha512-27rYVQku26j/PbHYcVfRPonmOlVI6gihHtXFbTdB5sb6qA0wdAQAbyXFVarQ5t4HRojIz64IV90YtsjQSSGlQg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/tsconfig-utils@8.53.0':
-    resolution: {integrity: sha512-K6Sc0R5GIG6dNoPdOooQ+KtvT5KCKAvTcY8h2rIuul19vxH5OTQk7ArKkd4yTzkw66WnNY0kPPzzcmWA+XRmiA==}
+  '@typescript-eslint/tsconfig-utils@8.54.0':
+    resolution: {integrity: sha512-dRgOyT2hPk/JwxNMZDsIXDgyl9axdJI3ogZ2XWhBPsnZUv+hPesa5iuhdYt2gzwA9t8RE5ytOJ6xB0moV0Ujvw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/type-utils@8.53.0':
-    resolution: {integrity: sha512-BBAUhlx7g4SmcLhn8cnbxoxtmS7hcq39xKCgiutL3oNx1TaIp+cny51s8ewnKMpVUKQUGb41RAUWZ9kxYdovuw==}
+  '@typescript-eslint/type-utils@8.54.0':
+    resolution: {integrity: sha512-hiLguxJWHjjwL6xMBwD903ciAwd7DmK30Y9Axs/etOkftC3ZNN9K44IuRD/EB08amu+Zw6W37x9RecLkOo3pMA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/types@8.53.0':
-    resolution: {integrity: sha512-Bmh9KX31Vlxa13+PqPvt4RzKRN1XORYSLlAE+sO1i28NkisGbTtSLFVB3l7PWdHtR3E0mVMuC7JilWJ99m2HxQ==}
+  '@typescript-eslint/types@8.54.0':
+    resolution: {integrity: sha512-PDUI9R1BVjqu7AUDsRBbKMtwmjWcn4J3le+5LpcFgWULN3LvHC5rkc9gCVxbrsrGmO1jfPybN5s6h4Jy+OnkAA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.53.0':
-    resolution: {integrity: sha512-pw0c0Gdo7Z4xOG987u3nJ8akL9093yEEKv8QTJ+Bhkghj1xyj8cgPaavlr9rq8h7+s6plUJ4QJYw2gCZodqmGw==}
+  '@typescript-eslint/typescript-estree@8.54.0':
+    resolution: {integrity: sha512-BUwcskRaPvTk6fzVWgDPdUndLjB87KYDrN5EYGetnktoeAvPtO4ONHlAZDnj5VFnUANg0Sjm7j4usBlnoVMHwA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/utils@8.53.0':
-    resolution: {integrity: sha512-XDY4mXTez3Z1iRDI5mbRhH4DFSt46oaIFsLg+Zn97+sYrXACziXSQcSelMybnVZ5pa1P6xYkPr5cMJyunM1ZDA==}
+  '@typescript-eslint/utils@8.54.0':
+    resolution: {integrity: sha512-9Cnda8GS57AQakvRyG0PTejJNlA2xhvyNtEVIMlDWOOeEyBkYWhGPnfrIAnqxLMTSTo6q8g12XVjjev5l1NvMA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/visitor-keys@8.53.0':
-    resolution: {integrity: sha512-LZ2NqIHFhvFwxG0qZeLL9DvdNAHPGCY5dIRwBhyYeU+LfLhcStE1ImjsuTG/WaVh3XysGaeLW8Rqq7cGkPCFvw==}
+  '@typescript-eslint/visitor-keys@8.54.0':
+    resolution: {integrity: sha512-VFlhGSl4opC0bprJiItPQ1RfUhGDIBokcPwaFH4yiBCaNPeld/9VeXbiPO1cLyorQi1G1vL+ecBk1x8o1axORA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@unrs/resolver-binding-android-arm-eabi@1.11.1':
@@ -764,6 +941,10 @@ packages:
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
+  aria-hidden@1.2.6:
+    resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
+    engines: {node: '>=10'}
+
   aria-query@5.3.2:
     resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
     engines: {node: '>= 0.4'}
@@ -818,8 +999,8 @@ packages:
     resolution: {integrity: sha512-BASOg+YwO2C+346x3LZOeoovTIoTrRqEsqMa6fmfAV0P+U9mFr9NsyOEpiYvFjbc64NMrSswhV50WdXzdb/Z5A==}
     engines: {node: '>=4'}
 
-  axios@1.13.3:
-    resolution: {integrity: sha512-ERT8kdX7DZjtUm7IitEyV7InTHAF42iJuMArIiDIV5YtPanJkgw4hw5Dyg9fh0mihdWNn1GKaeIWErfe56UQ1g==}
+  axios@1.13.4:
+    resolution: {integrity: sha512-1wVkUaAO6WyaYtCkcYCOx12ZgpGf9Zif+qXa4n+oYzK558YryKqiL6UWwd5DqiH3VRW0GYhTZQ/vlgJrCoNQlg==}
 
   axobject-query@4.1.0:
     resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
@@ -831,8 +1012,8 @@ packages:
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
-  baseline-browser-mapping@2.9.15:
-    resolution: {integrity: sha512-kX8h7K2srmDyYnXRIppo4AH/wYgzWVCs+eKr3RusRSQ5PvRYoEFmR/I0PbdTjKFAoKqp5+kbxnNTFO9jOfSVJg==}
+  baseline-browser-mapping@2.9.19:
+    resolution: {integrity: sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg==}
     hasBin: true
 
   brace-expansion@1.1.12:
@@ -866,8 +1047,8 @@ packages:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
-  caniuse-lite@1.0.30001765:
-    resolution: {integrity: sha512-LWcNtSyZrakjECqmpP4qdg0MMGdN368D7X8XvvAqOcqMv0RxnlqVKZl2V6/mBR68oYMxOZPLw/gO7DuisMHUvQ==}
+  caniuse-lite@1.0.30001766:
+    resolution: {integrity: sha512-4C0lfJ0/YPjJQHagaE9x2Elb69CIqEPZeG0anQt9SIvIoOH4a4uaRl73IavyO+0qZh6MDLH//DrXThEYKHkmYA==}
 
   chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
@@ -973,6 +1154,9 @@ packages:
     resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
     engines: {node: '>=8'}
 
+  detect-node-es@1.1.0:
+    resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
+
   doctrine@2.1.0:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
@@ -981,8 +1165,8 @@ packages:
     resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
     engines: {node: '>= 0.4'}
 
-  electron-to-chromium@1.5.267:
-    resolution: {integrity: sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==}
+  electron-to-chromium@1.5.282:
+    resolution: {integrity: sha512-FCPkJtpst28UmFzd903iU7PdeVTfY0KAeJy+Lk0GLZRwgwYHn/irRcaCbQQOmr5Vytc/7rcavsYLvTM8RiHYhQ==}
 
   emoji-regex@10.6.0:
     resolution: {integrity: sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==}
@@ -1244,6 +1428,10 @@ packages:
     resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
     engines: {node: '>= 0.4'}
 
+  get-nonce@1.0.1:
+    resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
+    engines: {node: '>=6'}
+
   get-proto@1.0.1:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
@@ -1846,8 +2034,8 @@ packages:
       prettier-plugin-svelte:
         optional: true
 
-  prettier@3.8.0:
-    resolution: {integrity: sha512-yEPsovQfpxYfgWNhCfECjG5AQaO+K3dp6XERmOepyPDVqcJm+bjyCVO3pmU+nAPe0N5dDvekfGezt/EIiRe1TA==}
+  prettier@3.8.1:
+    resolution: {integrity: sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==}
     engines: {node: '>=14'}
     hasBin: true
 
@@ -1872,6 +2060,36 @@ packages:
   react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
+  react-remove-scroll-bar@2.3.8:
+    resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-remove-scroll@2.7.2:
+    resolution: {integrity: sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-style-singleton@2.2.3:
+    resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   react@19.2.3:
     resolution: {integrity: sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==}
     engines: {node: '>=0.10.0'}
@@ -2005,8 +2223,8 @@ packages:
     resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
     engines: {node: '>=18'}
 
-  string-width@8.1.0:
-    resolution: {integrity: sha512-Kxl3KJGb/gxkaUMOjRsQ8IrXiGW75O4E3RPjFIINOVH8AMl2SQ/yWdTzWwF3FevIX9LcMAjJW+GRwAlAbTSXdg==}
+  string-width@8.1.1:
+    resolution: {integrity: sha512-KpqHIdDL9KwYk22wEOg/VIqYbrnLeSApsKT/bSj6Ez7pn3CftUiLAv2Lccpq1ALcpLV9UX1Ppn92npZWu2w/aw==}
     engines: {node: '>=20'}
 
   string.prototype.includes@2.0.1:
@@ -2118,8 +2336,8 @@ packages:
     resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
     engines: {node: '>= 0.4'}
 
-  typescript-eslint@8.53.0:
-    resolution: {integrity: sha512-xHURCQNxZ1dsWn0sdOaOfCSQG0HKeqSj9OexIxrz6ypU6wHYOdX2I3D2b8s8wFSsSOYJb+6q283cLiLlkEsBYw==}
+  typescript-eslint@8.54.0:
+    resolution: {integrity: sha512-CKsJ+g53QpsNPqbzUsfKVgd3Lny4yKZ1pP4qN3jdMOg/sisIDLGyDMezycquXLE5JsEU0wp3dGNdzig0/fmSVQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -2149,6 +2367,32 @@ packages:
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
+  use-callback-ref@1.3.3:
+    resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  use-sidecar@1.1.3:
+    resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  vaul@1.1.2:
+    resolution: {integrity: sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
+
   which-boxed-primitive@1.1.1:
     resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
     engines: {node: '>= 0.4'}
@@ -2196,8 +2440,8 @@ packages:
     peerDependencies:
       zod: ^3.25.0 || ^4.0.0
 
-  zod@4.3.5:
-    resolution: {integrity: sha512-k7Nwx6vuWx1IJ9Bjuf4Zt1PEllcwe7cls3VNzm4CQ1/hgtFUK2bRNG3rvnpPUhFjmqJKAKtjV576KnUkHocg/g==}
+  zod@4.3.6:
+    resolution: {integrity: sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==}
 
 snapshots:
 
@@ -2543,6 +2787,149 @@ snapshots:
 
   '@nolyfill/is-core-module@1.0.39': {}
 
+  '@radix-ui/primitive@1.1.3': {}
+
+  '@radix-ui/react-compose-refs@1.1.2(@types/react@19.2.10)(react@19.2.3)':
+    dependencies:
+      react: 19.2.3
+    optionalDependencies:
+      '@types/react': 19.2.10
+
+  '@radix-ui/react-context@1.1.2(@types/react@19.2.10)(react@19.2.3)':
+    dependencies:
+      react: 19.2.3
+    optionalDependencies:
+      '@types/react': 19.2.10
+
+  '@radix-ui/react-dialog@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.10)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.10)(react@19.2.3)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.10)(react@19.2.3)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.10)(react@19.2.3)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.10)(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.10)(react@19.2.3)
+      aria-hidden: 1.2.6
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+      react-remove-scroll: 2.7.2(@types/react@19.2.10)(react@19.2.3)
+    optionalDependencies:
+      '@types/react': 19.2.10
+      '@types/react-dom': 19.2.3(@types/react@19.2.10)
+
+  '@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.10)(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.10)(react@19.2.3)
+      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.2.10)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+    optionalDependencies:
+      '@types/react': 19.2.10
+      '@types/react-dom': 19.2.3(@types/react@19.2.10)
+
+  '@radix-ui/react-focus-guards@1.1.3(@types/react@19.2.10)(react@19.2.3)':
+    dependencies:
+      react: 19.2.3
+    optionalDependencies:
+      '@types/react': 19.2.10
+
+  '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.10)(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.10)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+    optionalDependencies:
+      '@types/react': 19.2.10
+      '@types/react-dom': 19.2.3(@types/react@19.2.10)
+
+  '@radix-ui/react-id@1.1.1(@types/react@19.2.10)(react@19.2.3)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.10)(react@19.2.3)
+      react: 19.2.3
+    optionalDependencies:
+      '@types/react': 19.2.10
+
+  '@radix-ui/react-portal@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.10)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+    optionalDependencies:
+      '@types/react': 19.2.10
+      '@types/react-dom': 19.2.3(@types/react@19.2.10)
+
+  '@radix-ui/react-presence@1.1.5(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.10)(react@19.2.3)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.10)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+    optionalDependencies:
+      '@types/react': 19.2.10
+      '@types/react-dom': 19.2.3(@types/react@19.2.10)
+
+  '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+    dependencies:
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.10)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+    optionalDependencies:
+      '@types/react': 19.2.10
+      '@types/react-dom': 19.2.3(@types/react@19.2.10)
+
+  '@radix-ui/react-slot@1.2.3(@types/react@19.2.10)(react@19.2.3)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.10)(react@19.2.3)
+      react: 19.2.3
+    optionalDependencies:
+      '@types/react': 19.2.10
+
+  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.2.10)(react@19.2.3)':
+    dependencies:
+      react: 19.2.3
+    optionalDependencies:
+      '@types/react': 19.2.10
+
+  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.2.10)(react@19.2.3)':
+    dependencies:
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.10)(react@19.2.3)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.10)(react@19.2.3)
+      react: 19.2.3
+    optionalDependencies:
+      '@types/react': 19.2.10
+
+  '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.2.10)(react@19.2.3)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.10)(react@19.2.3)
+      react: 19.2.3
+    optionalDependencies:
+      '@types/react': 19.2.10
+
+  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.2.10)(react@19.2.3)':
+    dependencies:
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.10)(react@19.2.3)
+      react: 19.2.3
+    optionalDependencies:
+      '@types/react': 19.2.10
+
+  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.2.10)(react@19.2.3)':
+    dependencies:
+      react: 19.2.3
+    optionalDependencies:
+      '@types/react': 19.2.10
+
   '@rtsao/scc@1.1.0': {}
 
   '@swc/helpers@0.5.15':
@@ -2648,22 +3035,22 @@ snapshots:
     dependencies:
       undici-types: 6.21.0
 
-  '@types/react-dom@19.2.3(@types/react@19.2.8)':
+  '@types/react-dom@19.2.3(@types/react@19.2.10)':
     dependencies:
-      '@types/react': 19.2.8
+      '@types/react': 19.2.10
 
-  '@types/react@19.2.8':
+  '@types/react@19.2.10':
     dependencies:
       csstype: 3.2.3
 
-  '@typescript-eslint/eslint-plugin@8.53.0(@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.53.0
-      '@typescript-eslint/type-utils': 8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.53.0
+      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.54.0
+      '@typescript-eslint/type-utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.54.0
       eslint: 9.39.2(jiti@2.6.1)
       ignore: 7.0.5
       natural-compare: 1.4.0
@@ -2672,41 +3059,41 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.53.0
-      '@typescript-eslint/types': 8.53.0
-      '@typescript-eslint/typescript-estree': 8.53.0(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.53.0
+      '@typescript-eslint/scope-manager': 8.54.0
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.54.0
       debug: 4.4.3
       eslint: 9.39.2(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.53.0(typescript@5.9.3)':
+  '@typescript-eslint/project-service@8.54.0(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.53.0(typescript@5.9.3)
-      '@typescript-eslint/types': 8.53.0
+      '@typescript-eslint/tsconfig-utils': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.54.0
       debug: 4.4.3
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.53.0':
+  '@typescript-eslint/scope-manager@8.54.0':
     dependencies:
-      '@typescript-eslint/types': 8.53.0
-      '@typescript-eslint/visitor-keys': 8.53.0
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/visitor-keys': 8.54.0
 
-  '@typescript-eslint/tsconfig-utils@8.53.0(typescript@5.9.3)':
+  '@typescript-eslint/tsconfig-utils@8.54.0(typescript@5.9.3)':
     dependencies:
       typescript: 5.9.3
 
-  '@typescript-eslint/type-utils@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/type-utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/types': 8.53.0
-      '@typescript-eslint/typescript-estree': 8.53.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       debug: 4.4.3
       eslint: 9.39.2(jiti@2.6.1)
       ts-api-utils: 2.4.0(typescript@5.9.3)
@@ -2714,14 +3101,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.53.0': {}
+  '@typescript-eslint/types@8.54.0': {}
 
-  '@typescript-eslint/typescript-estree@8.53.0(typescript@5.9.3)':
+  '@typescript-eslint/typescript-estree@8.54.0(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/project-service': 8.53.0(typescript@5.9.3)
-      '@typescript-eslint/tsconfig-utils': 8.53.0(typescript@5.9.3)
-      '@typescript-eslint/types': 8.53.0
-      '@typescript-eslint/visitor-keys': 8.53.0
+      '@typescript-eslint/project-service': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/visitor-keys': 8.54.0
       debug: 4.4.3
       minimatch: 9.0.5
       semver: 7.7.3
@@ -2731,20 +3118,20 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
-      '@typescript-eslint/scope-manager': 8.53.0
-      '@typescript-eslint/types': 8.53.0
-      '@typescript-eslint/typescript-estree': 8.53.0(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.54.0
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.53.0':
+  '@typescript-eslint/visitor-keys@8.54.0':
     dependencies:
-      '@typescript-eslint/types': 8.53.0
+      '@typescript-eslint/types': 8.54.0
       eslint-visitor-keys: 4.2.1
 
   '@unrs/resolver-binding-android-arm-eabi@1.11.1':
@@ -2833,6 +3220,10 @@ snapshots:
 
   argparse@2.0.1: {}
 
+  aria-hidden@1.2.6:
+    dependencies:
+      tslib: 2.8.1
+
   aria-query@5.3.2: {}
 
   array-buffer-byte-length@1.0.2:
@@ -2914,7 +3305,7 @@ snapshots:
 
   axe-core@4.11.1: {}
 
-  axios@1.13.3:
+  axios@1.13.4:
     dependencies:
       follow-redirects: 1.15.11
       form-data: 4.0.5
@@ -2930,7 +3321,7 @@ snapshots:
 
   balanced-match@1.0.2: {}
 
-  baseline-browser-mapping@2.9.15: {}
+  baseline-browser-mapping@2.9.19: {}
 
   brace-expansion@1.1.12:
     dependencies:
@@ -2947,9 +3338,9 @@ snapshots:
 
   browserslist@4.28.1:
     dependencies:
-      baseline-browser-mapping: 2.9.15
-      caniuse-lite: 1.0.30001765
-      electron-to-chromium: 1.5.267
+      baseline-browser-mapping: 2.9.19
+      caniuse-lite: 1.0.30001766
+      electron-to-chromium: 1.5.282
       node-releases: 2.0.27
       update-browserslist-db: 1.2.3(browserslist@4.28.1)
 
@@ -2972,7 +3363,7 @@ snapshots:
 
   callsites@3.1.0: {}
 
-  caniuse-lite@1.0.30001765: {}
+  caniuse-lite@1.0.30001766: {}
 
   chalk@4.1.2:
     dependencies:
@@ -2990,7 +3381,7 @@ snapshots:
   cli-truncate@5.1.1:
     dependencies:
       slice-ansi: 7.1.2
-      string-width: 8.1.0
+      string-width: 8.1.1
 
   client-only@0.0.1: {}
 
@@ -3068,6 +3459,8 @@ snapshots:
 
   detect-libc@2.1.2: {}
 
+  detect-node-es@1.1.0: {}
+
   doctrine@2.1.0:
     dependencies:
       esutils: 2.0.3
@@ -3078,7 +3471,7 @@ snapshots:
       es-errors: 1.3.0
       gopd: 1.2.0
 
-  electron-to-chromium@1.5.267: {}
+  electron-to-chromium@1.5.282: {}
 
   emoji-regex@10.6.0: {}
 
@@ -3196,18 +3589,18 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-config-next@16.1.3(@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
+  eslint-config-next@16.1.3(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
     dependencies:
       '@next/eslint-plugin-next': 16.1.3
       eslint: 9.39.2(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
       eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1))
       eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.2(jiti@2.6.1))
       eslint-plugin-react: 7.37.5(eslint@9.39.2(jiti@2.6.1))
       eslint-plugin-react-hooks: 7.0.1(eslint@9.39.2(jiti@2.6.1))
       globals: 16.4.0
-      typescript-eslint: 8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      typescript-eslint: 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
     optionalDependencies:
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -3235,22 +3628,22 @@ snapshots:
       tinyglobby: 0.2.15
       unrs-resolver: 1.11.1
     optionalDependencies:
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1))
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1)):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
       eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@2.6.1))
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1)):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.9
@@ -3261,7 +3654,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 9.39.2(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1))
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1))
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
@@ -3273,7 +3666,7 @@ snapshots:
       string.prototype.trimend: 1.0.9
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
@@ -3304,8 +3697,8 @@ snapshots:
       '@babel/parser': 7.28.6
       eslint: 9.39.2(jiti@2.6.1)
       hermes-parser: 0.25.1
-      zod: 4.3.5
-      zod-validation-error: 4.0.2(zod@4.3.5)
+      zod: 4.3.6
+      zod-validation-error: 4.0.2(zod@4.3.6)
     transitivePeerDependencies:
       - supports-color
 
@@ -3489,6 +3882,8 @@ snapshots:
       hasown: 2.0.2
       math-intrinsics: 1.1.0
 
+  get-nonce@1.0.1: {}
+
   get-proto@1.0.1:
     dependencies:
       dunder-proto: 1.0.1
@@ -3884,8 +4279,8 @@ snapshots:
     dependencies:
       '@next/env': 16.1.3
       '@swc/helpers': 0.5.15
-      baseline-browser-mapping: 2.9.15
-      caniuse-lite: 1.0.30001765
+      baseline-browser-mapping: 2.9.19
+      caniuse-lite: 1.0.30001766
       postcss: 8.4.31
       react: 19.2.3
       react-dom: 19.2.3(react@19.2.3)
@@ -4010,11 +4405,11 @@ snapshots:
 
   prelude-ls@1.2.1: {}
 
-  prettier-plugin-tailwindcss@0.7.2(prettier@3.8.0):
+  prettier-plugin-tailwindcss@0.7.2(prettier@3.8.1):
     dependencies:
-      prettier: 3.8.0
+      prettier: 3.8.1
 
-  prettier@3.8.0: {}
+  prettier@3.8.1: {}
 
   prop-types@15.8.1:
     dependencies:
@@ -4035,6 +4430,33 @@ snapshots:
 
   react-is@16.13.1: {}
 
+  react-remove-scroll-bar@2.3.8(@types/react@19.2.10)(react@19.2.3):
+    dependencies:
+      react: 19.2.3
+      react-style-singleton: 2.2.3(@types/react@19.2.10)(react@19.2.3)
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.2.10
+
+  react-remove-scroll@2.7.2(@types/react@19.2.10)(react@19.2.3):
+    dependencies:
+      react: 19.2.3
+      react-remove-scroll-bar: 2.3.8(@types/react@19.2.10)(react@19.2.3)
+      react-style-singleton: 2.2.3(@types/react@19.2.10)(react@19.2.3)
+      tslib: 2.8.1
+      use-callback-ref: 1.3.3(@types/react@19.2.10)(react@19.2.3)
+      use-sidecar: 1.1.3(@types/react@19.2.10)(react@19.2.3)
+    optionalDependencies:
+      '@types/react': 19.2.10
+
+  react-style-singleton@2.2.3(@types/react@19.2.10)(react@19.2.3):
+    dependencies:
+      get-nonce: 1.0.1
+      react: 19.2.3
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.2.10
+
   react@19.2.3: {}
 
   reflect.getprototypeof@1.0.10:
@@ -4223,7 +4645,7 @@ snapshots:
       get-east-asian-width: 1.4.0
       strip-ansi: 7.1.2
 
-  string-width@8.1.0:
+  string-width@8.1.1:
     dependencies:
       get-east-asian-width: 1.4.0
       strip-ansi: 7.1.2
@@ -4366,12 +4788,12 @@ snapshots:
       possible-typed-array-names: 1.1.0
       reflect.getprototypeof: 1.0.10
 
-  typescript-eslint@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
+  typescript-eslint@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.53.0(@typescript-eslint/parser@8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/typescript-estree': 8.53.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.53.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/eslint-plugin': 8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -4422,6 +4844,30 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
+  use-callback-ref@1.3.3(@types/react@19.2.10)(react@19.2.3):
+    dependencies:
+      react: 19.2.3
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.2.10
+
+  use-sidecar@1.1.3(@types/react@19.2.10)(react@19.2.3):
+    dependencies:
+      detect-node-es: 1.1.0
+      react: 19.2.3
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.2.10
+
+  vaul@1.1.2(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+    dependencies:
+      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+    transitivePeerDependencies:
+      - '@types/react'
+      - '@types/react-dom'
+
   which-boxed-primitive@1.1.1:
     dependencies:
       is-bigint: 1.1.0
@@ -4481,8 +4927,8 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
-  zod-validation-error@4.0.2(zod@4.3.5):
+  zod-validation-error@4.0.2(zod@4.3.6):
     dependencies:
-      zod: 4.3.5
+      zod: 4.3.6
 
-  zod@4.3.5: {}
+  zod@4.3.6: {}
diff --git a/providers/query-provider.tsx b/providers/query-provider.tsx
new file mode 100644
index 0000000..26a9aa5
--- /dev/null
+++ b/providers/query-provider.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { useState } from "react";
+
+export function QueryProvider({ children }: { children: React.ReactNode }) {
+  const [queryClient] = useState(
+    () =>
+      new QueryClient({
+        defaultOptions: {
+          queries: {
+            staleTime: 0,
+            refetchOnWindowFocus: false,
+            retry: 1,
+          },
+        },
+      }),
+  );
+
+  return (
+    <QueryClientProvider client={queryClient}>
+      {children}
+      <ReactQueryDevtools initialIsOpen={false} />
+    </QueryClientProvider>
+  );
+}
diff --git a/providers/service-status-provider.tsx b/providers/service-status-provider.tsx
new file mode 100644
index 0000000..9f5314f
--- /dev/null
+++ b/providers/service-status-provider.tsx
@@ -0,0 +1,45 @@
+"use client";
+
+import React, { createContext, useContext } from "react";
+import { useQuery } from "@tanstack/react-query";
+
+const ServiceStatusContext = createContext<boolean | undefined>(undefined);
+
+export function ServiceStatusProvider({
+  children,
+  initialMaintenanceMode,
+}: {
+  children: React.ReactNode;
+  initialMaintenanceMode: boolean;
+}) {
+  const { data: isMaintenance } = useQuery({
+    queryKey: ["maintenance-status"],
+    queryFn: async () => {
+      const res = await fetch("https://api.your-backend.com/status", {
+        cache: "no-store",
+      });
+      const data = await res.json();
+      return data.maintenance;
+    },
+    initialData: initialMaintenanceMode,
+    refetchInterval: 30 * 1000,
+    refetchOnWindowFocus: true,
+    staleTime: 1000 * 20,
+  });
+
+  return (
+    <ServiceStatusContext.Provider value={isMaintenance ?? false}>
+      {children}
+    </ServiceStatusContext.Provider>
+  );
+}
+
+export function useServiceStatus() {
+  const context = useContext(ServiceStatusContext);
+  if (context === undefined) {
+    throw new Error(
+      "useServiceStatus must be used within ServiceStatusProvider",
+    );
+  }
+  return context;
+}
diff --git a/public/bubble/bubble.svg b/public/bubble/bubble.svg
new file mode 100644
index 0000000..65e7263
--- /dev/null
+++ b/public/bubble/bubble.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="226" height="42" viewBox="0 0 226 42" fill="none">
+<mask id="path-1-inside-1_875_3271" fill="white">
+<path d="M210 0C218.837 3.60784e-06 226 7.16345 226 16C226 24.8366 218.837 32 210 32H119.388L113.77 41.1719C113.269 41.9879 112.075 41.9622 111.61 41.125L106.554 32H16C7.16345 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0H210Z"/>
+</mask>
+<path d="M210 0C218.837 3.60784e-06 226 7.16345 226 16C226 24.8366 218.837 32 210 32H119.388L113.77 41.1719C113.269 41.9879 112.075 41.9622 111.61 41.125L106.554 32H16C7.16345 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0H210Z" fill="white"/>
+<path d="M210 0V-1.5V-1.5V0ZM119.388 32V30.5H118.547L118.109 31.2165L119.388 32ZM113.77 41.1719L115.048 41.9559L115.049 41.9554L113.77 41.1719ZM111.61 41.125L110.298 41.8521L110.298 41.8523L111.61 41.125ZM106.554 32L107.866 31.2729L107.437 30.5H106.554V32ZM16 32L16 33.5H16V32ZM210 0V1.5C218.008 1.5 224.5 7.99187 224.5 16H226H227.5C227.5 6.33502 219.665 -1.5 210 -1.5V0ZM226 16H224.5C224.5 24.0081 218.008 30.5 210 30.5V32V33.5C219.665 33.5 227.5 25.665 227.5 16H226ZM210 32V30.5H119.388V32V33.5H210V32ZM119.388 32L118.109 31.2165L112.49 40.3884L113.77 41.1719L115.049 41.9554L120.667 32.7835L119.388 32ZM113.77 41.1719L112.491 40.3879C112.59 40.2253 112.829 40.2295 112.922 40.3977L111.61 41.125L110.298 41.8523C111.32 43.6949 113.948 43.7505 115.048 41.9559L113.77 41.1719ZM111.61 41.125L112.922 40.3979L107.866 31.2729L106.554 32L105.242 32.7271L110.298 41.8521L111.61 41.125ZM106.554 32V30.5H16V32V33.5H106.554V32ZM16 32V30.5C7.99187 30.5 1.5 24.0081 1.5 16H0H-1.5C-1.5 25.665 6.33502 33.5 16 33.5L16 32ZM0 16H1.5C1.5 7.99187 7.99187 1.5 16 1.5V0V-1.5C6.33502 -1.5 -1.5 6.33502 -1.5 16H0ZM16 0V1.5H210V0V-1.5H16V0Z" fill="url(#paint0_linear_875_3271)" mask="url(#path-1-inside-1_875_3271)"/>
+<defs>
+<linearGradient id="paint0_linear_875_3271" x1="61.7969" y1="-5.07606" x2="169.719" y2="59.2765" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF4D61"/>
+<stop offset="1" stop-color="#F57DB2"/>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public/logo/comatching-logo.svg b/public/logo/comatching-logo.svg
new file mode 100644
index 0000000..5eb8f00
--- /dev/null
+++ b/public/logo/comatching-logo.svg
@@ -0,0 +1,20 @@
+<svg width="96" height="16" viewBox="0 0 96 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32.5756 12.7241V7.44828C32.5756 6.83908 32.437 6.38506 32.16 6.08621C31.895 5.77586 31.5517 5.62069 31.13 5.62069C30.7084 5.62069 30.3591 5.77586 30.082 6.08621C29.817 6.38506 29.6845 6.83908 29.6845 7.44828H28.9075C28.9075 6.57471 29.0401 5.83333 29.3051 5.22414C29.5821 4.61494 29.9676 4.14943 30.4615 3.82759C30.9554 3.50575 31.5396 3.34483 32.2142 3.34483C33.1056 3.34483 33.8344 3.66092 34.4005 4.2931C34.9788 4.92529 35.2679 5.8046 35.2679 6.93103V12.7241H32.5756ZM21.4089 12.7241V3.58621H24.1012V12.7241H21.4089ZM26.9922 12.7241V7.44828C26.9922 6.83908 26.8597 6.38506 26.5947 6.08621C26.3297 5.77586 25.9804 5.62069 25.5467 5.62069C25.1251 5.62069 24.7758 5.77586 24.4987 6.08621C24.2337 6.38506 24.1012 6.83908 24.1012 7.44828H23.6314C23.6314 6.57471 23.7518 5.83333 23.9928 5.22414C24.2457 4.61494 24.6011 4.14943 25.0588 3.82759C25.5286 3.50575 26.0767 3.34483 26.7031 3.34483C27.5825 3.34483 28.2992 3.66092 28.8533 4.2931C29.4075 4.92529 29.6845 5.8046 29.6845 6.93103V12.7241H26.9922Z" fill="#1A1A1A"/>
+<path d="M42.3879 12.7241C42.3157 12.4253 42.2554 12.1207 42.2072 11.8103C42.1711 11.5 42.153 11.1954 42.153 10.8966V7.03448C42.153 6.43678 42.0085 6.01724 41.7194 5.77586C41.4303 5.53448 41.087 5.41379 40.6894 5.41379C40.304 5.41379 39.9667 5.51724 39.6776 5.72414C39.4005 5.93103 39.2078 6.27011 39.0994 6.74138L36.5155 6.2069C36.7684 5.25287 37.2744 4.54023 38.0333 4.06897C38.7922 3.58621 39.7318 3.34483 40.8521 3.34483C42.0808 3.34483 43.0505 3.65517 43.7612 4.27586C44.4839 4.88506 44.8453 5.73563 44.8453 6.82759V10.6897C44.8453 11.3678 44.9357 12.046 45.1164 12.7241H42.3879ZM39.2439 12.9655C38.3043 12.9655 37.5876 12.7299 37.0937 12.2586C36.6118 11.7874 36.3709 11.1667 36.3709 10.3966C36.3709 9.71839 36.6058 9.12069 37.0756 8.60345C37.5575 8.07471 38.2983 7.73563 39.2981 7.58621L42.93 7.01724V8.63793L40.2738 9.17241C39.8161 9.26437 39.5029 9.4023 39.3343 9.58621C39.1656 9.77011 39.0813 9.96552 39.0813 10.1724C39.0813 10.3908 39.1536 10.5747 39.2981 10.7241C39.4547 10.8621 39.6836 10.931 39.9847 10.931C40.3341 10.931 40.6714 10.8563 40.9966 10.7069C41.3339 10.5575 41.611 10.3333 41.8278 10.0345C42.0446 9.72414 42.153 9.35057 42.153 8.91379H42.7674C42.7674 9.74138 42.6108 10.4598 42.2976 11.069C41.9964 11.6782 41.5808 12.1494 41.0508 12.4828C40.5208 12.8046 39.9185 12.9655 39.2439 12.9655Z" fill="#1A1A1A"/>
+<path d="M50.1722 12.9655C49.1242 12.9655 48.293 12.6782 47.6786 12.1034C47.0763 11.5287 46.7752 10.6667 46.7752 9.51724V1.68965L49.4675 1.18966V9.22414C49.4675 9.68391 49.594 10.0345 49.8469 10.2759C50.0999 10.5057 50.4552 10.6207 50.913 10.6207C51.1298 10.6207 51.3286 10.6034 51.5093 10.569C51.702 10.523 51.8948 10.477 52.0875 10.431V12.7241C51.8104 12.8046 51.5153 12.8621 51.2021 12.8966C50.901 12.9425 50.5576 12.9655 50.1722 12.9655ZM45.5826 5.7069V3.58621H51.9971V5.7069H45.5826Z" fill="#1A1A1A"/>
+<path d="M57.1439 12.9655C56.2284 12.9655 55.4213 12.7644 54.7226 12.3621C54.0239 11.9598 53.4758 11.3966 53.0783 10.6724C52.6808 9.94828 52.482 9.1092 52.482 8.15517C52.482 7.18966 52.6808 6.35057 53.0783 5.63793C53.4758 4.91379 54.0239 4.35057 54.7226 3.94828C55.4213 3.54598 56.2284 3.34483 57.1439 3.34483C58.2882 3.34483 59.2459 3.63793 60.0168 4.22414C60.7998 4.79885 61.3058 5.59195 61.5346 6.60345L58.8604 7.17241C58.7882 6.66667 58.6014 6.28736 58.3003 6.03448C58.0112 5.77011 57.6257 5.63793 57.1439 5.63793C56.5777 5.63793 56.1199 5.85057 55.7706 6.27586C55.4213 6.70115 55.2466 7.32759 55.2466 8.15517C55.2466 8.98276 55.4213 9.60919 55.7706 10.0345C56.1199 10.4598 56.5777 10.6724 57.1439 10.6724C57.6257 10.6724 58.0232 10.546 58.3364 10.2931C58.6496 10.0402 58.8484 9.66092 58.9327 9.15517L61.5889 9.68966C61.36 10.7011 60.848 11.5 60.053 12.0862C59.2579 12.6724 58.2882 12.9655 57.1439 12.9655Z" fill="#1A1A1A"/>
+<path d="M68.5936 12.7241V7.48276C68.5936 6.87356 68.437 6.41379 68.1238 6.10345C67.8226 5.78161 67.4311 5.62069 66.9493 5.62069C66.4675 5.62069 66.0699 5.78161 65.7567 6.10345C65.4556 6.41379 65.305 6.87356 65.305 7.48276H64.8352C64.8352 6.5977 64.9677 5.85057 65.2327 5.24138C65.4978 4.62069 65.8712 4.14943 66.353 3.82759C66.8469 3.50575 67.4251 3.34483 68.0877 3.34483C68.7141 3.34483 69.2682 3.48851 69.75 3.77586C70.2318 4.06322 70.6053 4.47701 70.8703 5.01724C71.1473 5.55747 71.2859 6.2069 71.2859 6.96552V12.7241H68.5936ZM62.6127 12.7241V0.396552H65.305V12.7241H62.6127Z" fill="#1A1A1A"/>
+<path d="M72.8387 12.7241V3.58621H75.531V12.7241H72.8387ZM74.1939 2.58621C73.7963 2.58621 73.4651 2.46552 73.2001 2.22414C72.9471 1.98276 72.8206 1.66667 72.8206 1.27586C72.8206 0.873563 72.9471 0.563218 73.2001 0.344827C73.4651 0.114942 73.7963 0 74.1939 0C74.5793 0 74.9046 0.114942 75.1696 0.344827C75.4346 0.563218 75.5671 0.873563 75.5671 1.27586C75.5671 1.66667 75.4346 1.98276 75.1696 2.22414C74.9046 2.46552 74.5793 2.58621 74.1939 2.58621Z" fill="#1A1A1A"/>
+<path d="M83.0637 12.7241V7.48276C83.0637 6.87356 82.9071 6.41379 82.5939 6.10345C82.2927 5.78161 81.9012 5.62069 81.4194 5.62069C80.9375 5.62069 80.54 5.78161 80.2268 6.10345C79.9257 6.41379 79.7751 6.87356 79.7751 7.48276H79.3053C79.3053 6.5977 79.4378 5.85057 79.7028 5.24138C79.9678 4.62069 80.3413 4.14943 80.8231 3.82759C81.317 3.50575 81.8952 3.34483 82.5577 3.34483C83.1841 3.34483 83.7383 3.48851 84.2201 3.77586C84.7019 4.06322 85.0754 4.47701 85.3404 5.01724C85.6174 5.55747 85.756 6.2069 85.756 6.96552V12.7241H83.0637ZM77.0828 12.7241V3.58621H79.7751V12.7241H77.0828Z" fill="#1A1A1A"/>
+<path d="M90.8503 16C90.0312 16 89.3144 15.9138 88.7001 15.7414C88.0978 15.569 87.5497 15.3391 87.0558 15.0517L88.0677 12.931C88.4772 13.1494 88.8928 13.3218 89.3144 13.4483C89.7361 13.5862 90.1757 13.6552 90.6335 13.6552C91.1635 13.6552 91.6273 13.569 92.0248 13.3966C92.4344 13.2241 92.7476 12.9655 92.9644 12.6207C93.1933 12.2759 93.3077 11.8506 93.3077 11.3448V9.67241L93.651 7.65517L93.3077 5.94828V3.58621H96V11.2241C96 12.2701 95.7832 13.1437 95.3495 13.8448C94.9159 14.5575 94.3136 15.092 93.5426 15.4483C92.7717 15.8161 91.8742 16 90.8503 16ZM90.5793 11.9655C89.8445 11.9655 89.2 11.7931 88.6459 11.4483C88.1038 11.1034 87.6822 10.6092 87.3811 9.96552C87.0799 9.31034 86.9293 8.54023 86.9293 7.65517C86.9293 6.75862 87.0799 5.98851 87.3811 5.34483C87.6822 4.70115 88.1038 4.2069 88.6459 3.86207C89.2 3.51724 89.8445 3.34483 90.5793 3.34483C91.543 3.34483 92.3139 3.66092 92.8921 4.2931C93.4824 4.91379 93.7775 5.8046 93.7775 6.96552V8.32759C93.7775 9.47701 93.4824 10.3736 92.8921 11.0172C92.3139 11.6494 91.543 11.9655 90.5793 11.9655ZM91.5911 9.63793C92.1693 9.63793 92.6271 9.47126 92.9644 9.13793C93.3137 8.7931 93.4884 8.29885 93.4884 7.65517C93.4884 7 93.3137 6.50575 92.9644 6.17241C92.6271 5.82759 92.1693 5.65517 91.5911 5.65517C91.0129 5.65517 90.5492 5.82759 90.1998 6.17241C89.8625 6.50575 89.6939 7 89.6939 7.65517C89.6939 8.29885 89.8625 8.7931 90.1998 9.13793C90.5492 9.47126 91.0129 9.63793 91.5911 9.63793Z" fill="#1A1A1A"/>
+<path d="M4.66182 12.954C3.74632 12.954 2.93924 12.7529 2.24057 12.3506C1.54189 11.9483 0.993799 11.3851 0.596279 10.6609C0.198759 9.93678 0 9.0977 0 8.14368C0 7.17816 0.198759 6.33908 0.596279 5.62644C0.993799 4.9023 1.54189 4.33908 2.24057 3.93678C2.93924 3.53448 3.74632 3.33333 4.66182 3.33333C5.8062 3.33333 6.76386 3.62644 7.5348 4.21264C8.3178 4.78736 8.82373 5.58046 9.05261 6.59195L6.37838 7.16092C6.30611 6.65517 6.11939 6.27586 5.81824 6.02299C5.52914 5.75862 5.14366 5.62644 4.66182 5.62644C4.09566 5.62644 3.63791 5.83908 3.28857 6.26437C2.93924 6.68965 2.76457 7.31609 2.76457 8.14368C2.76457 8.97126 2.93924 9.5977 3.28857 10.023C3.63791 10.4483 4.09566 10.6609 4.66182 10.6609C5.14366 10.6609 5.54118 10.5345 5.85438 10.2816C6.16758 10.0287 6.36634 9.64943 6.45066 9.14368L9.10681 9.67816C8.87794 10.6897 8.36598 11.4885 7.57094 12.0747C6.7759 12.6609 5.8062 12.954 4.66182 12.954Z" fill="#1A1A1A"/>
+<path d="M32.5756 12.7241V7.44828C32.5756 6.83908 32.437 6.38506 32.16 6.08621C31.895 5.77586 31.5517 5.62069 31.13 5.62069C30.7084 5.62069 30.3591 5.77586 30.082 6.08621C29.817 6.38506 29.6845 6.83908 29.6845 7.44828H28.9075C28.9075 6.57471 29.0401 5.83333 29.3051 5.22414C29.5821 4.61494 29.9676 4.14943 30.4615 3.82759C30.9554 3.50575 31.5396 3.34483 32.2142 3.34483C33.1056 3.34483 33.8344 3.66092 34.4005 4.2931C34.9788 4.92529 35.2679 5.8046 35.2679 6.93103V12.7241H32.5756ZM21.4089 12.7241V3.58621H24.1012V12.7241H21.4089ZM26.9922 12.7241V7.44828C26.9922 6.83908 26.8597 6.38506 26.5947 6.08621C26.3297 5.77586 25.9804 5.62069 25.5467 5.62069C25.1251 5.62069 24.7758 5.77586 24.4987 6.08621C24.2337 6.38506 24.1012 6.83908 24.1012 7.44828H23.6314C23.6314 6.57471 23.7518 5.83333 23.9928 5.22414C24.2457 4.61494 24.6011 4.14943 25.0588 3.82759C25.5286 3.50575 26.0767 3.34483 26.7031 3.34483C27.5825 3.34483 28.2992 3.66092 28.8533 4.2931C29.4075 4.92529 29.6845 5.8046 29.6845 6.93103V12.7241H26.9922Z" fill="#1A1A1A"/>
+<path d="M42.3879 12.7241C42.3157 12.4253 42.2554 12.1207 42.2072 11.8103C42.1711 11.5 42.153 11.1954 42.153 10.8966V7.03448C42.153 6.43678 42.0085 6.01724 41.7194 5.77586C41.4303 5.53448 41.087 5.41379 40.6894 5.41379C40.304 5.41379 39.9667 5.51724 39.6776 5.72414C39.4005 5.93103 39.2078 6.27011 39.0994 6.74138L36.5155 6.2069C36.7684 5.25287 37.2744 4.54023 38.0333 4.06897C38.7922 3.58621 39.7318 3.34483 40.8521 3.34483C42.0808 3.34483 43.0505 3.65517 43.7612 4.27586C44.4839 4.88506 44.8453 5.73563 44.8453 6.82759V10.6897C44.8453 11.3678 44.9357 12.046 45.1164 12.7241H42.3879ZM39.2439 12.9655C38.3043 12.9655 37.5876 12.7299 37.0937 12.2586C36.6118 11.7874 36.3709 11.1667 36.3709 10.3966C36.3709 9.71839 36.6058 9.12069 37.0756 8.60345C37.5575 8.07471 38.2983 7.73563 39.2981 7.58621L42.93 7.01724V8.63793L40.2738 9.17241C39.8161 9.26437 39.5029 9.4023 39.3343 9.58621C39.1656 9.77011 39.0813 9.96552 39.0813 10.1724C39.0813 10.3908 39.1536 10.5747 39.2981 10.7241C39.4547 10.8621 39.6836 10.931 39.9847 10.931C40.3341 10.931 40.6714 10.8563 40.9966 10.7069C41.3339 10.5575 41.611 10.3333 41.8278 10.0345C42.0446 9.72414 42.153 9.35057 42.153 8.91379H42.7674C42.7674 9.74138 42.6108 10.4598 42.2976 11.069C41.9964 11.6782 41.5808 12.1494 41.0508 12.4828C40.5208 12.8046 39.9185 12.9655 39.2439 12.9655Z" fill="#1A1A1A"/>
+<path d="M50.1722 12.9655C49.1242 12.9655 48.293 12.6782 47.6786 12.1034C47.0763 11.5287 46.7752 10.6667 46.7752 9.51724V1.68965L49.4675 1.18966V9.22414C49.4675 9.68391 49.594 10.0345 49.8469 10.2759C50.0999 10.5057 50.4552 10.6207 50.913 10.6207C51.1298 10.6207 51.3286 10.6034 51.5093 10.569C51.702 10.523 51.8948 10.477 52.0875 10.431V12.7241C51.8104 12.8046 51.5153 12.8621 51.2021 12.8966C50.901 12.9425 50.5576 12.9655 50.1722 12.9655ZM45.5826 5.7069V3.58621H51.9971V5.7069H45.5826Z" fill="#1A1A1A"/>
+<path d="M57.1439 12.9655C56.2284 12.9655 55.4213 12.7644 54.7226 12.3621C54.0239 11.9598 53.4758 11.3966 53.0783 10.6724C52.6808 9.94828 52.482 9.1092 52.482 8.15517C52.482 7.18966 52.6808 6.35057 53.0783 5.63793C53.4758 4.91379 54.0239 4.35057 54.7226 3.94828C55.4213 3.54598 56.2284 3.34483 57.1439 3.34483C58.2882 3.34483 59.2459 3.63793 60.0168 4.22414C60.7998 4.79885 61.3058 5.59195 61.5346 6.60345L58.8604 7.17241C58.7882 6.66667 58.6014 6.28736 58.3003 6.03448C58.0112 5.77011 57.6257 5.63793 57.1439 5.63793C56.5777 5.63793 56.1199 5.85057 55.7706 6.27586C55.4213 6.70115 55.2466 7.32759 55.2466 8.15517C55.2466 8.98276 55.4213 9.60919 55.7706 10.0345C56.1199 10.4598 56.5777 10.6724 57.1439 10.6724C57.6257 10.6724 58.0232 10.546 58.3364 10.2931C58.6496 10.0402 58.8484 9.66092 58.9327 9.15517L61.5889 9.68966C61.36 10.7011 60.848 11.5 60.053 12.0862C59.2579 12.6724 58.2882 12.9655 57.1439 12.9655Z" fill="#1A1A1A"/>
+<path d="M68.5936 12.7241V7.48276C68.5936 6.87356 68.437 6.41379 68.1238 6.10345C67.8226 5.78161 67.4311 5.62069 66.9493 5.62069C66.4675 5.62069 66.0699 5.78161 65.7567 6.10345C65.4556 6.41379 65.305 6.87356 65.305 7.48276H64.8352C64.8352 6.5977 64.9677 5.85057 65.2327 5.24138C65.4978 4.62069 65.8712 4.14943 66.353 3.82759C66.8469 3.50575 67.4251 3.34483 68.0877 3.34483C68.7141 3.34483 69.2682 3.48851 69.75 3.77586C70.2318 4.06322 70.6053 4.47701 70.8703 5.01724C71.1473 5.55747 71.2859 6.2069 71.2859 6.96552V12.7241H68.5936ZM62.6127 12.7241V0.396552H65.305V12.7241H62.6127Z" fill="#1A1A1A"/>
+<path d="M72.8387 12.7241V3.58621H75.531V12.7241H72.8387ZM74.1939 2.58621C73.7963 2.58621 73.4651 2.46552 73.2001 2.22414C72.9471 1.98276 72.8206 1.66667 72.8206 1.27586C72.8206 0.873563 72.9471 0.563218 73.2001 0.344827C73.4651 0.114942 73.7963 0 74.1939 0C74.5793 0 74.9046 0.114942 75.1696 0.344827C75.4346 0.563218 75.5671 0.873563 75.5671 1.27586C75.5671 1.66667 75.4346 1.98276 75.1696 2.22414C74.9046 2.46552 74.5793 2.58621 74.1939 2.58621Z" fill="#1A1A1A"/>
+<path d="M83.0637 12.7241V7.48276C83.0637 6.87356 82.9071 6.41379 82.5939 6.10345C82.2927 5.78161 81.9012 5.62069 81.4194 5.62069C80.9375 5.62069 80.54 5.78161 80.2268 6.10345C79.9257 6.41379 79.7751 6.87356 79.7751 7.48276H79.3053C79.3053 6.5977 79.4378 5.85057 79.7028 5.24138C79.9678 4.62069 80.3413 4.14943 80.8231 3.82759C81.317 3.50575 81.8952 3.34483 82.5577 3.34483C83.1841 3.34483 83.7383 3.48851 84.2201 3.77586C84.7019 4.06322 85.0754 4.47701 85.3404 5.01724C85.6174 5.55747 85.756 6.2069 85.756 6.96552V12.7241H83.0637ZM77.0828 12.7241V3.58621H79.7751V12.7241H77.0828Z" fill="#1A1A1A"/>
+<path d="M90.8503 16C90.0312 16 89.3144 15.9138 88.7001 15.7414C88.0978 15.569 87.5497 15.3391 87.0558 15.0517L88.0677 12.931C88.4772 13.1494 88.8928 13.3218 89.3144 13.4483C89.7361 13.5862 90.1757 13.6552 90.6335 13.6552C91.1635 13.6552 91.6273 13.569 92.0248 13.3966C92.4344 13.2241 92.7476 12.9655 92.9644 12.6207C93.1933 12.2759 93.3077 11.8506 93.3077 11.3448V9.67241L93.651 7.65517L93.3077 5.94828V3.58621H96V11.2241C96 12.2701 95.7832 13.1437 95.3495 13.8448C94.9159 14.5575 94.3136 15.092 93.5426 15.4483C92.7717 15.8161 91.8742 16 90.8503 16ZM90.5793 11.9655C89.8445 11.9655 89.2 11.7931 88.6459 11.4483C88.1038 11.1034 87.6822 10.6092 87.3811 9.96552C87.0799 9.31034 86.9293 8.54023 86.9293 7.65517C86.9293 6.75862 87.0799 5.98851 87.3811 5.34483C87.6822 4.70115 88.1038 4.2069 88.6459 3.86207C89.2 3.51724 89.8445 3.34483 90.5793 3.34483C91.543 3.34483 92.3139 3.66092 92.8921 4.2931C93.4824 4.91379 93.7775 5.8046 93.7775 6.96552V8.32759C93.7775 9.47701 93.4824 10.3736 92.8921 11.0172C92.3139 11.6494 91.543 11.9655 90.5793 11.9655ZM91.5911 9.63793C92.1693 9.63793 92.6271 9.47126 92.9644 9.13793C93.3137 8.7931 93.4884 8.29885 93.4884 7.65517C93.4884 7 93.3137 6.50575 92.9644 6.17241C92.6271 5.82759 92.1693 5.65517 91.5911 5.65517C91.0129 5.65517 90.5492 5.82759 90.1998 6.17241C89.8625 6.50575 89.6939 7 89.6939 7.65517C89.6939 8.29885 89.8625 8.7931 90.1998 9.13793C90.5492 9.47126 91.0129 9.63793 91.5911 9.63793Z" fill="#1A1A1A"/>
+<path d="M18.4649 4.36782V4.99521H19.1102V5.6226L19.7555 5.62261V8.13218H19.1102V8.75958H18.4649V9.38697H17.8195L17.8195 10.0144H17.1742V10.6418H16.5289V11.2692H15.8836V11.8966H14.5929V11.2692H13.9476V10.6418L13.3023 10.6418V10.0144H12.657V9.38697H12.0116V8.75958H11.3663V8.13218H10.721V5.62261L11.3663 5.6226V4.99521H12.0116V4.36782H13.9476V4.99521H14.5929V5.62261L15.8836 5.6226V4.99521H16.5289V4.36782H18.4649Z" fill="#EE1657"/>
+</svg>
diff --git a/public/sns/google.svg b/public/sns/google.svg
new file mode 100644
index 0000000..0b1628c
--- /dev/null
+++ b/public/sns/google.svg
@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.8 10.2085C18.8 9.5585 18.7417 8.9335 18.6333 8.3335H10V11.8835H14.9333C14.7167 13.0252 14.0667 13.9918 13.0917 14.6418V16.9502H16.0667C17.8 15.3502 18.8 13.0002 18.8 10.2085Z" fill="#4285F4"/>
+<path d="M10.0002 19.1667C12.4752 19.1667 14.5502 18.35 16.0669 16.95L13.0919 14.6417C12.2752 15.1917 11.2336 15.525 10.0002 15.525C7.6169 15.525 5.5919 13.9167 4.86689 11.75H1.81689V14.1167C3.32523 17.1083 6.41689 19.1667 10.0002 19.1667Z" fill="#34A853"/>
+<path d="M4.86683 11.7416C4.6835 11.1916 4.57516 10.6083 4.57516 9.99993C4.57516 9.3916 4.6835 8.80827 4.86683 8.25827V5.8916H1.81683C1.19183 7.12493 0.833496 8.5166 0.833496 9.99993C0.833496 11.4833 1.19183 12.8749 1.81683 14.1083L4.19183 12.2583L4.86683 11.7416Z" fill="#FBBC05"/>
+<path d="M10.0002 4.4835C11.3502 4.4835 12.5502 4.95016 13.5086 5.85016L16.1336 3.22516C14.5419 1.74183 12.4752 0.833496 10.0002 0.833496C6.41689 0.833496 3.32523 2.89183 1.81689 5.89183L4.86689 8.2585C5.59189 6.09183 7.61689 4.4835 10.0002 4.4835Z" fill="#EA4335"/>
+</svg>
diff --git a/public/sns/kakao.svg b/public/sns/kakao.svg
new file mode 100644
index 0000000..dfd0baf
--- /dev/null
+++ b/public/sns/kakao.svg
@@ -0,0 +1,3 @@
+<svg width="23" height="21" viewBox="0 0 23 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.3672 0C13.4224 0 15.3233 0.399994 17.0698 1.19998C18.8163 1.99997 20.1971 3.0878 21.212 4.46344C22.2269 5.83903 22.7344 7.33955 22.7344 8.96494C22.7344 10.5903 22.2269 12.0929 21.212 13.4728C20.1971 14.8527 18.8184 15.9426 17.0761 16.7426C15.3338 17.5425 13.4309 17.9426 11.3672 17.9426C10.716 17.9426 10.0435 17.896 9.35002 17.8029C6.33905 19.8938 4.73634 20.952 4.54181 20.9774C4.44877 21.0113 4.35994 21.007 4.27537 20.9647C4.24153 20.9393 4.21617 20.9055 4.19925 20.8631C4.18233 20.8208 4.17389 20.7827 4.17389 20.7488V20.6981C4.22466 20.3679 4.60945 18.9923 5.32837 16.5712C3.69603 15.7585 2.39988 14.6813 1.43993 13.3395C0.479976 11.9977 0 10.5395 0 8.96494C0 7.33955 0.507464 5.83903 1.52239 4.46344C2.53732 3.0878 3.91804 1.99997 5.66456 1.19998C7.41108 0.399994 9.31195 0 11.3672 0Z" fill="black"/>
+</svg>
diff --git a/scripts/generate-tokens.js b/scripts/generate-tokens.js
index 3e34833..f512f45 100644
--- a/scripts/generate-tokens.js
+++ b/scripts/generate-tokens.js
@@ -179,6 +179,8 @@ const textColorUtilities = Array.from(textColorUtilitiesSet).sort().join("\n");
 // 폰트 사이즈 유틸리티 (typo-{size}-{weight})
 const weights = ["400", "500", "600", "700"];
 const fontUtilitiesSet = new Set();
+
+// token.json에서 가져온 폰트 사이즈
 fontTokens.forEach((t) => {
   const size = t.value;
   if (typeof size === "number") {
@@ -191,7 +193,25 @@ fontTokens.forEach((t) => {
     });
   }
 });
-const fontUtilities = Array.from(fontUtilitiesSet);
+
+// 추가 폰트 사이즈 (10~30까지 2 간격)
+const additionalSizes = [10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30];
+additionalSizes.forEach((size) => {
+  weights.forEach((weight) => {
+    fontUtilitiesSet.add(`  .typo-${size}-${weight} {
+    font-size: ${size}px;
+    font-weight: ${weight};
+    line-height: 1.5;
+  }`);
+  });
+});
+
+const fontUtilities = Array.from(fontUtilitiesSet).sort((a, b) => {
+  const sizeA = parseInt(a.match(/typo-(\d+)-/)?.[1] || 0);
+  const sizeB = parseInt(b.match(/typo-(\d+)-/)?.[1] || 0);
+  if (sizeA !== sizeB) return sizeA - sizeB;
+  return a.localeCompare(b);
+});
 
 // Border 유틸리티 (중복 제거)
 const borderUtilitiesSet = new Set();