.holographic-card{--holo-x:50%;--holo-y:50%;--holo-bg-x:50%;--holo-bg-y:50%;--holo-angle:135deg;position:relative;transform-style:preserve-3d;transform:perspective(1000px) rotateX(0deg) rotateY(0deg);transition:transform .35s ease-out;border-radius:inherit}.holographic-card__content{position:relative;z-index:1;border-radius:inherit}.holographic-card__glow{position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s ease-out;background:radial-gradient(circle at var(--holo-bg-x) var(--holo-bg-y),rgba(235,228,201,.42) 0,rgba(192,174,112,.28) 22%,transparent 58%),conic-gradient(from var(--holo-angle) at var(--holo-bg-x) var(--holo-bg-y),rgba(235,228,201,.35),rgba(192,174,112,.45),rgba(235,228,201,.2),rgba(192,174,112,.4),rgba(235,228,201,.35));mix-blend-mode:soft-light}.holographic-card.is-active{transition:transform .12s ease-out}.holographic-card.is-active .holographic-card__glow{opacity:1}@media (prefers-reduced-motion:reduce){.holographic-card{transform:none!important;transition:none}.holographic-card__glow{opacity:0!important}}