/* Wait+ main.css - 共通スタイル */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&family=Bebas+Neue&display=swap');

:root {
    --gold:       #f5b800;
    --gold-dim:   rgba(245,184,0,0.12);
    --bg:         #000000;
    --bg-dark:    #0a0a12;
    --white:      #ffffff;
    --gray:       rgba(255,255,255,0.4);
    --border:     rgba(255,255,255,0.08);
    --radius-md:  12px;
    --radius-lg:  16px;
    --radius-full:40px;
}

* { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--bg); color:var(--white); font-family:'Noto Sans JP',sans-serif; -webkit-font-smoothing:antialiased; }

/* ロゴ */
.wp-logo { font-family:Georgia,serif; font-size:24px; font-weight:700; color:#fff; letter-spacing:2px; }
.wp-logo span { color:var(--gold); }

/* ゴールドライン */
.gold-line { width:40px; height:1px; background:var(--gold); opacity:0.4; }

/* ボタン共通 */
.btn-gold { background:var(--gold); color:#000; font-size:15px; font-weight:700; padding:14px 24px; border-radius:var(--radius-full); border:none; cursor:pointer; letter-spacing:0.1em; transition:all .2s; }
.btn-gold:hover { background:#ffd454; transform:translateY(-1px); }
.btn-gold:disabled { opacity:0.4; cursor:not-allowed; transform:none; }

.btn-outline-gold { background:rgba(245,184,0,0.08); color:var(--gold); border:1px solid rgba(245,184,0,0.3); font-size:14px; font-weight:700; padding:10px 24px; border-radius:var(--radius-full); cursor:pointer; transition:all .2s; }
.btn-outline-gold:hover { background:rgba(245,184,0,0.15); }

/* カード */
.card { background:rgba(255,255,255,0.04); border:1px solid var(--border); border-radius:var(--radius-lg); padding:24px; }

/* フォーム */
.form-input { background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); border-radius:var(--radius-md); padding:12px 16px; font-size:16px; color:#fff; font-family:'Noto Sans JP',sans-serif; outline:none; width:100%; transition:border-color .2s; }
.form-input:focus { border-color:var(--gold); }
.form-input::placeholder { color:rgba(255,255,255,0.2); }

/* セクションラベル */
.section-label { font-size:13px; color:var(--gold); letter-spacing:0.3em; text-transform:uppercase; border-bottom:1px solid rgba(245,184,0,0.2); padding-bottom:8px; }

/* メッセージ */
.msg-error { background:rgba(192,57,43,0.15); color:#e74c3c; border:1px solid rgba(192,57,43,0.3); border-radius:var(--radius-md); padding:12px; font-size:13px; text-align:center; }
.msg-success { background:rgba(46,170,78,0.15); color:#2ecc71; border:1px solid rgba(46,170,78,0.3); border-radius:var(--radius-md); padding:12px; font-size:13px; text-align:center; }