/* ===== ログイン前3画面（ウェルカム / ログイン / 新規登録）共通 =====
   背景（金雲）は base.css の .background。入力欄・ラベルは form.css に集約。 */

/* ロゴ：ログイン前画面用に大きめ＋上余白 */
.logo {
    display: block;        /* 中央寄せを効かせるためブロックに */
    width: 350px;          /* 既定より大きめ */
    max-width: 80%;        /* 狭い画面ではみ出さない上限 */
    margin: 48px auto 0;   /* 上に余白＋左右autoで中央寄せ */
}

/* 妖怪イラスト（鵺・猫）：中央寄せ */
.nueimg,
.catimg {
    display: block;        /* 中央寄せのためブロックに */
    margin: 0 auto;        /* 左右中央寄せ */
    width: 260px;          /* 大きくなりすぎない固定幅 */
    height: auto;          /* 縦横比を保つ */
}

/* 鵺だけ左右反転して向きを合わせる */
.nueimg {
    transform: scaleX(-1); /* 水平反転 */
}

/* キャッチコピー（紫・太字） */
.welcome-copy {
    color: #800080;        /* テーマの紫 */
    font-weight: bold;     /* 太字 */
    font-size: 24px;       /* 大きめ */
}

/* ウェルカムのメインボタン（<a>）：特大。button.css の .btn-purple を上書き */
a.btn-purple {
    width: fit-content;    /* 内容の幅にして1行表示に（button.css の200px固定を解除。中央寄せは mx-auto が担当） */
    font-size: 32px;       /* 文字を大きく */
    font-weight: bold;     /* 太字 */
    padding: 24px 32px;    /* 上下24・左右32（左右0だと文字が枠に詰まるため余白を追加） */
}

/* ログイン/新規登録の送信ボタン（<button>）：中央寄せ・内容幅
   ※button限定にしてウェルカムの<a>ボタンには効かせない */
button.btn-purple {
    display: block;        /* 単独ブロックに */
    width: fit-content;    /* 内容の幅（200px固定を解除） */
    margin: 16px auto 0;   /* 上に余白＋中央寄せ */
    padding: 10px 40px;    /* 横に広め */
    font-weight: bold;     /* 太字 */
}


/* 下部の導線リンク（「ログインはこちら」等）：紫・太字・中央・縦並び */
.auth-link {
    display: block;        /* 1リンク1行 */
    margin: 6px 0;         /* 行間 */
    color: #800080;        /* 紫 */
    text-decoration: none; /* 下線なし */
    font-weight: bold;     /* 太字 */
    text-align: center;    /* 中央寄せ */
    font-size: 24px;       /* 大きめ */
}