feat(portfolio): 포트폴리오 페이지 전체 구현

- 3탭 구조: 프로필&경력, 프로젝트, 자기소개
- 비밀번호 인증 → 편집 모드
- 클립보드 복사, PDF 내보내기 (window.print)
- 사이버펑크 테마 CSS, 모바일 반응형

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/pages/portfolio/PasswordModal.jsx

@@ -0,0 +1,43 @@
+import { useState } from 'react';
+
+export default function PasswordModal({ open, onAuth, onClose, error }) {
+    const [pw, setPw] = useState('');
+    const [loading, setLoading] = useState(false);
+
+    if (!open) return null;
+
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (!pw.trim()) return;
+        setLoading(true);
+        await onAuth(pw);
+        setLoading(false);
+        setPw('');
+    };
+
+    return (
+        <div className="pf-modal-backdrop" onClick={onClose}>
+            <div className="pf-modal" onClick={(e) => e.stopPropagation()}>
+                <h3 className="pf-modal__title">편집 모드</h3>
+                <p className="pf-modal__desc">편집하려면 비밀번호를 입력하세요.</p>
+                <form onSubmit={handleSubmit}>
+                    <input
+                        type="password"
+                        className="pf-modal__input"
+                        placeholder="비밀번호"
+                        value={pw}
+                        onChange={(e) => setPw(e.target.value)}
+                        autoFocus
+                    />
+                    {error && <p className="pf-modal__error">{error}</p>}
+                    <div className="pf-modal__actions">
+                        <button type="button" className="button ghost" onClick={onClose}>취소</button>
+                        <button type="submit" className="button primary" disabled={loading || !pw.trim()}>
+                            {loading ? '확인 중...' : '확인'}
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    );
+}