body {
         font-family: 'Segoe UI', sans-serif;
         margin: 0;
         background: linear-gradient(to bottom right, #f0e7da, #d2ecfa);
         color: #333;
     }

     .container {
         max-width: 1000px;
         margin: auto;
         padding: 20px;
     }

     .article-container {
         max-width: 800px;
         margin: 0 auto;
         text-align: center;
         padding: 40px 20px;
     }

     .article-container img {
         max-width: 100%;
         border-radius: 15px;
         margin-bottom: 30px;
     }

     .article-container p {
         text-align: justify;
         font-size: 1.1em;
         line-height: 1.7;
         color: #333;
     }

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

     .date {
         color: #888;
         font-size: 0.9em;
         margin-bottom: 20px;
     }

     img {
         max-width: 100%;
         border-radius: 20px;
         margin: 20px 0;
     }

     .content {
         font-size: 1.1em;
         line-height: 1.7em;
     }

     .con {
         font-family: 'Segoe UI', sans-serif;
         margin: 0;
         background: linear-gradient(to bottom right, #f0e7da, #d2ecfa);
         color: #333;
     }

     @media (max-width: 768px) {
         h1 {
             font-size: 1.5em;
         }

         .container {
             padding: 15px;
         }
     }

     .container img {
         display: block;
         margin: 0 auto;
         border-radius: 15px;
         max-width: 100%;
     }

     @media (max-width: 768px) {
         .article-container {
             padding: 20px 15px;
         }

         .article-container p,
         .content {
             font-size: 1em;
         }
     }

     @media (max-width: 480px) {
         .article-container {
             padding: 15px 10px;
         }

         h1 {
             font-size: 1.3em;
         }

         .article-container p,
         .content {
             font-size: 0.95em;
             line-height: 1.6;
         }

         .date {
             font-size: 0.8em;
         }

         .container {
             padding: 10px;
         }
     }