diff --git a/frontend/src/components/base/AuthLockBlock.astro b/frontend/src/components/base/AuthLockBlock.astro
index df9e894..76f3eda 100644
--- a/frontend/src/components/base/AuthLockBlock.astro
+++ b/frontend/src/components/base/AuthLockBlock.astro
@@ -28,16 +28,15 @@ const delay = typeof dataDelay === 'number' ? dataDelay : parseInt(String(dataDe
   data-delay={delay}
 >
   <div class="lock-icon-container">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lock-icon">
-      <rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect>
-      <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
+    <svg class="w-10 h-10 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/>
     </svg>
   </div>
   <h3 class="lock-title">{title}</h3>
   <p class="lock-text">{description}</p>
   <a href={buttonHref} class="auth-button">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="button-icon">
-      <path d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"/>
+    <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"/>
     </svg>
     {buttonText}
   </a>
@@ -78,9 +77,7 @@ const delay = typeof dataDelay === 'number' ? dataDelay : parseInt(String(dataDe
     margin-bottom: 1.5rem;
     box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.15);
   }
-
-  .lock-icon { width: 2rem; height: 2rem; }
-  
+   
   .lock-title { 
     color: #0f172a; 
     font-size: 1.375rem; 
@@ -116,12 +113,6 @@ const delay = typeof dataDelay === 'number' ? dataDelay : parseInt(String(dataDe
     box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4);
   }
 
-  .button-icon {
-    width: 1.25rem;
-    height: 1.25rem;
-    margin-right: 0.5rem;
-  }
-
   .auth-hint {
     margin: 1.25rem 0 0;
     color: #64748b;
@@ -157,11 +148,5 @@ const delay = typeof dataDelay === 'number' ? dataDelay : parseInt(String(dataDe
       font-size: 0.8125rem;
       padding: 0.75rem 1rem;
     }
-
-    .button-icon {
-      width: 1rem;
-      height: 1rem;
-      margin-right: 0.375rem;
-    }
   }
 </style>
diff --git a/frontend/src/components/reviews/ReviewForm.tsx b/frontend/src/components/reviews/ReviewForm.tsx
index 6feb59f..abc17bf 100644
--- a/frontend/src/components/reviews/ReviewForm.tsx
+++ b/frontend/src/components/reviews/ReviewForm.tsx
@@ -591,21 +591,22 @@ export default function ReviewForm(props: ReviewFormProps) {
           justify-content: center;
           gap: 0.5rem;
           width: 100%;
-          padding: 1rem 1.5rem;
-          background: linear-gradient(135deg, #eac26e 0%, #ce9f40 100%);
+          padding: 1rem 2rem;
+          background: linear-gradient(135deg, #d4af37 0%, #eac26e 100%);
           border: none;
-          border-radius: 12px;
-          color: #ffffff;
-          font-size: 1rem;
+          border-radius: 0.75rem;
+          color: #1e293b;
+          font-size: 1.1rem;
           font-weight: 700;
           cursor: pointer;
-          transition: all 0.3s ease;
+          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+          box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
           margin-top: 0.5rem;
         }
 
         .submit-btn:hover:not(:disabled) {
-          transform: translateY(-2px);
-          box-shadow: 0 6px 20px rgba(234, 194, 110, 0.4);
+          transform: translateY(-3px);
+          box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4);
         }
 
         .submit-btn:disabled {