/* ==========================================================================
   Stem Cell Featured Web Portal Aesthetics
   ========================================================================== */

/* Dark inset container designed to frame the glowing cyan splash screen */
.portal-card--stemcell {
  background: var(--stemcell-bg);
  border-color: rgba(0, 255, 255, 0.2);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.65);
}

.portal-card--stemcell:hover {
  box-shadow: 0 20px 45px rgba(0, 255, 255, 0.15), 0 15px 35px rgba(0, 0, 0, 0.75);
  border-color: rgba(0, 255, 255, 0.35);
}

/* Bold Glowing Cyan Neon Typography */
.portal-title--stemcell {
  color: var(--stemcell-cyan);
  /* Optimized static composited text glow */
  text-shadow: 
    0 0 10px var(--stemcell-cyan-glow),
    0 0 25px var(--stemcell-cyan-glow-intense);
}

/* Pill-shaped glowing cyan outline button */
.portal-btn--stemcell {
  color: var(--stemcell-cyan);
  border-color: var(--stemcell-cyan);
  background-color: rgba(0, 255, 255, 0.02);
  /* Composited outer and inner glow */
  box-shadow: 
    0 0 15px rgba(0, 255, 255, 0.3),
    inset 0 0 15px rgba(0, 255, 255, 0.15);
}

.portal-btn--stemcell:hover,
.portal-btn--stemcell:focus-visible {
  background-color: rgba(0, 255, 255, 0.08);
  box-shadow: 
    0 0 28px rgba(0, 255, 255, 0.65),
    inset 0 0 20px rgba(0, 255, 255, 0.3);
  color: #ffffff;
  text-shadow: 0 0 8px #00ffff;
}

/* Top Left - Classic Theme */
.portal-card--stemcell .corner-art.top-left {
  top: 0;
  left: 0;
  mask-image: radial-gradient(circle at 100% 100%, transparent 40%, black 100%);
  -webkit-mask-image: radial-gradient(circle at 100% 100%, transparent 40%, black 100%);
}
.portal-card--stemcell .corner-art.top-left img {
  object-position: top left;
  transform: scale(1.2) translate(-15%, -8%);
}

/* Bottom Left - Wood Theme */
.portal-card--stemcell .corner-art.bottom-left {
  bottom: 0;
  left: 0;
  mask-image: radial-gradient(circle at 100% 0%, transparent 40%, black 100%);
  -webkit-mask-image: radial-gradient(circle at 100% 0%, transparent 40%, black 100%);
}
.portal-card--stemcell .corner-art.bottom-left img {
  object-position: bottom left;
  transform: scale(1.5) translate(-10%, 25%);
}

/* Bottom Right - Smiley Theme */
.portal-card--stemcell .corner-art.bottom-right {
  bottom: 0;
  right: 0;
  mask-image: radial-gradient(circle at 0% 0%, transparent 40%, black 100%);
  -webkit-mask-image: radial-gradient(circle at 0% 0%, transparent 40%, black 100%);
}
.portal-card--stemcell .corner-art.bottom-right img {
  object-position: bottom right;
  transform: scale(1.5) translate(20%, 25%);
}

/* Previously Featured / Classic Badge */
.portal-badge--classic {
  display: inline-block;
  padding: 0.35rem 1.15rem;
  font-family: var(--font-title);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--stemcell-cyan);
  background: rgba(0, 255, 255, 0.08);
  border: 1px solid rgba(0, 255, 255, 0.45);
  border-radius: var(--border-radius-pill);
  box-shadow: 0 0 12px rgba(0, 255, 255, 0.25);
}