:root {
    --primary-green: #006A4E;
    --primary-red: #E11B22;
    --light-bg: #f4f4f4;
}

body { font-family: Arial, sans-serif; margin: 0; background: var(--light-bg); }

/* নেভিগেশন বার */
nav { background: var(--primary-green); padding: 15px; color: white; display: flex; justify-content: space-between; }
nav a { color: white; text-decoration: none; padding: 0 10px; }

/* হিরো সেকশন */
.hero { background: var(--primary-red); color: white; padding: 50px 20px; text-align: center; }

/* কন্টেইনার রেসপন্সিভ */
.container { display: flex; flex-wrap: wrap; padding: 20px; }
.main-content { flex: 3; min-width: 300px; }
.sidebar { flex: 1; min-width: 200px; background: white; padding: 15px; }

@media (max-width: 768px) {
    .container { flex-direction: column; }
}