/**
 * assets/css/pages/register.css — 新規登録ページ専用スタイル
 * 出典: berurogue-collect_html/06_berurogue-collect_新規登録ページ.html <style>
 * 元HTMLは JS で .active を付け外しして2画面をフェード切替していたが、
 * PHP化により画面そのものが別ページになるため、常に .active 相当の表示状態で使う。
 * クラス名はマークアップ一致のため維持する。
 */
.fade-section {
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.fade-section.active {
  opacity: 1;
  transform: translateY(0);
}