body {
     font-family: 'Segoe UI', Arial, sans-serif;
     margin: 0;
     background: #181818;
     color: #fff;
     background: linear-gradient(120deg, #222 80%, #e63946 100%);

 }

 .section {
     max-width: 1000px;
     margin: 40px auto;
     background: #222;
     border-radius: 8px;
     box-shadow: 0 2px 8px #0002;
     padding: 30px;
 }

 .section h2 {
     color: #e63946;
 }

 .news {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     justify-content: center;
 }

 .card {
     background: #181818;
     border-radius: 8px;
     padding: 20px;
     flex: 1 1 250px;
     min-width: 250px;
     max-width: 350px;
     text-align: left;
     box-shadow: 0 2px 8px #0002;
 }

 .card img {
     width: 100%;
     border-radius: 8px;
     margin-bottom: 10px;
 }

 .back-link {
     text-align: left;
     margin: 20px 0 0 0;
     display: block;
     color: #e63946;
     text-decoration: none;
     font-weight: bold;
 }

 .about-section {
     border-radius: 16px;
     box-shadow: 0 4px 24px #0004;
     padding: 40px 24px;
     margin: 40px auto;
     max-width: 1100px;
 }
 .about-title {
     text-align: center;
     color: #e63946;
     font-size: 2.2em;
     margin-bottom: 32px;
     letter-spacing: 2px;
 }
 .aboutUs-grid {
     display: flex;
     gap: 32px;
     flex-wrap: wrap;
     justify-content: center;
 }
 .about-card {
     background: #181818;
     border-radius: 14px;
     box-shadow: 0 2px 12px #0002;
     padding: 28px 22px;
     flex: 1 1 300px;
     min-width: 260px;
     max-width: 350px;
     text-align: center;
     
     transition: transform 0.2s, box-shadow 0.2s;
     position: relative;
 }
 .about-card:hover {
     transform: translateY(-8px) scale(1.03);
     box-shadow: 0 8px 32px #e6394622;
 }
 .about-icon {
     font-size: 2.5em;
     color: #e63946;
     margin-bottom: 12px;
 }
 .about-card h3 {
     color: #fff;
     font-size: 1.3em;
     margin-bottom: 12px;
     letter-spacing: 1px;
 }
 .about-card p {
     color: #ccc;
     font-size: 1em;
     line-height: 1.7em;
     text-align: justify;
 }
 .back-link {
     display: inline-block;
     margin-top: 32px;
     color: #e63946;
     font-weight: bold;
     text-decoration: none;
     font-size: 1.1em;
     transition: color 0.2s;
 }
 .back-link:hover {
     color: #fff;
 }
 @media (max-width: 900px) {
     .aboutUs-grid {
         flex-direction: column;
         gap: 24px;
         align-items: center;
     }
     .about-card {
         max-width: 100%;
     }
 }

 .aboutUs p {
     text-align: justify;
 }