고등학교 1학년 통합과학 내용을 반도체 및 로봇공학과 연결하는 '융합 과학 탐구 동아리 과제 사이트'를 단일 페이지 웹 앱으로 만들어줘. 반드시 스마트폰 화면에서 완벽하게 작동하는 모바일 전용 UI(최대 가로 폭 480px)로 디자인해줘.

[UI/UX 및 디자인 요구사항]

1. 모바일 최적화: 모든 버튼과 탭은 손가락으로 터치하기 쉽게 크기를 키우고(최소 44x44px), 좌우 여백을 충분히 주어 가로 스크롤이 절대 생기지 않도록 해줘.
2. 테마: 첨단 공학 느낌이 나는 세련된 '다크 모드'로 디자인해줘. 깊은 네이비/차콜 배경에 네온 블루, 사이안(Cyan) 색상으로 포인트를 줄 것.
3. 기술 스택: Tailwind CSS, Lucide React 아이콘, Shadcn UI 컴포넌트를 사용해줘.
4. 언어: 사이트의 모든 텍스트와 UI는 친절하고 전문적인 '한국어'로 작성해줘.

[주요 기능 및 페이지 구성]

• 헤더: 동아리 이름인 "통합과학 & 첨단공학 융합 탐구동아리"와 미래지향적인 반도체/로봇 아이콘 배치.
• 인트로: 고1 통합과학이 어떻게 현대 반도체와 로봇공학의 기초가 되는지 설명하는 깔끔한 카드 섹션.
• 교과 연계 탐구 (탭 또는 아코디언 컴포넌트 사용):
  • 1단원: 물질의 규칙성과 결합 -> 반도체 원리 (규소 결정과 도핑 기술)
  • 2단원: 시스템과 상호작용 -> 로봇 제어 (역학적 시스템과 센서 모터 제어)
  • 3단원: 변화와 다양성 -> 로봇의 배터리 (산화 환원 반응과 에너지원)
  • 4단원: 환경과 에너지 -> 저전력 반도체 및 친환경 로봇 설계
• 미니 인터랙티브 시뮬레이터: 모바일 화면에서 직접 조작할 수 있는 직관적인 도구. (예: P형/N형 도핑을 선택하면 전류 흐름이 시각적으로 바뀌는 '반도체 도핑 시뮬레이터' 또는 로봇 무게에 따른 모터 토크를 계산해주는 '로봇 역학 계산기')
• 미니 퀴즈 챌린지: 통합과학과 공학 연계 내용을 점검하는 모바일 최적화 3문항 퀴즈 (정답 선택 시 바로 정오답 피드백과 설명 제공).
• 푸터: 동아리 학생 인적사항을 적을 수 있는 깔끔한 크레딧.

고등학생이 만든 고품질 포트폴리오 사이트처럼 보이도록, 모든 버튼에 부드러운 애니메이션 효과를 넣고 컴포넌트 마감을 깔끔하게 해줘.