.goon-overlay {
  position: fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.6);
  backdrop-filter: blur(6px);
  z-index: 998;
}
.goon-modal {
  position: fixed;
  top:50%; left:50%;
  transform: translate(-50%,-50%);
  background:#121212;
  border:1px solid #ff4edb;
  box-shadow:0 0 20px rgba(255,78,219,0.5);
  border-radius:16px;
  padding:2em;
  z-index: 999;
  width:90%; max-width:360px;
  display:flex; flex-direction:column;
  align-items:center;
}
.hidden {display:none;}
.goon-modal-content input {
  width:100%;
  padding:0.8em;
  margin:0.4em 0;
  border:none;
  border-radius:8px;
  background:#1d1d1d;
  color:#fff;
}
.goon-btn-action {
  margin-top:1em;
  width:100%;
  padding:0.8em;
  background:linear-gradient(90deg,#ff4edb,#8a4eff);
  border:none;
  border-radius:10px;
  color:#fff;
  font-weight:700;
  cursor:pointer;
  transition:0.2s;
}
.goon-btn-action:hover {
  opacity:0.9;
  transform:scale(1.02);
}
.goon-close {
  position:absolute;
  top:10px; right:14px;
  background:none;
  border:none;
  color:#fff;
  font-size:22px;
  cursor:pointer;
}
.goon-auth-buttons {
  display:flex;
  gap:1em;
  justify-content:center;
  margin:1em 0;
}
.goon-btn {
  background:linear-gradient(90deg,#ff4edb,#8a4eff);
  padding:0.5em 1em;
  border-radius:8px;
  color:#fff;
  font-weight:600;
  text-decoration:none;
}
.goon-switch {
  margin-top:1em;
  font-size:0.9em;
  color:#ccc;
}
.goon-switch a {color:#ff4edb; text-decoration:none;}