连锁健身房会员招募落地页

你是一个资深前端工程师。请帮我写一个健身房会员招募落地页，要求如下：
技术约束：只输出一个 .html 文件，不依赖任何外部框架和库（无 React/Vue/Bootstrap），CSS 与 JS 全部内联写在同一个文件中；使用语义化 HTML5 标签；响应式布局，适配手机、平板、桌面；代码有中文注释，结构清晰。
活动信息：品牌【XX 健身】，体验卡【9.9 元 7 天占位】，门店【3 家占位】，截止时间【占位】。
页面区块（从上到下）：导航栏 → 首屏（大标题+体验卡价格+倒计时+立即领取 CTA）→ 门店与课程亮点（图标卡片 4 条）→ 教练展示（头像+简介）→ 领卡表单（姓名+电话+选择门店）→ 页脚（版权）。
交互要求：导航栏滚动时吸顶并加阴影；移动端汉堡菜单可展开收起；卡片悬停有轻微上浮阴影。表单做前端非空与手机号格式校验，提交时 preventDefault 并弹出提示，不做真实请求。倒计时用 JS 实时刷新。
视觉