body {
      font-family: Arial, sans-serif;
      margin: 0;
      background: #f9f9f9;
      color: #333;
      line-height: 1.6;
    }
    header {
      background: #006699;
      color: white;
      padding: 2rem 1rem;
      text-align: center;
    }
    header h1 {
      margin: 0;
      font-size: 2rem;
    }
    header p {
      margin-top: 0.5rem;
      font-size: 1.2rem;
    }
    section {
      padding: 2rem 1rem;
      max-width: 800px;
      margin: auto;
    }
    h2 {
      color: #006699;
      margin-top: 2rem;
    }
    footer {
      background: #222;
      color: white;
      text-align: center;
      padding: 1rem;
      font-size: 0.9rem;
    }
    @media (max-width: 600px) {
      header h1 {
        font-size: 1.5rem;
      }
      header p {
        font-size: 1rem;
      }
    }

    .c_sp:before {
  content: attr(data-website) "\0040" attr(data-user);
  unicode-bidi: bidi-override;
    direction: rtl;
}