diff --git a/wp-content/themes/apus-theme/assets/css/style.css b/wp-content/themes/apus-theme/assets/css/style.css
index 969a5067..71e0d18b 100644
--- a/wp-content/themes/apus-theme/assets/css/style.css
+++ b/wp-content/themes/apus-theme/assets/css/style.css
@@ -806,3 +806,43 @@ img {
 .btn-lets-talk i {
     color: #ffffff;
 }
+
+/* === HERO SECTION === */
+
+.hero-title {
+    background: linear-gradient(135deg, var(--color-navy-primary) 0%, var(--color-navy-light) 100%);
+    box-shadow: 0 4px 16px rgba(30, 58, 95, 0.25);
+    padding: 3rem 0;
+}
+
+.hero-title h1 {
+    color: #ffffff !important;
+    font-weight: 700;
+    line-height: 1.4;
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
+    margin-bottom: 0;
+}
+
+.category-badge {
+    background: rgba(255, 255, 255, 0.15);
+    backdrop-filter: blur(10px);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    color: rgba(255, 255, 255, 0.95);
+    padding: 0.375rem 0.875rem;
+    border-radius: 20px;
+    font-size: 0.813rem;
+    font-weight: 500;
+    text-decoration: none;
+    display: inline-block;
+    transition: all 0.3s ease;
+}
+
+.category-badge:hover {
+    background: rgba(255, 133, 0, 0.2);
+    border-color: rgba(255, 133, 0, 0.4);
+    color: #ffffff;
+}
+
+.category-badge i {
+    color: var(--color-orange-light);
+}