feat: redesign around a glass balloon hero

[rammmaa]

요약

디자인을 처음부터 다시 잡았습니다. 어두운 에디토리얼 톤을 버리고, 밝은 하늘색 바탕 위에 유리 풍선 3D 오브젝트가 큰 로고타입 앞에 떠 있는 첫 화면으로 갑니다. 풍선은 ICPC에서 문제를 풀 때마다 자리에 달아 주는 그 풍선입니다.

레퍼런스는 디프만(3D 오브젝트 + 로고타입), 넥스터즈(흰 배경 위 유리 오브젝트), 서강대 ICPC Team(큰 타이포와 여백)입니다. PR #3 위에 쌓인 브랜치라 base가 feat/complete-pages입니다.

바뀐 것

• 히어로: @react-three/fiber로 그린 WebGL 장면. 유리 풍선 여덟 개와 파랑·노랑 광택 풍선 둘, 뒤쪽 판에 그린 MOLGORITHM 로고타입을 유리가 굴절시킵니다. 마우스 시차, 풍선 클릭 시 터지고 AC 카운터 증가. 모바일은 풍선 6개, prefers-reduced-motion이면 정지, WebGL 준비 전에는 HTML 워드마크가 보입니다.
• 팔레트와 글꼴: 라이트 단일 테마(#0F1A2E 잉크, #1E6FD9 파랑, 하늘색 #E3EEFF). 영문 워드마크·숫자·라벨은 Archivo 125% 확장(.wide), 한글은 Noto Sans KR. next-themes와 다크 팔레트는 제거했습니다.
• 홈 구성: 히어로 → 최근 수상 3건 → 한 학기 동안 하는 일 → 장면들(실제 사진 4장) → 모집 배너. About과 캐러셀은 없앴습니다.
• 공통: 한국어 내비(소개·수상·활동·운영진·후원)와 검은 pill CTA, 투명 헤더, 새 PageHeader(영문 eyebrow + 한글 제목), 간결한 푸터.
• 페이지: 수상 기록(pill 필터, 연도별 표), 활동(세 활동 + 세션 기록), 운영진(명단은 운영진임을 명시), 지원, 후원, 404를 같은 언어로 다시 그렸습니다.

확인

• pnpm lint, pnpm typecheck, pnpm test(29개), pnpm build 통과. React Compiler 린트 규칙에 맞춰 장면 코드를 정리했습니다(Math.random 대신 결정적 난수, 선언적 attach).
• 개발 서버에서 6개 페이지를 헤드리스 Chrome으로 확인했습니다. 소프트웨어 렌더러여서 유리가 파스텔처럼 보였고, 실제 GPU에서는 굴절이 더 선명합니다.

후속

• 3D 장면은 프로토타입 수준입니다. 풍선 모양·재질·배치와 색은 실제 브라우저에서 보면서 다듬어야 합니다.
• Awards의 숫자만 있는 상명("1", "2")은 여전히 데이터 정리가 필요합니다.
• Netlify 프로젝트를 이 레포로 연결해야 배포됩니다.