/* =============================================
   MISTYOZ AI — research.css
   ============================================= */

/* Hero glow */
.research-glow {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 700px;
  height: 480px;
  background: radial-gradient(ellipse at top center,
    rgba(107, 141, 247, 0.07) 0%,
    transparent 65%);
  pointer-events: none;
  z-index: 0;
}

@media (max-width: 640px) {
  .research-glow { width: 320px; height: 260px; }
}


/* =============================================
   PAPER CARD
   ============================================= */
.paper-card {
  background: #080808;
}

.paper-glow {
  position: absolute;
  top: -60px;
  right: -60px;
  width: 500px;
  height: 400px;
  background: radial-gradient(ellipse at top right,
    rgba(107, 141, 247, 0.06) 0%,
    transparent 62%);
  pointer-events: none;
  z-index: 0;
}


/* =============================================
   META TAGS
   ============================================= */
.meta-tag {
  display: inline-block;
  padding: 3px 11px;
  border: 1px solid #1e1e1e;
  border-radius: 999px;
  font-size: 0.65rem;
  color: #666;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.new-tag {
  border-color: rgba(107, 141, 247, 0.35);
  color: #6b8df7;
}


/* =============================================
   CONTRIBUTION CARDS
   ============================================= */
.contribution-card {
  padding: 18px 20px;
  border: 1px solid #1e1e1e;
  border-radius: 14px;
  transition: border-color 0.25s ease;
}

.contribution-card:hover {
  border-color: rgba(255, 255, 255, 0.15);
}