<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Mexican Beef Bake — Flavourish</title>
<meta name="description" content="One-dish high-protein Mexican beef bake with rice, beans, and vegetables. Easy, no-pan meal prep loaded with flavour.">
<style>
:root { --bg:#fbfbfb; --card:#fff; --accent:#ff6b35; --muted:#6b7280; --max:700px; }
html,body { height:100%; margin:0; font-family:Inter, system-ui, sans-serif; color:#111; background:var(--bg); }
.wrap { display:flex; justify-content:center; padding:28px; }
.card { width:100%; max-width:var(--max); background:var(--card); border-radius:14px; box-shadow:0 8px 30px rgba(16,24,40,.08); padding:22px; }
h1 { font-size:22px; margin-bottom:8px; }
.meta { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.pill { font-size:12px; background:#f3f4f6; padding:6px 8px; border-radius:999px; color:var(--muted); }
ul { margin:8px 0 0 18px; padding:0; }
li { margin:6px 0; }
.instructions { background:#f9fafb; padding:12px; border-radius:8px; }
.footer { margin-top:16px; font-size:13px; color:var(--muted); display:flex; justify-content:space-between; align-items:center; }
a.source { color:var(--accent); text-decoration:none; }
</style>
</head>
<body>
<div class="wrap">
<article class="card">
<h1>Mexican Beef Bake</h1>
<p><em>Raw ingredients. One dish. Straight in the oven. No pans, no bullshit.</em></p>
<div class="meta">
<div class="pill">High Protein</div>
<div class="pill">Meal Prep</div>
<div class="pill">One Dish</div>
<div class="pill">Oven Bake</div>
</div>
<section>
<strong>Ingredients</strong>
<ul>
<li>500g extra lean beef mince (raw)</li>
<li>200g jasmine rice</li>
<li>400ml beef stock</li>
<li>200g tinned corn (drained)</li>
<li>200g black beans (drained)</li>
<li>200g cherry tomatoes (halved)</li>
<li>100g red capsicum (chopped)</li>
<li>100g carrot (grated or finely chopped)</li>
<li>30g taco seasoning</li>
<li>Juice of 1 lime</li>
<li>Salt and pepper</li>
<li>Garlic powder & smoked paprika (optional seasoning)</li>
<li>100g light mozzarella (grated, to top)</li>
<li>Coriander to finish (optional)</li>
</ul>
</section>
<section>
<strong>Instructions</strong>
<div class="instructions">
<ol>
<li>Preheat oven to 180°C (350°F).</li>
<li>Combine all ingredients except mozzarella and coriander in a large baking dish. Mix evenly.</li>
<li>Cover with foil and bake for 45 minutes.</li>
<li>Remove foil, top with mozzarella, and bake another 10–15 minutes until golden.</li>
<li>Let it rest for 5 minutes before serving. Garnish with coriander if desired.</li>
</ol>
</div>
</section>
<section>
<strong>Nutrition (per serve)</strong>
<p>Serves: 4</p>
<p>Calories: 447 | Protein: 42g | Carbs: 37g | Fat: 12g</p>
</section>
<footer class="footer">
<span>Flavourish Recipe</span>
<span>“Packed with protein, fibre, and actual flavour.”</span>
</footer>
</article>
</div>
</body>
</html>