.progress-bar {
width: 100%;
height: 6px;
background: rgba(255, 255, 255, 0.1);
border-radius: 3px;
margin: 30px 0;
overflow: hidden;
}
.progress-fill {
height: 100%;
background: linear-gradient(90deg, #00d4aa, #e94560);
border-radius: 3px;
transition: width 0.8s ease;
}
.pricing-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 25px;
margin: 40px 0;
}
.pricing-card {
background: rgba(255, 255, 255, 0.05);
border-radius: 20px;
padding: 30px;
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
cursor: pointer;
position: relative;
}
.pricing-card:hover {
background: rgba(255, 255, 255, 0.1);
transform: translateY(-5px);
}
.pricing-card.selected {
background: rgba(0, 212, 170, 0.2);
border-color: #00d4aa;
}
.pricing-card.popular::before {
content: "Most Popular";
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
background: linear-gradient(135deg, #e94560, #c73650);
color: white;
padding: 5px 20px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 600;
}
.pricing-title {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 10px;
color: #00d4aa;
}
.pricing-amount {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 5px;
}
.pricing-period {
opacity: 0.7;
margin-bottom: 25px;
}
.pricing-features {
list-style: none;
text-align: left;
}
.pricing-features li {
padding: 8px 0;
display: flex;
align-items: center;
gap: 10px;
}
.pricing-features li::before {
content: "✓";
color: #00d4aa;
font-weight: bold;
}
.setup-checklist {
text-align: left;
margin: 30px 0;
}
.checklist-item {
display: flex;
align-items: center;
gap: 15px;
padding: 15px;
margin: 10px 0;
background: rgba(255, 255, 255, 0.05);
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.checklist-item.completed {
background: rgba(0, 212, 170, 0.2);
border-color: #00d4aa;
}
.checklist-icon {
width: 24px;
height: 24px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.2);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.checklist-item.completed .checklist-icon {
background: #00d4aa;
color: #1a1a2e;
}
.success-animation {
width: 120px;
height: 120px;
border-radius: 50%;
background: linear-gradient(135deg, #00d4aa, #00b894);
margin: 0 auto 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 4rem;
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 20px;
margin: 40px 0;
}
.stat-card {
background: rgba(255, 255, 255, 0.05);
border-radius: 15px;
padding: 20px;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.stat-number {
font-size: 2rem;
font-weight: 700;
color: #00d4aa;
margin-bottom: 5px;
}
.stat-label {
font-size: 0.9rem;
opacity: 0.8;
}
@media (max-width: 768px) {
.onboarding-step {
padding: 40px 30px;
}
.step-title {
font-size: 2rem;
}
.form-grid {
grid-template-columns: 1fr;
}
.features-grid,
.tools-showcase,
.pricing-cards {
grid-template-columns: 1fr;
}
.navigation-buttons {
flex-direction: column;
align-items: center;
}
}
CC
Welcome to Cloud Connect
The all-in-one AI-powered platform that replaces 12+ SaaS tools with one unified experience. Let's get you set up in just a few minutes.
12+
Tools Included
$300+
Monthly Savings
AI
Powered
24/7
Available
What's Your Primary Goal?
Help us personalize your experience by selecting your main use case. You can always access all tools later.
Content Creation
Generate images, documents, social media content, and marketing materials
Business Intelligence
Analyze competitors, calculate ROI, pricing strategies, and market research
Development & Optimization
Code formatting, file conversion, compression, and technical tools
Operations & Security
System monitoring, remote support, security scanning, and maintenance
Your Personalized Toolkit
Based on your selection, here are the tools you'll use most. All 12+ tools are always available in your dashboard.
Create Your Account
Set up your Cloud Connect account to save your work, track usage, and access advanced features.
Choose Your Plan
Start with our free tier or unlock the full potential with advanced features and AI capabilities.
Starter
Free
Forever
- 3 tools access
- 100 AI generations/month
- Basic analytics
- Community support
Professional
$97
per month
- All 12+ tools
- Unlimited AI generations
- Advanced analytics
- Priority support
- GLYTCH AI assistant
- Export capabilities
Enterprise
$297
per month
- Everything in Professional
- White-label options
- Custom integrations
- Dedicated support
- Custom AI training
- API access
🎉
You're All Set!
Welcome to Cloud Connect! Your account has been created and you're ready to start using your AI-powered toolkit.
Account Created
Your Cloud Connect account is ready
Tools Configured
Personalized based on your use case
GLYTCH AI Ready
Your AI assistant is configured
Analytics Enabled
Track your productivity and usage