@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
.edu-lp * { box-sizing: border-box; }
.edu-lp { font-family: 'Inter', system-ui, sans-serif; color: #0f172a; line-height: 1.6; }
.edu-lp img, .edu-lp svg { max-width: 100%; display: block; }
.edu-lp a { text-decoration: none; color: inherit; }
.edu-lp button { cursor: pointer; font-family: inherit; border: none; background: none; }
.edu-lp .container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
.edu-lp .btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.8rem 1.5rem; font-weight: 600; border-radius: 8px; transition: all 0.2s ease; font-size: 0.95rem; }
.edu-lp .btn-primary { background: #4f46e5; color: white; }
.edu-lp .btn-primary:hover { background: #4338ca; transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); }
.edu-lp .btn-accent { background: #0ea5e9; color: white; }
.edu-lp .btn-accent:hover { background: #0284c7; transform: translateY(-1px); }
.edu-lp .btn-outline { border: 2px solid #4f46e5; color: #4f46e5; background: transparent; }
.edu-lp .btn-outline:hover { background: #4f46e5; color: white; }
/* Hero */
.edu-lp .hero { padding: 4rem 0 3rem; background: linear-gradient(135deg, #eef2ff 0%, #ffffff 100%); }
.edu-lp .hero-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 3rem; align-items: center; }
.edu-lp .hero-content h1 { font-size: 3rem; line-height: 1.1; margin-bottom: 1rem; letter-spacing: -0.02em; }
.edu-lp .hero-content p { font-size: 1.15rem; color: #475569; margin-bottom: 2rem; max-width: 540px; }
.edu-lp .hero-tags { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1.5rem; }
.edu-lp .tag { background: white; padding: 0.4rem 0.8rem; border-radius: 6px; font-size: 0.85rem; font-weight: 500; color: #475569; border: 1px solid #e2e8f0; display: flex; align-items: center; gap: 0.4rem; }
/* Lead Card/Form */
.edu-lp .lead-card { background: white; padding: 2rem; border-radius: 12px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; position: relative; overflow: hidden; }
.edu-lp .lead-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #4f46e5, #0ea5e9); }
.edu-lp .lead-card h3 { margin-bottom: 1.25rem; font-size: 1.35rem; }
.edu-lp .form-group { margin-bottom: 1rem; }
.edu-lp .form-group label { display: block; font-size: 0.85rem; font-weight: 500; margin-bottom: 0.4rem; color: #475569; }
.edu-lp .form-control { width: 100%; padding: 0.8rem; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 0.95rem; transition: all 0.2s; background: #fafbfc; }
.edu-lp .form-control:focus { outline: none; border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15); background: white; }
.edu-lp .form-note { font-size: 0.75rem; color: #475569; margin-top: 0.8rem; text-align: center; }
.edu-lp .success-msg { display: none; background: #dcfce7; color: #166534; padding: 0.8rem; border-radius: 8px; margin-top: 1rem; font-weight: 500; text-align: center; border: 1px solid #bbf7d0; }
/* Trust Bar */
.edu-lp .trust-bar { padding: 2rem 0; background: #f8fafc; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }
.edu-lp .trust-grid { display: flex; justify-content: center; align-items: center; gap: 3rem; flex-wrap: wrap; opacity: 0.7; }
.edu-lp .trust-grid span { font-weight: 600; font-size: 1.1rem; color: #475569; }
/* Sections */
.edu-lp section { padding: 4.5rem 0; }
.edu-lp .section-header { text-align: center; max-width: 680px; margin: 0 auto 3rem; }
.edu-lp .section-header h2 { font-size: 2.1rem; margin-bottom: 0.8rem; letter-spacing: -0.01em; }
.edu-lp .section-header p { color: #475569; font-size: 1.05rem; }
/* Features */
.edu-lp .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 2rem; }
.edu-lp .feature-card { background: #f8fafc; padding: 1.8rem; border-radius: 12px; border: 1px solid #e2e8f0; transition: transform 0.2s, box-shadow 0.2s; }
.edu-lp .feature-card:hover { transform: translateY(-4px); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); }
.edu-lp .feature-icon { width: 48px; height: 48px; background: #e0e7ff; color: #4f46e5; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; margin-bottom: 1rem; }
.edu-lp .feature-card h3 { margin-bottom: 0.6rem; font-size: 1.15rem; }
.edu-lp .feature-card p { color: #475569; font-size: 0.95rem; }
/* Lead Magnet */
.edu-lp .magnet { background: #f8fafc; }
.edu-lp .magnet-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3.5rem; align-items: center; }
.edu-lp .magnet-content h2 { font-size: 2rem; margin-bottom: 1rem; }
.edu-lp .magnet-content ul { list-style: none; margin: 1.5rem 0; }
.edu-lp .magnet-content li { margin-bottom: 0.6rem; display: flex; align-items: center; gap: 0.6rem; color: #475569; }
.edu-lp .magnet-content li::before { content: "✓"; color: #4f46e5; font-weight: 700; }
/* Courses */
.edu-lp .courses-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }
.edu-lp .course-card { background: white; border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0; transition: transform 0.2s, box-shadow 0.2s; }
.edu-lp .course-card:hover { transform: translateY(-4px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }
.edu-lp .course-thumb { height: 180px; background: linear-gradient(45deg, #cbd5e1, #94a3b8); display: flex; align-items: center; justify-content: center; font-size: 2rem; color: white; }
.edu-lp .course-body { padding: 1.5rem; }
.edu-lp .course-tag { font-size: 0.75rem; font-weight: 600; color: #4f46e5; background: #eef2ff; padding: 0.2rem 0.5rem; border-radius: 4px; display: inline-block; margin-bottom: 0.5rem; }
.edu-lp .course-body h3 { font-size: 1.15rem; margin-bottom: 0.5rem; }
.edu-lp .course-meta { display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e2e8f0; }
.edu-lp .price { font-weight: 700; color: #0f172a; }
.edu-lp .price span { text-decoration: line-through; color: #475569; font-weight: 400; font-size: 0.9rem; margin-left: 0.3rem; }
/* Testimonials */
.edu-lp .testimonials { background: #fafbfc; }
.edu-lp .testimonial-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }
.edu-lp .testimonial-card { background: white; padding: 1.5rem; border-radius: 12px; border: 1px solid #e2e8f0; }
.edu-lp .stars { color: #f59e0b; margin-bottom: 0.75rem; font-size: 1rem; }
.edu-lp .testimonial-card p { font-style: italic; color: #475569; margin-bottom: 1rem; }
.edu-lp .user { display: flex; align-items: center; gap: 0.8rem; }
.edu-lp .avatar { width: 42px; height: 42px; background: #e2e8f0; border-radius: 50%; }
.edu-lp .user-info h4 { font-size: 0.95rem; font-weight: 600; }
.edu-lp .user-info span { font-size: 0.8rem; color: #475569; }
/* Final CTA */
.edu-lp .final-cta { background: linear-gradient(135deg, #1e1b4b 0%, #4f46e5 100%); color: white; text-align: center; padding: 5rem 0; }
.edu-lp .final-cta h2 { font-size: 2.2rem; margin-bottom: 1rem; }
.edu-lp .final-cta p { opacity: 0.9; max-width: 550px; margin: 0 auto 2rem; font-size: 1.05rem; }
.edu-lp .final-form { max-width: 420px; margin: 0 auto; display: flex; gap: 0.6rem; background: rgba(255,255,255,0.1); padding: 0.4rem; border-radius: 10px; backdrop-filter: blur(4px); border: 1px solid rgba(255,255,255,0.2); }
.edu-lp .final-form input { flex: 1; background: transparent; border: none; color: white; padding: 0.8rem 1rem; font-size: 1rem; }
.edu-lp .final-form input::placeholder { color: rgba(255,255,255,0.6); }
.edu-lp .final-form input:focus { outline: none; }
.edu-lp .final-form button { white-space: nowrap; background: white; color: #4f46e5; font-weight: 600; border-radius: 8px; }
.edu-lp .final-form button:hover { background: #f1f5f9; }
/* Responsive */
@media (max-width: 960px) {
.edu-lp .hero-grid, .edu-lp .magnet-grid { grid-template-columns: 1fr; }
.edu-lp .hero-content { text-align: center; margin-bottom: 2rem; }
.edu-lp .hero-content p { margin: 0 auto 2rem; }
.edu-lp .hero-tags { justify-content: center; }
}
@media (max-width: 600px) {
.edu-lp .hero-content h1 { font-size: 2.2rem; }
.edu-lp .section-header h2 { font-size: 1.8rem; }
.edu-lp .final-form { flex-direction: column; background: transparent; padding: 0; border: none; }
.edu-lp .final-form input { background: rgba(255,255,255,0.1); border-radius: 8px; margin-bottom: 0.6rem; color: white; border: 1px solid rgba(255,255,255,0.2); }
.edu-lp .final-form button { width: 100%; padding: 0.9rem; }
}
// Form Submission Simulation (All lead forms)
document.querySelectorAll('.edu-lp .lead-form').forEach(form => {
form.addEventListener('submit', e => {
e.preventDefault();
const btn = form.querySelector('button[type="submit"]');
const success = form.querySelector('.success-msg');
const originalText = btn.textContent;
btn.textContent = 'Sending...';
btn.disabled = true;
btn.style.opacity = '0.7';
setTimeout(() => {
btn.textContent = 'Submitted';
success.style.display = 'block';
form.reset();
setTimeout(() => {
btn.textContent = originalText;
btn.disabled = false;
btn.style.opacity = '1';
success.style.display = 'none';
}, 3500);
}, 900);
});
});
// "Get Syllabus" Buttons Lead Capture
document.querySelectorAll('.edu-lp .get-syllabus').forEach(btn => {
btn.addEventListener('click', () => {
const email = prompt('Enter your email to receive the full course syllabus instantly:');
if(email && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
btn.textContent = 'Sent!';
btn.classList.remove('btn-outline');
btn.classList.add('btn-primary');
setTimeout(() => {
btn.textContent = 'Get Syllabus';
btn.classList.remove('btn-primary');
btn.classList.add('btn-outline');
}, 3000);
console.log(`Lead captured: ${email} -> ${btn.dataset.course}`);
} else if(email) {
alert('Please enter a valid email address.');
}
});
});
Learn Job-Ready Skills From Industry Experts
Accelerate your career with hands-on projects, live mentorship, and recognized certificates. Start learning today, get hired tomorrow.
🎓 Accredited
⏱️ Self-Paced
💼 Career Support
Unlock Your Free Starter Course
Choose a path...
Full-Stack Development
Data Science & AI
UX/UI Design
Digital Marketing
🔒 No credit card. Unsubscribe anytime. 100% free.
✅ Success! Check your inbox for login details.
⭐ 4.9/5 Rating
🌍 120+ Countries
👥 50k+ Learners
🏢 Partnered with 200+ Companies
Why Top Professionals Choose EduSpark
We don't just teach theory. We build portfolios, teach real workflows, and connect you with hiring teams.
👨🏫
Expert-Led Curriculum
Learn from senior engineers & designers who currently work at top tech companies.
🛠️
Project-Based Learning
Build 5+ real-world projects per course. Graduate with a job-ready portfolio.
📜
Recognized Certificates
Earn verifiable credentials that recruiters trust and link directly on LinkedIn.
🤝
1-on-1 Career Coaching
Resume reviews, mock interviews, and direct referrals to our hiring network.
📥 Download the 2026 Tech Career Playbook
Not sure which path to take? This free guide breaks down salary trends, required skills, and exact learning roadmaps for high-demand tech roles.
- Salary breakdowns by role & location
- 30-60-90 day learning checklists
- Free portfolio templates & interview questions
Get the Free Playbook
📤 Instant PDF delivery. We hate spam as much as you do.
📤 Sent! Check your inbox & promotions tab.
Most Popular Learning Paths
Structured, up-to-date, and built for career changers and upskillers.
💻
Beginner Friendly
Full-Stack Web Development
React, Node.js, Databases, Deployment & CI/CD pipelines.
$0 $199
📊
Career Accelerator
Data Science & Machine Learning
Python, Pandas, TensorFlow, SQL & Real Business Analytics.
$0 $249
🎨
Portfolio Focus
UX/UI Design Masterclass
Figma, Design Systems, User Research & Prototyping.
$0 $179
Real Learners. Real Results.
Join thousands who've successfully transitioned into tech careers.
★★★★★
"The project-based approach made all the difference. I built a portfolio that actually got me interviews within 2 months."
Maya Rodriguez
Frontend Developer @ StartupX★★★★★
"I was a retail manager with zero coding experience. The structured path and mentor support made the switch possible."
James Chen
Data Analyst @ FinCorp★★★★★
"Best ROI on education I've ever seen. The career coaching alone helped me negotiate a $25k higher salary."
Aisha Patel
UX Designer @ DesignLabsReady to Start Your Learning Journey?
Join 50,000+ learners. Get weekly tutorials, exclusive course discounts, and early access to new tracks.
✅ Subscribed! Check your inbox.