diff --git a/content/styles.css b/content/styles.css
index 4bbbaf6..b44d1a2 100644
--- a/content/styles.css
+++ b/content/styles.css
@@ -1,3 +1,35 @@
+.announcement-bar {
+    display: block;
+    background: linear-gradient(135deg, var(--color-green), var(--color-blue));
+    padding: 0.8rem 1rem;
+    text-decoration: none;
+    cursor: pointer;
+    text-align: center;
+    transition: filter 0.5s ease;
+    &:hover {
+        filter: brightness(1.15);
+    }
+}
+
+.announcement-bar__content {
+    color: white;
+    font-size: clamp(0.95rem, 2.5vw, 1rem);
+    line-height: 1.4;
+    margin: 0 auto;
+    text-align: center;
+    max-width: 42rem;
+}
+
+.announcement-bar__arrow {
+    display: inline-block;
+    color: white;
+    transition: transform 0.2s ease;
+    margin-left: 0.3rem;
+    .announcement-bar:hover & {
+        transform: translateX(0.3rem);
+    }
+}
+
 .hero {
     display: flex;
     flex-direction: column;