Update carousels, card hover, and IranBay branding.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/shared.module.css

@@ -0,0 +1,65 @@
+.page {
+  background: var(--color-white);
+  min-height: 100vh;
+}
+
+.container {
+  max-width: var(--container-width);
+  margin: 0 auto;
+  padding: 0 var(--page-pad);
+}
+
+.sectionTitle {
+  font-size: 26px;
+  font-weight: 400;
+  letter-spacing: 10px;
+  text-transform: uppercase;
+  text-align: center;
+}
+
+.sectionSubtitle {
+  margin-top: 6px;
+  font-size: 11px;
+  font-weight: 300;
+  letter-spacing: 3.2px;
+  text-transform: uppercase;
+  text-align: center;
+  color: var(--color-soft);
+}
+
+.outlineBtn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 36px;
+  padding: 0 18px;
+  border: 0.5px solid var(--color-black);
+  border-radius: 3px;
+  font-size: 12px;
+  font-weight: 300;
+  letter-spacing: 2.4px;
+  text-transform: uppercase;
+}
+
+.pageBanner {
+  background: var(--color-card);
+  padding: 48px var(--page-pad);
+  text-align: center;
+  margin-bottom: 48px;
+}
+
+.pageBannerTitle {
+  font-size: 28px;
+  font-weight: 400;
+  letter-spacing: 10px;
+  text-transform: uppercase;
+}
+
+.pageBannerSub {
+  margin-top: 8px;
+  font-size: 11px;
+  font-weight: 300;
+  letter-spacing: 3px;
+  text-transform: uppercase;
+  color: var(--color-soft);
+}