Update README.md

README.md

@@ -289,6 +289,49 @@ color: var(--moss);
 }
 .bsh .badge .meta .tag.tentative { color: var(--rust); }
 
+/* ---------- header cta ---------- */
+.bsh .header-cta {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  margin-top: 10px;
+}
+.bsh .header-button {
+  display: inline-block;
+  padding: 12px 22px;
+  background: var(--bark);
+  color: var(--sun);
+  border: 2px solid var(--bark);
+  border-radius: 999px;
+  font-family: Georgia, serif;
+  font-weight: 700;
+  font-size: 15px;
+  text-decoration: none;
+  letter-spacing: 0.04em;
+  box-shadow: 0 4px 0 rgba(58,37,22,0.22);
+  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, color 0.15s ease;
+}
+.bsh .header-button:hover {
+  background: var(--rust);
+  border-color: var(--rust);
+  color: var(--cream);
+  transform: translateY(-2px);
+  box-shadow: 0 6px 0 rgba(58,37,22,0.28);
+  text-decoration: none;
+}
+.bsh .header-cta-info {
+  font-family: Georgia, serif;
+  font-style: italic;
+  color: var(--rust);
+  font-size: 14px;
+}
+.bsh .header-cta-info b {
+  font-style: normal;
+  color: var(--bark);
+  font-weight: 700;
+}
+  
 /* ---------- numbered ledger ---------- */
 .bsh .ledger {
 border: 1px solid var(--walnut);
@@ -464,9 +507,11 @@ height: 3px;
 <div class="title-row">
 <div style="flex:1; min-width: 0;">
 <div class="eyebrow caps"><span class="dingbat">✦</span> The Build Small Hackathon <span class="dingbat">✦</span></div>
-
+<div class="header-cta">
+<span class="header-cta-info">You <b>must</b> join this org and register here to participate 👇. Registrations open till <b>June 3, 2026</b></span>
+<a href="https://huggingface.co/spaces/build-small-hackathon/registration" class="header-button">→ &nbsp; Register Now &nbsp; ←</a>
+</div>
 </div>
-
 </div>
 </header>