style: expand section spacing and page top/bottom margins across all pages

refer_landing_page/app/page.tsx

@@ -59,7 +59,7 @@ export default function HomePage() {
   const pubCount = publications.length + patents.length;
 
   return (
-    <div className="container-content space-y-16 py-6">
+    <div className="container-content space-y-20 md:space-y-28 py-10 md:py-16">
       {/* Hero Section */}
       <section className="relative">
         <div className="flex items-center gap-3 mb-4">
@@ -118,7 +118,7 @@ export default function HomePage() {
       <ProjectPageView />
 
       {/* Core Research Areas Grid */}
-      <section className="space-y-8 pt-8 border-t border-line">
+      <section className="space-y-8 pt-12 md:pt-16 border-t border-line">
         <div className="flex justify-between items-end">
           <div>
             <div className="font-mono text-xs text-vermillion uppercase tracking-widest font-bold">