body {
      font-family: 'Cairo';
      background: linear-gradient(135deg, #f0f4f8, #dfe9f3);
      color: #333;
      margin: 0;
      padding: 0;
    }

    h1 {
      font-size: 2.5em;
      margin-bottom: 10px;
      color: #2c3e50;
    }

    .container1 {
      max-width: 800px;
      margin: auto;
      background: white;
      padding: 30px;
      border-radius: 20px;
      box-shadow: 0 0 15px rgba(0,0,0,0.1);
      text-align: center;
    }

    .gif-preview {
      max-width: 100%;
      border-radius: 10px;
      margin-bottom: 30px;
    }

    form {
      margin-top: 20px;
    }

    input[type="file"] {
      padding: 10px;
      border: 2px dashed #3498db;
      border-radius: 10px;
      cursor: pointer;
      background-color: #ecf0f1;
      font-family: 'Cairo';
    }

    button {
      font-family: 'Cairo';
      padding: 12px 25px;
      background-color: #3498db;
      border: none;
      border-radius: 10px;
      color: white;
      font-size: 1em;
      margin-top: 15px;
      cursor: pointer;
      transition: background 0.3s ease;
    }

    button:hover {
      background-color: #2980b9;
    }

    #result {
      margin-top: 30px;
    }

    img.result-img {
      max-width: 100%;
      border: 3px solid #2ecc71;
      border-radius: 15px;
      margin-top: 15px;
    }