/* ===== Members (plain CSS) ===== */
:root{
  --jafa-primary:#0a66c2;
  --jafa-border:#e5e7eb;
  --jafa-muted:#6b7280;
  --card-bg:#fff;
}

.member-hero{padding:32px 0;}
.member-actions{display:flex;gap:12px;justify-content:flex-end;margin:12px 0;}

.login-wrap{
  max-width:520px; margin:64px auto; padding:32px;
  border:1px solid var(--jafa-border); border-radius:12px; background:var(--card-bg);
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.login-wrap h1{font-size:1.5rem;margin-bottom:1rem}
.small-muted{font-size:.875rem;color:var(--jafa-muted)}

.form-floating{margin-bottom:12px}
.btn-primary{background:var(--jafa-primary);border-color:var(--jafa-primary)}
.btn-primary:hover{filter:brightness(0.95)}

.gc-wrap{max-width:980px;margin:0 auto 40px;}
.gc-frame{width:100%;height:700px;border:1px solid #d1d5db;border-radius:8px}

/* 共通ボタン（サイト全体とトーン合わせ） */
.btn-cta-main{
  display:inline-block; padding:.8rem 1.4rem; border-radius:10px;
  background:var(--jafa-primary); color:#fff; text-decoration:none; font-weight:700;
}
.btn-cta-main:hover{opacity:.9}

/* スマホ最適化 */
@media (max-width: 575.98px){
  .login-wrap{margin:32px 12px;padding:24px}
  .gc-frame{height:560px}
  .member-actions{justify-content:space-between}
}