body { font-family: Arial, sans-serif; line-height: 1.5; color: #333; margin: 0; background-color: #0b3768; }
        #wrapper { max-width: 1000px; margin: 0 auto; background: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
        header { background: #003366; color: white; padding: 20px; text-align: center; }
        nav ul { list-style: none; padding: 0; background: #378cc1; display: flex; flex-wrap: wrap; justify-content: center; }
        nav a { color: white; text-decoration: none; padding: 10px 15px; display: block; font-size: 0.9em; }
        nav a:hover { background: #2173cc; }
        .hero { width: 100%; height: 250px; background: url('/assets/banner.png') center/cover no-repeat; margin-bottom: 20px; }
        .main-container { display: grid; grid-template-columns: 250px 1fr; gap: 20px; }
        aside h3 { background: #006699; color: white; padding: 5px; font-size: 1em; }
        aside ul { list-style: none; padding: 0; }
        aside li { border-bottom: 1px solid #ccc; padding: 5px 0; }
        .content img { max-width: 100%; height: auto; border: 1px solid #ddd; }
        .promo-box { border: 2px solid #006699; padding: 15px; text-align: center; background: #f9f9f9; margin: 20px 0; }
        footer { text-align: center; font-size: 0.8em; margin-top: 40px; padding: 20px; border-top: 2px solid #003366; }
        @media (max-width: 768px) { .main-container { grid-template-columns: 1fr; } }