body {
	  font-family: "Segoe UI", Roboto, sans-serif;
	  background: #fafafa;
	  color: #222;
	  margin: 0;
	  padding: 0;
	  line-height: 1.6;
      }
      header {
	  background: linear-gradient(135deg, #101820, #1c1f29);
	  color: #fff;
	  padding: 60px 20px;
	  text-align: center;
      }
      header h1 {
	  margin: 0;
	  font-size: 2.4em;
	  letter-spacing: 0.5px;
      }
      header p {
	  font-size: 1.1em;
	  opacity: 0.85;
	  max-width: 700px;
	  margin: 15px auto 0;
	  color:#bbb;
	  
      }
      section {
	  max-width: 860px;
	  margin: 50px auto;
	  padding: 0 20px;
      }
      h2 {
	  color: #222;
	  border-bottom: 2px solid #eee;
	  padding-bottom: 5px;
	  margin-bottom: 15px;
      }
      h3 {
	  color: #333;
	  margin-top: 25px;
      }
      p, li {
	  font-size: 1em;
	  color: #444;
      }
      ul {
	  margin-top: 5px;
      }
      table {
	  width: 100%;
	  border-collapse: collapse;
	  margin: 15px 0;
      }
      th, td {
	  border: 1px solid #ddd;
	  padding: 8px 10px;
	  text-align: left;
      }
      th {
	  background: #f3f3f3;
      }
      footer {
	  text-align: center;
	  padding: 40px 10px;
	  background: #f3f3f3;
	  font-size: 0.9em;
	  color: #555;
      }
      a {
	  color: #005fcc;
	  text-decoration: none;
      }
      a:hover {
	  text-decoration: underline;
      }