로고 등장 애니메이션 (CSS)

아래 조건으로 로고 등장 애니메이션을 HTML + CSS 한 파일로 만들어줘. 외부 라이브러리는 쓰지 마.

- 로고: [로고 SVG 붙여넣기 또는 "텍스트 로고 'BRAND'"]
- 배경: [#0f0f12 같은 어두운 단색]
- 순서:
  1. 0~0.6초: 로고가 아래에서 24px 위로 올라오며 투명도 0 → 1 (ease-out)
  2. 0.6~1.2초: 로고 뒤로 원형 빛이 퍼짐 (scale 0.6 → 1.4, 투명도 0.5 → 0)
  3. 1.2~2초: 로고 아래 슬로건 "[슬로건]"이 글자 단위로 0.04초 간격 순차 등장
- 총 2초, 1회 재생 후 정지
- prefers-reduced-motion이면 애니메이션 없이 최종 상태만 표시
- 타이밍 값은 CSS 변수로 빼서 내가 조정하기 쉽게