.kd-holo-card{position:relative;overflow:hidden;border-radius:24px;padding:32px;background:radial-gradient(circle at top left,#fff8f0 0%,#ffeafd 40%,#fff8f0 100%);border:1px solid rgba(255,255,255,0.8);box-shadow:0 18px 40px rgba(0,0,0,0.12),0 0 0 1px rgba(255,255,255,0.4);color:#4d3b4c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.kd-holo-card::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 180deg,#ffb7d5,#bee1fa,#dcc6f6,#b3f2dd,#ffd3b6,#ffb7d5);mix-blend-mode:screen;opacity:0.25;transform:translate3d(0,0,0) rotate(0deg);transition:opacity 0.35s ease,transform 0.65s ease;pointer-events:none}.kd-holo-card::after{content:"";position:absolute;inset:-80%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 35%,rgba(255,255,255,0) 70%);opacity:0;transform:translate3d(-40%,-40%,0) rotate(10deg);transition:opacity 0.45s ease,transform 0.75s ease;pointer-events:none}.kd-holo-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(13,189,233,0.3),0 0 0 1px rgba(255,255,255,0.9)}.kd-holo-card:hover::before{opacity:0.5;transform:translate3d(0,0,0) rotate(18deg)}.kd-holo-card:hover::after{opacity:0.9;transform:translate3d(40%,40%,0) rotate(18deg)}