body{
      font-family: 'Cairo', sans-serif;
      margin: 0;
      background: #f7fdfb;
      color: #1b4332;
      line-height: 1.8;
    }

    header{
      background: #2d6a4f;
      color: white;
      padding: 20px 0;
      text-align: center;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    header h1{
      margin: 0;
      font-size: 26px;
      letter-spacing: 1px;
    }

    main{
      max-width: 850px;
      margin: 40px auto;
      padding: 30px 24px;
      background: white;
      border-radius: 12px;
      box-shadow: 0 4px 16px rgba(0,0,0,0.05);
    }

    main h2{
      font-size: 24px;
      color: #2d6a4f;
      margin-top: 0;
      border-bottom: 2px solid #c3eedb;
      padding-bottom: 10px;
      margin-bottom: 20px;
    }

    main p{
      font-size: 17px;
      margin-bottom: 18px;
      color: #333;
    }

    main strong{
      color: #14532d;
    }

    a{
      color: #238c41;
      text-decoration: none;
    }

    a:hover{
      text-decoration: underline;
    }

    footer{
      margin-top: 40px;
      text-align: center;
      padding: 20px;
      font-size: 14px;
      color: #777;
    }

    @media (max-width: 768px){
      main{
        margin: 20px 10px;
        padding: 20px 15px;
      }
      main h2{
        font-size: 21px;
      }
      main p{
        font-size: 15.5px;
      }
    }