
        :root {
            --primary: #024a97;
            --accent: #5bc4d1;
            --secondary: #19bbc4;
            --text: #333;
            --white: #ffffff;
        }
        body { font-family: Arial, sans-serif; margin: 0; color: var(--text); line-height: 1.5; }
        header { background: #fdfdfd; border-bottom: 3px solid var(--accent); padding: 20px 0; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        .nav-menu { display: flex; list-style: none; padding: 0; gap: 20px; font-weight: bold; }
        .nav-menu a { text-decoration: none; color: var(--primary); }
        .hero { 
            background: linear-gradient(135deg, var(--primary), var(--accent));
            color: var(--white);
            padding: 60px 20px;
            text-align: center;
        }
        .logo-placeholder {
            width: 200px; height: 100px;
            background: #eee; border: 2px dashed #ccc;
            display: flex; align-items: center; justify-content: center;
            margin: 0 auto 20px; font-family: 'Georgia', serif; font-weight: bold;
        }
        .main-content { display: grid; grid-template-columns: 250px 1fr; gap: 30px; padding: 40px 20px; }
        .sidebar { background: #f9f9f9; padding: 20px; border-radius: 8px; }
        .sidebar h4 { color: var(--primary); border-bottom: 2px solid var(--accent); padding-bottom: 10px; }
        .sidebar ul { list-style: none; padding: 0; }
        .sidebar li { margin-bottom: 10px; }
        .sidebar a { text-decoration: none; color: #555; }
        .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; }
        .product-card { border: 1px solid #ddd; padding: 15px; text-align: center; border-radius: 5px; }
        .product-card img { max-width: 100%; height: auto; margin-bottom: 10px; border-radius: 4px; }
        footer { background: #333; color: #fff; text-align: center; padding: 20px; margin-top: 40px; }
        @media (max-width: 768px) { .main-content { grid-template-columns: 1fr; } }
    