chore: independent page style update (#17176)

web/app/install/page.tsx

@@ -1,25 +1,12 @@
 import React from 'react'
 import Header from '../signin/_header'
-import style from '../signin/page.module.css'
 import InstallForm from './installForm'
-import classNames from '@/utils/classnames'
+import cn from '@/utils/classnames'
 
 const Install = () => {
   return (
-    <div className={classNames(
-      'bg-background-body',
-      style.background,
-      'flex w-full min-h-screen',
-      'p-4 lg:p-8',
-      'gap-x-20',
-      'justify-center lg:justify-start',
-    )}>
-      <div className={
-        classNames(
-          'flex w-full flex-col bg-background-section-burn shadow rounded-2xl shrink-0',
-          'md:w-[608px] space-between',
-        )
-      }>
+    <div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
+      <div className={cn('flex w-full shrink-0 flex-col rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
         <Header />
         <InstallForm />
         <div className='px-8 py-6 text-sm font-normal text-text-tertiary'>