feat: create Partnership component and styles

app/partnership/page.tsx

@@ -0,0 +1,18 @@
+import "./partnership.css";
+import MainIntroBlock from "../components/partnership/MainIntroBlock";
+import NetworkHighlightBlock from "../components/partnership/NetworkHighlightBlock";
+import CollaborateCTA from "../components/partnership/CollaborateCTA";
+
+export default function PartnershipPage() {
+  return (
+    <main className="partnership-page min-h-screen bg-gray-50">
+      <div className="max-w-[1440px] mx-auto px-6 lg:px-8 py-20">
+        <div className="grid-bento min-h-[600px]">
+          <MainIntroBlock />
+          <NetworkHighlightBlock />
+        </div>
+      </div>
+      <CollaborateCTA />
+    </main>
+  );
+}

app/partnership/partnership.css

@@ -0,0 +1,91 @@
+/* ============================================
+   Partnership Page — Scoped CSS
+   ============================================ */
+
+/* ---------- Grid ---------- */
+.partnership-page .grid-bento {
+  display: grid;
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+  gap: 1.5rem;
+}
+
+/* ---------- Bento item ---------- */
+.partnership-page .bento-item {
+  background-color: #ffffff;
+  border: 1px solid #e5e7eb;
+}
+
+/* Card xanh đậm override bento-item */
+.partnership-page .ps-highlight-card {
+  background-color: #1a365d !important;
+  border-color: #1a365d !important;
+}
+
+/* ---------- Typography — thay thế h1/h2/h3 ---------- */
+.partnership-page .ps-heading,
+#collaborate-cta .ps-heading {
+  font-size: clamp(2.5rem, 5vw, 4.5rem);
+  font-weight: 700;
+  line-height: 1.1;
+}
+
+.partnership-page .ps-subheading,
+#collaborate-cta .ps-subheading {
+  font-size: clamp(1.75rem, 3vw, 2.25rem);
+  font-weight: 700;
+  line-height: 1.2;
+}
+
+.partnership-page .ps-form-title,
+#collaborate-cta .ps-form-title {
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 1.3;
+}
+
+/* ---------- Color tokens ---------- */
+
+.partnership-page .bg-brand-blue,
+#collaborate-cta .bg-brand-blue       { background-color: #1b254b; }
+
+.partnership-page .text-brand-blue,
+#collaborate-cta .text-brand-blue     { color: #1b254b; }
+
+.partnership-page .bg-brand-accent,
+#collaborate-cta .bg-brand-accent     { background-color: #3b82f6; }
+
+.partnership-page .text-brand-accent,
+#collaborate-cta .text-brand-accent   { color: #3b82f6; }
+
+.partnership-page .bg-brand-light,
+#collaborate-cta .bg-brand-light      { background-color: #f8fbff; }
+
+.partnership-page .text-brand-light,
+#collaborate-cta .text-brand-light    { color: #f8fbff; }
+
+.partnership-page .bg-brand-hover,
+#collaborate-cta .bg-brand-hover      { background-color: #2d3a8c; }
+
+.partnership-page .hover\:bg-brand-hover:hover,
+#collaborate-cta .hover\:bg-brand-hover:hover { background-color: #2d3a8c; }
+
+.partnership-page .text-ui-muted,
+#collaborate-cta .text-ui-muted       { color: #6b7280; }
+
+.partnership-page .text-ui-text,
+#collaborate-cta .text-ui-text        { color: #111827; }
+
+.partnership-page .border-ui-border,
+#collaborate-cta .border-ui-border    { border-color: #e5e7eb; }
+
+.partnership-page .bg-ui-bg,
+#collaborate-cta .bg-ui-bg            { background-color: #f9fafb; }
+
+.partnership-page .hover\:shadow-md:hover {
+  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+}
+
+/* Explore Directory button */
+.partnership-page .ps-explore-btn:hover {
+  box-shadow: 0 8px 20px rgb(0 0 0 / 0.15);
+}