equired><br>
        <label for="Favourite Subject">Favourite Subject:</label>
        <input type="text" name="Favourite Subject" id="Favourite Subject" required><br>
            <input type="submit" value="Recommend Careers" class="submit-button">
        </form>

        <h2 class="subtitle">Recommended Careers:</h2>
        <ul class="career-list">
            {% for career in recommendations %}
            <li><a href="/career/{{ career }}" class="career-link">{{ career }}</a></li>
            {% endfo