考研培训机构官网

你是一个资深前端工程师。请帮我写一个考研培训机构官网，要求如下：
技术约束：只输出一个 .html 文件，不依赖任何外部框架和库（无 React/Vue/Bootstrap），CSS 与 JS 全部内联写在同一个文件中；使用语义化 HTML5 标签；响应式布局，适配手机、平板、桌面；代码有中文注释，结构清晰。
机构信息：名称【XX 考研】，班次【全年/暑期/冲刺占位】，资料【真题包占位】。
页面区块（从上到下）：导航栏 → 首屏 Banner（上岸率数据占位+领资料 CTA）→ 班次课程（3 卡片对比）→ 师资（头像+科目）→ 学员成绩（数据卡）→ 资料下载（表单：姓名+学校+电话）→ 页脚。
交互要求：导航栏滚动时吸顶并加阴影；移动端汉堡菜单可展开收起；卡片悬停有轻微上浮阴影。表单做前端非空与手机号格式校验，提交时 preventDefault 并弹出提示，不做真实请求。
视觉风格：热血专业（红+深灰）、数据醒目。
输出要求：