메인페이지 스타일 1차 적용

src/main/resources/static/sass/components/_header-auth.scss

@@ -31,35 +31,27 @@
   font-size: $font-size-sm;
   transition: $transition-base;
 
-  &:hover {
-    background: $light-bg;
-    color: $primary-blue;
-    transform: translateY(-2px);
-    box-shadow: $shadow-md;
-  }
-
-  // Box style for Figma design (75x37px with black border)
+  // Box style for Figma design (node-id: 721-1489)
   &-box {
-    width: 75px;
-    height: 37px;
-    padding: 0;
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    color: $text-dark;
+    gap: 4px; // 아이콘-텍스트 간격
+    padding: 4px 10px;
+    color: #212529; // 강조 텍스트 색상
     text-decoration: none;
-    border: 1px solid #000000;
-    border-radius: 5.5px;
-    font-weight: $font-weight-regular;
-    font-size: $font-size-sm;
+    border: 1px solid #212529;
+    border-radius: 6px;
+    font-family: 'Noto Sans CJK KR', $font-family-primary;
+    font-weight: $font-weight-bold; // 700
+    font-size: $font-size-base; // 16px
     background: transparent;
     transition: $transition-base;
 
-    &:hover {
-      background: $gray-bg;
-      color: $text-dark;
-      transform: translateY(-1px);
-      box-shadow: $shadow-sm;
+    .user-icon {
+      width: 24px;
+      height: 24px;
+      flex-shrink: 0;
     }
   }
 }