body { margin: 0; font-family: 'Poppins', sans-serif; background: #f4f7fb; color: #333; } header { background: linear-gradient(90deg, #0d47a1, #2e7d32); color: white; padding: 30px 40px; display: flex; justif

body { margin: 0; font-family: 'Poppins', sans-serif; background: #f4f7fb; color: #333; } header { background: linear-gradient(90deg, #0d47a1, #2e7d32); color: white; padding: 20px 40px; display: flex; justify

:root{ --primary:#0C447C; --secondary:#2e7d32; --bg:#f4f7fb; } body{ margin:0; font-family:'Poppins',sans-serif; background:var(--bg); } /* HEADER */ .header{ background:white; padding:15px 40px; display:flex; justify-content:space-between; align-items:center; box-shadow:0 2px 10px rgba(0,0,0,0.05); } .logo{ height:55px;

:root { --bg: #ffffff; --fg: #1a1a1a; --muted: #5a5a5a;