/* Referencis — style pro noir & or */
.referencis-wrapper {
  max-width: 760px;
  margin: 20px auto;
  background: #000;
  color: #fff;
  padding: 28px;
  border-radius: 12px;
  border: 2px solid #d4af37;
  font-family: Arial, Helvetica, sans-serif;
  box-shadow: 0 8px 30px rgba(212,175,55,0.08);
}
.referencis-wrapper h2 { color: #d4af37; text-align:center; margin-top:0; }
.referencis-wrapper label { display:block; margin-top:10px; color:#fff; font-weight:700; }
.referencis-wrapper input,
.referencis-wrapper textarea,
.referencis-wrapper select {
  width:100%; padding:10px; margin-top:6px;
  background:#000; color:#fff; border:1px solid #d4af37; border-radius:6px;
}
.referencis-wrapper fieldset { margin-top:12px; padding:10px; border-radius:6px; border:1px solid rgba(212,175,55,0.06); }
.referencis-wrapper input[type="checkbox"] { accent-color: #d4af37; width:18px; height:18px; }
.referencis-wrapper button { margin-top:14px; padding:12px 18px; background:#d4af37; color:#000; border:none; border-radius:6px; font-weight:700; cursor:pointer; width:100%; }
.referencis-wrapper button:hover { background:#e8c45b; }

/* Modal */
.referencis-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.85); align-items:center; justify-content:center; z-index:9999; }
.referencis-modal-inner { background:#111; border:2px solid #d4af37; padding:30px; border-radius:12px; max-width:480px; color:#fff; text-align:center; box-shadow:0 0 20px rgba(212,175,55,0.5); }
.referencis-modal-inner button { margin-top:20px; background:#d4af37; color:#000; border:0; padding:10px 20px; border-radius:8px; cursor:pointer; }

/* Responsive */
@media(max-width:640px) {
  .referencis-wrapper { padding:16px; margin:12px; }
  .referencis-modal-inner { margin: 12px; width: calc(100% - 24px); }
}