refactor: standardize Tailwind class syntax and component usage

- Replaced arbitrary CSS values with standard Tailwind utilities (e.g., `bottom-[-18rem]` → `-bottom-72`, `mt-[-2rem]` → `-mt-8`)
- Fixed invalid gradient syntax by removing `bg-` prefix from gradient utilities
- Consolidated text styling by replacing inline elements with CT/CP text components
- Adjusted CT component typography from semibold to medium for better visual hierarchy

src/pages/network/PrimaryFeatures.tsx

@@ -185,7 +185,7 @@ const bodyAnimation: MotionProps = {
 function InviteScreen() {
   return (
     <AppScreen className="w-full">
-      <img src={connectorImg} alt="Mycelium Connector" width="366" height="732" className="mt-[-2rem]" />
+      <img src={connectorImg} alt="Mycelium Connector" width="366" height="732" className="-mt-8" />
     </AppScreen>
   )
 }
@@ -193,7 +193,7 @@ function InviteScreen() {
 function StocksScreen() {
   return (
     <AppScreen className="w-full">
-      <img src={peersImg} alt="Mycelium Peers" width="366" height="732" className="mt-[-2rem]" />
+      <img src={peersImg} alt="Mycelium Peers" width="366" height="732" className="-mt-8" />
     </AppScreen>
   )
 }
@@ -201,7 +201,7 @@ function StocksScreen() {
 function InvestScreen() {
   return (
     <AppScreen className="w-full">
-      <img src={settingImg} alt="Mycelium Settings" width="366" height="732" className="mt-[-2rem]" />
+      <img src={settingImg} alt="Mycelium Settings" width="366" height="732" className="-mt-8" />
     </AppScreen>
   )
 }

src/pages/network/SecondaryFeatures.tsx

@@ -1,5 +1,6 @@
 import { useId } from 'react'
 import { Container } from '@/components/Container'
+import { CP } from '@/components/Texts'
 
 const features = [
   {
@@ -214,9 +215,9 @@ export function SecondaryFeatures() {
               className="rounded-2xl border border-gray-100 p-8 transition-all duration-300 ease-in-out hover:scale-105 hover:border-cyan-500 hover:shadow-lg hover:shadow-cyan-500/20"
             >
               <feature.icon className="h-8 w-8" />
-              <h3 className="mt-6 font-semibold text-gray-900">
+              <CP className="mt-6 font-semibold text-gray-900">
                 {feature.name}
-              </h3>
+              </CP>
               <p className="mt-2 text-gray-700">{feature.description}</p>
             </li>
           ))}