#container {
         max-width: 1100px;
         margin: 40px auto;
         padding: 0 20px;
     }

     body {
         font-family: Arial, sans-serif;
         margin: 0;
         padding: 0;
         background-color: #fffaf0;
         color: #333;
         line-height: 1.6;
     }
        section {
            margin-bottom: 80px;
            background: white;
            padding: 40px;
            border-radius: 15px;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
        }

     header {
         background: linear-gradient(rgba(200, 35, 51, 0.7), rgba(200, 35, 51, 0.7)), url('https://nads.1cdn.vn/2026/01/20/ly-ngua-o.jpg') center/cover no-repeat;
         color: white;
         text-align: center;
         padding: 140px 20px 100px;
         position: relative;
     }

     header h1 {
         font-size: 3.5rem;
         margin-bottom: 10px;
         text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
     }

     header p {
         font-size: 1.4rem;
     }

     header img {
         width: 100%;
         height: auto;
         display: block;
     }

     nav {
         background-color: #228B22;
         padding: 10px 0;
         text-align: center;
     }

     nav a {
         color: white;
         text-decoration: none;
         margin: 0 15px;
         font-weight: bold;
         font-size: 1.1em;
     }

     nav a:hover {
         color: #FF0000;
     }

     main {
         max-width: 1200px;
         margin: 20px auto;
         padding: 0 20px;
     }

     .content {
         background-color: #FF0000;
         color: white;
         padding: 20px;
         border-radius: 10px;
         margin-bottom: 30px;
         text-align: center;
     }

     .features {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
         gap: 20px;
     }

     .feature-item {
         background: #fff;
         border: 2px solid #FF0000;
         border-radius: 10px;
         padding: 15px;
         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
         text-align: center;
     }

     .feature-item img {
         width: 100%;
         height: 200px;
         object-fit: cover;
         border-radius: 8px;
         margin-bottom: 10px;
     }

     .album {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         gap: 15px;
         margin: 30px 0;
     }

     .album img {
         width: 220px;
         height: 150px;
         object-fit: cover;
         border: 3px solid #FF0000;
         border-radius: 8px;
     }

     footer {
         background: #cf0b0b;
         color: white;
         text-align: center;
         padding: 20px;
         margin-top: 40px;
         font-size: 1.4rem;
     }

     .carousel {
         display: flex;
         overflow-x: auto;
         gap: 20px;
         padding: 20px 0;
         scroll-snap-type: x mandatory;
     }

     .carousel img {
         width: 100%;
         max-width: 300px;
         height: auto;
         border-radius: 12px;
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
         object-fit: cover;
         flex-shrink: 0;
         scroll-snap-align: center;
     }

     .carousel video {
         width: 100%;
         max-width: 300px;
         height: auto;
         border-radius: 12px;
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
         object-fit: cover;
         flex-shrink: 0;
         scroll-snap-align: center;
     }

     .gallery {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
         gap: 20px;
         margin: 30px 0;
     }

     .gallery img {
         width: 100%;
         height: auto;
         border-radius: 12px;
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
         transition: transform 0.3s;
     }

     .gallery img:hover {
         transform: scale(1.05);
     }

     blockquote {
         font-style: italic;
         color: #555;
         border-left: 5px solid #c41e3a;
         padding-left: 20px;
         margin: 20px 0;
         background: #fffaf0;
         padding: 15px;
         border-radius: 8px;
     }
     blockquote {
        font-size: 1.25rem;
     }


     @media (max-width: 768px) {
         nav a {
             display: block;
             margin: 10px 0;
         }
     }