body {
      font-family: 'Inter', sans-serif;
      background-color: #F9FAFB;
      color: #1E293B;
    }
    h1, h2, h3 {
      font-family: 'Poppins', sans-serif;
    }
    .btn-primary {
      background-color: #6D28D9;
      border: none;
      border-radius: 8px;
      padding: 12px 24px;
    }
    .btn-primary:hover {
      background-color: #059669;
    }
    .btn-cta {
      background-color: #fff;
      color: #6D28D9;
      border: none;
      border-radius: 8px;
      padding: 12px 24px;
    }
    .loginbtn{
      background-color: #6D28D9;
      color: #fff;
      border: none;
      border-radius: 8px;
      padding: 12px 24px;
      display: inline-block;
      text-decoration: none; 

    }
     .loginbtn:hover {
      background-color: #059669;
    }
    .btn-cta:hover {
      background-color: #059669;
    }
    .hero {
      background: linear-gradient(90deg, #6D28D9 0%, #7C3AED 100%);
      color: white;
      padding: 100px 20px;
      text-align: center;
    }
    .feature-card {
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
      padding: 30px;
      transition: transform 0.2s;
      border-top: 4px solid #6D28D9;
    }
    .feature-card:hover {
      transform: translateY(-5px);
    }
    footer {
      background-color: #1E293B;
      color: #fff;
      padding: 40px 20px;
      text-align: center;
    }