From 9a8dace7ecc57b73fd56aa46070a2c7429e9d4fd Mon Sep 17 00:00:00 2001
From: king <heoseungpil@gmail.com>
Date: Wed, 27 May 2026 01:43:51 +0900
Subject: [PATCH] =?UTF-8?q?feat(ui):=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20brand-divider=20=ED=98=B8?=
 =?UTF-8?q?=ED=9D=A1=20=EC=95=A0=EB=8B=88=EB=A9=94=EC=9D=B4=EC=85=98=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

5초 주기 ease-in-out으로 48px → 100% → 48px 너비가 반복되는
divider-breathe 키프레임 애니메이션을 적용.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/static/styles.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/static/styles.css b/app/static/styles.css
index a5695af..1d54a8d 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -151,6 +151,13 @@ a { color: inherit; text-decoration: none; }
   background: var(--blue);
   border-radius: 2px;
   margin-top: 28px;
+  animation: divider-breathe 5s ease-in-out infinite;
+}
+
+@keyframes divider-breathe {
+  0%   { width: 48px; }
+  50%  { width: 100%; }
+  100% { width: 48px; }
 }
 
 .brand-footer {