/* スタッフ専用ページ パスコードゲート（社内用・ネイビー×ゴールド） */
#gate{
  position:fixed; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  background:radial-gradient(120% 120% at 50% 0%, #1c3157 0%, #0f1c30 60%, #0a1422 100%);
  padding:24px;
}
#gate .gbox{
  width:100%; max-width:380px; text-align:center;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(201,162,77,.35);
  border-radius:18px; padding:34px 26px 30px;
  box-shadow:0 24px 60px rgba(0,0,0,.45);
}
#gate .live{
  display:inline-block; margin:0 0 14px; font-size:12.5px; font-weight:800; letter-spacing:.1em;
  color:#0f1c30; background:linear-gradient(135deg,#e7c878,#c9a24d);
  border-radius:999px; padding:5px 16px;
}
#gate h1{ margin:0 0 8px; font-size:21px; color:#f4ead2; letter-spacing:.03em; }
#gate p{ margin:0 0 18px; font-size:15px; line-height:1.7; color:#b9c4d4; }
#gate input{
  width:100%; box-sizing:border-box; padding:13px 14px; margin-bottom:12px;
  border-radius:11px; border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.25); color:#fff; font-size:16px; outline:none;
}
#gate input:focus{ border-color:#c9a24d; }
#gate button{
  width:100%; padding:13px 14px; border:0; border-radius:11px; cursor:pointer;
  font-size:16px; font-weight:700; color:#0f1c30;
  background:linear-gradient(135deg,#e7c878,#c9a24d);
}
#gate button:active{ transform:translateY(1px); }
#gate .gerr{ min-height:18px; margin:10px 0 0; color:#ff9b9b; font-size:13px; }