/**
 * assets/css/pages/login-mypage.css — ログイン・マイページ専用スタイル
 * 出典: berurogue-collect_html/07_berurogue-collect_ログインマイページページ.html <style>
 * 元HTMLは JS 擬似SPAで .state-section / .mypage-sub-state を切り替えていたが、
 * PHP化により画面ごとに別ページ・別タブ（?tab=）になるため常時表示状態で使う。
 * クラス名はマークアップ一致のため維持する。
 */
.state-section {
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.state-section.active {
  opacity: 1;
  transform: translateY(0);
}

.image-placeholder::after {
  content: 'BeruRogue Collect';
}