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/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>
           ))}