text-align: center;
  }
  .hero-title {
    font-size: 3.5rem;
    font-weight: 800;
    background: linear-gradient(135deg, #fff 0%, #94a3b8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
  }
  .hero-subtitle {
    font-size: 1.25rem;
    color: var(--muted);
    max-width: 800px;
    margin: 0 auto 40px;
  }
  .feature-card {
    background: rgba(17, 24, 39, 0.5);
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 16px;
    padding: 30px;
    transition: all 0.3s ease;
    height: 100%;
  }
  .feature-card:hover {
    transform: translateY(-5px);
    border-color: var(--brand);
    box-shadow: 0 10px 30px rgba(34, 211, 238, 0.1);
  }
  .feature-icon {
    width: 60px;
    height: 60px;
    background: rgba(34, 211, 238, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--brand);
    margin-bottom: 20px;
  }
  .cta-section {
    background: linear-gradient(135deg, rgba(34, 211, 238, 0.1), rgba(139, 92, 246, 0.1));
    border-radius: 24px;
    padding: 60px;
    margin: 80px 0;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
</style>

<main>
  <section class="hero-section">
    <div class="container">
      <h1 class="hero-title">Start Your Own Business Today</h1>
      <p class="hero-subtitle">
        Unlock the potential of passive income and networking. Join a community of entrepreneurs and build your future with our proven business model.
      </p>
      <a href="#contact" class="btn btn-primary" style="padding: 15px 40px; font-size: 1.1rem;">
        Get Started Now <i class="fas fa-arrow-right" style="margin-left: 10px;"></i>
      </a>
    </div>
  </section>

  <section class="container" style="padding: 60px 0;">
    <div class="row" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px;">
      <div class="feature-card" data-aos="fade-up" data-aos-delay="100">
        <div class="feature-icon">
          <i class="fas fa-chart-line"></i>
        </div>
        <h3>Passive Income</h3>
        <p style="color: var(--muted);">
          Create a sustainable income stream that works for you even when you're sleeping. Our system is designed to maximize your earnings with minimal effort.
        </p>
      </div>
      
      <div class="feature-card" data-aos="fade-up" data-aos-delay="200">
        <div class="feature-icon">
          <i class="fas fa-users"></i>
        </div>
        <h3>Networking</h3>
        <p style="color: var(--muted);">
          Connect with like-minded individuals and industry leaders. Expand your network and leverage collective growth for personal success.
        </p>
      </div>
      
      <div class="feature-card" data-aos="fade-up" data-aos-delay="300">
        <div class="feature-icon">
          <i class="fas fa-rocket"></i>
        </div>
        <h3>Growth Opportunity</h3>
        <p style="color: var(--muted);">
          Scale your business without limits. Whether you're starting small or aiming big, our platform supports your journey every step of the way.
        </p>
      </div>
    </div>
  </section>

  <section class="container">
    <div class="cta-section" data-aos="zoom-in">
      <h2 style="font-size: 2.5rem; margin-bottom: 20px;">Ready to Transform Your Life?</h2>
      <p style="color: var(--muted); max-width: 600px; margin: 0 auto 30px;">
        Don't wait for the perfect moment. Take the first step towards financial freedom and business ownership today.
      </p>
      <a href="#contact" class="btn btn-primary">Join the Opportunity</a>
    </div>
  </section>
  
  <!-- Contact Section -->
  <section id="contact" style="padding: 80px 0;">
    <div class="container">
      <div class="row" style="display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center;">
        <div>
          <h2 style="font-size: 2.5rem; margin-bottom: 20px;">Get in Touch</h2>
          <p style="color: var(--muted); margin-bottom: 30px;">
            Fill out the form below to learn more about this exciting business opportunity. Our team will contact you shortly.
          </p>
          <div style="display: flex; flex-direction: column; gap: 20px;">
            <div style="display: flex; align-items: center; gap: 15px;">
              <div style="width: 50px; height: 50px; background: rgba(34, 211, 238, 0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--brand);">
                <i class="fas fa-phone-alt"></i>
              </div>
              <div>
                <h4 style="margin: 0;">Call Us</h4>
                <p style="margin: 0; color: var(--muted);">+91-6375006295</p>
              </div>
            </div>
            <div style="display: flex; align-items: center; gap: 15px;">
              <div style="width: 50px; height: 50px; background: rgba(139, 92, 246, 0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--accent);">
                <i class="fas fa-envelope"></i>
              </div>
              <div>
                <h4 style="margin: 0;">Email Us</h4>
                <p style="margin: 0; color: var(--muted);">sales@albatechconnect.com</p>
              </div>
            </div>
          </div>
        </div>
        
        <div style="background: var(--card); padding: 40px; border-radius: 20px; border: 1px solid rgba(148, 163, 184, 0.1);">
          <form method="POST" action="contact-process.php">
            <div style="margin-bottom: 20px;">
              <label style="display: block; margin-bottom: 8px; color: var(--muted);">Full Name</label>
              <input type="text" name="name" required style="width: 100%; padding: 12px; background: rgba(15, 23, 42, 0.5); border: 1px solid rgba(148, 163, 184, 0.2); border-radius: 8px; color: #fff;">
            </div>
            <div style="margin-bottom: 20px;">
              <label style="display: block; margin-bottom: 8px; color: var(--muted);">Email Address</label>
              <input type="email" name="email" required style="width: 100%; padding: 12px; background: rgba(15, 23, 42, 0.5); border: 1px solid rgba(148, 163, 184, 0.2); border-radius: 8px; color: #fff;">
            </div>
            <div style="margin-bottom: 20px;">
              <label style="display: block; margin-bottom: 8px; color: var(--muted);">Phone Number</label>
              <input type="tel" name="phone" required style="width: 100%; padding: 12px; background: rgba(15, 23, 42, 0.5); border: 1px solid rgba(148, 163, 184, 0.2); border-radius: 8px; color: #fff;">
            </div>
            <input type="hidden" name="service" value="Business Opportunity">
            <div style="margin-bottom: 20px;">
              <label style="display: block; margin-bottom: 8px; color: var(--muted);">Message</label>
              <textarea name="message" rows="4" required style="width: 100%; padding: 12px; background: rgba(15, 23, 42, 0.5); border: 1px solid rgba(148, 163, 184, 0.2); border-radius: 8px; color: #fff;"></textarea>
            </div>
            <button type="submit" class="btn btn-primary" style="width: 100%;">Submit Request</button>
          </form>
        </div>
      </div>
    </div>
  </section>
</main>

<style>
/* Footer CSS */
footer{
  padding:80px 0 40px; 
  color: #64748b; 
  border-top: 1px solid #e2e8f0; 
  background: #ffffff;
  position: relative;
  overflow: hidden;
}

.footgrid{display:grid; grid-template-columns:1.2fr 0.8fr 1.5fr 1.5fr 0.8fr; gap:20px}
.social{display: flex; gap: 12px; margin-top: 12px;}
.social a{
  display:inline-flex; 
  width:42px; 
  height:42px; 
  align-items:center; 
  justify-content:center; 
  border:1px solid #e2e8f0; 
  color: #64748b;
  border-radius:10px; 
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  background: #f8fafc;
}
.social a:hover{
  color: #fff; 
  background: #2563eb;
  border-color: #2563eb; 
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(37, 99, 235, 0.2);
}

.footer-links{display:grid; gap:10px; margin-top:12px;}
.footer-links a {
  transition: all 0.3s ease;
  position: relative;
  padding-left: 0;
  color: #64748b;
  text-decoration: none;
  font-size: 15px;
}
.footer-links a:hover {
  color: #2563eb;
  padding-left: 5px;
}

.mlm-footer-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 30px;
  margin-top: 12px;
}
.mlm-footer-links a {
  transition: all 0.3s ease;
  position: relative;
  padding-left: 0;
  font-size: 14px;
  color: #64748b;
  text-decoration: none;
}
.mlm-footer-links a:hover {
  color: #2563eb;
  padding-left: 5px;
}

h4 {
    color: #0f172a;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 16px;
}

/* SEO Footer Improvements */
.footer-seo {
  margin-top: 60px;
  padding-top: 30px;
  border-top: 1px solid #e2e8f0;
}
.footer-seo h5 {
  font-size: 16px;
  margin-bottom: 15px;
  color: #334155;
  font-weight: 700;
}
.footer-seo-content {
  font-size: 14px;
  line-height: 1.7;
  color: #64748b;
}
.footer-seo-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 15px;
}
.footer-seo-keyword {
  padding: 5px 12px;
  background: #f1f5f9;
  border-radius: 20px;
  font-size: 12px;
  color: #475569;
  border: 1px solid #e2e8f0;
}

@media (max-width: 960px){
  .footgrid{
    grid-template-columns:1fr 1fr;
    gap: 20px;
    padding-bottom: 30px;
  }
}

@media (max-width: 640px) {
  .footgrid {
    grid-template-columns: 1fr;
    gap: 30px;
    text-align: left;
  }
  .social {
    justify-content: flex-start;
  }
}

@media (max-width: 480px) {
  .mlm-footer-links {
    grid-template-columns: 1fr;
  }
}
</style>

<section class="related-services" style="background:#0a0a0a; padding:60px 0; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 60px;">
    <div class="container">
        <h3 style="color: #fff; margin-bottom: 10px;">Explore Our Complete Blockchain Ecosystem in Jaipur</h3>
        <p style="color: #aaa; margin-bottom: 30px;">We are the one-stop destination for all Web3 solutions.</p>
        <div class="link-grid" style="display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:20px;">
            <a href="