.auth-modal { display: none; position: fixed; inset: 0; z-index: 1200; }
.auth-modal.show { display: block; }
.auth-modal__backdrop {
  position: absolute; inset: 0;
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(3px);
}
.auth-modal__panel {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 96%; max-width: 420px;
  background: linear-gradient(180deg,#171717,#232323);
  border-radius: 12px;
  padding: 22px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  color: #f5f5f5;
}
.auth-modal__close {
  position: absolute;
  right: 12px; top: 10px;
  background: transparent; border: none;
  color: #bbb; font-size: 18px; cursor: pointer;
}
.auth-modal h2 { margin-top: 0; margin-bottom: 10px; font-size: 22px; color: #fff; }
.auth-message { min-height: 20px; margin-bottom: 8px; color: #f0f0f0; }
.auth-form label { display:block; margin-top: 10px; font-size: 13px; color:#cfcfcf; }
.auth-form input[type="text"],
.auth-form input[type="email"],
.auth-form input[type="password"] {
  width:100%; padding:10px; margin-top:6px;
  background:#111; border:1px solid #2a2a2a; color:#fff; border-radius:6px;
}
.auth-form .discord-btn {
  margin-top: 14px; width: 100%;
  padding: 10px; border-radius: 8px;
  background: #e63946; border: none;
  color: #fff; cursor: pointer; font-weight: 700;
}
.auth-form .discord-btn:hover { background: #c92f3b; }
.auth-switch { margin-top: 12px; font-size: 14px; color:#bbb; text-align:center; }
.auth-switch a { color:#ff6b6b; text-decoration:none; font-weight:700; }
.auth-switch a:hover { text-decoration:underline; }