website refactor

apps/website/components/onboarding/OnboardingCardAccent.tsx

@@ -1,5 +1,17 @@
+import { Box } from '@/ui/Box';
+
 export function OnboardingCardAccent() {
   return (
-    <div className="absolute top-0 right-0 w-40 h-40 bg-gradient-to-bl from-primary-blue/10 to-transparent rounded-bl-full" />
+    <Box 
+      position="absolute" 
+      top={0} 
+      right={0} 
+      width="10rem" 
+      height="10rem" 
+      style={{ 
+        background: 'linear-gradient(to bottom left, rgba(25, 140, 255, 0.1), transparent)',
+        borderBottomLeftRadius: '9999px'
+      }} 
+    />
   );
 }