body{
      background:#f5f7fb;
      font-family:Arial, sans-serif;
    }

    .hero{
      padding:80px 20px;
      text-align:center;
      background:linear-gradient(135deg,#4f46e5,#7c3aed);
      color:white;
      border-radius:0 0 30px 30px;
    }

    .hero h1{
      font-size:55px;
      font-weight:bold;
    }

    .hero p{
      font-size:20px;
      margin-top:15px;
    }

    .tool-card{
      border:none;
      border-radius:20px;
      transition:0.3s;
      box-shadow:0 5px 15px rgba(0,0,0,0.08);
    }

    .tool-card:hover{
      transform:translateY(-8px);
    }

    .tool-icon{
      font-size:45px;
    }

    .footer{
      background:#111827;
      color:white;
      padding:25px;
      text-align:center;
      margin-top:60px;
    }

    .btn-custom{
      background:#4f46e5;
      color:white;
      border:none;
      padding:10px 20px;
      border-radius:10px;
    }

    .btn-custom:hover{
      background:#4338ca;
      color:white;
    }