/* Final stacked project-card depth treatment */
.stack-card {
  --stack-scale: 1;
  --stack-opacity: 1;
  --stack-blur: 0px;
  transform: scale(var(--stack-scale)) !important;
  opacity: var(--stack-opacity) !important;
  filter: blur(var(--stack-blur));
  transform-origin: center top !important;
  transition:
    transform .32s cubic-bezier(.22,.61,.36,1),
    opacity .32s ease,
    filter .32s ease,
    box-shadow .32s ease !important;
  will-change: transform, opacity;
}

/* Card directly behind the active card */
.stack-card.is-cascade-back-1 {
  --stack-scale: .90;
  --stack-opacity: .72;
  --stack-blur: 0px;
  pointer-events: none;
}

/* Second previous card: still visible, but quieter */
.stack-card.is-cascade-back-2 {
  --stack-scale: .84;
  --stack-opacity: .42;
  --stack-blur: .2px;
  pointer-events: none;
}

/* Older cards disappear so only 2–3 cards are cascaded */
.stack-card.is-cascade-hidden {
  --stack-scale: .80;
  --stack-opacity: 0;
  --stack-blur: .5px;
  pointer-events: none;
  visibility: hidden;
}

.stack-card.is-cascade-active {
  --stack-scale: 1;
  --stack-opacity: 1;
  --stack-blur: 0px;
  visibility: visible;
}

@media (max-width: 900px), (prefers-reduced-motion: reduce) {
  .stack-card,
  .stack-card.is-cascade-back-1,
  .stack-card.is-cascade-back-2,
  .stack-card.is-cascade-hidden,
  .stack-card.is-cascade-active {
  --stack-scale: 1;
  --stack-opacity: 1;
  --stack-blur: 0px;
  visibility: visible;
  pointer-events: auto;
  filter: none;
}

}


/* Verified password gate styling */

/* Show one clean bottom border on the password field by default. */
.case-gate-panel .case-gate-field {
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .58) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Remove native browser chrome from the input itself. */
.case-gate-panel .case-gate-field input,
.case-gate-panel input[type="password"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Keep the bottom border visible and use the existing accent on focus. */
.case-gate-panel .case-gate-field:hover {
  border-bottom-color: rgba(255, 255, 255, .76) !important;
}

.case-gate-panel .case-gate-field:focus-within {
  border-bottom-color: #d9ff55 !important;
  box-shadow: none !important;
}