.mri-flip-card{perspective:1200px;min-width:0}
.mri-flip-inner{display:grid;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1);min-height:290px}
.mri-flip-card.is-flipped .mri-flip-inner{transform:rotateY(180deg)}
.mri-flip-front,.mri-flip-back{grid-area:1/1;padding:36px;border:1px solid #785f89;background:#2d2038;backface-visibility:hidden;-webkit-backface-visibility:hidden;min-width:0;box-sizing:border-box}
.mri-flip-front{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 20% 15%,#50325f 0%,#30203e 45%,#23192f 100%);box-shadow:inset 0 0 35px #b78be00a}
.mri-flip-front:before{content:"";position:absolute;inset:-40%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0 28%,#c097ee20 28.3% 28.7%,transparent 29% 39%,#c097ee12 39.3% 39.7%,transparent 40% 51%,#c097ee0c 51.3% 51.7%,transparent 52%);transform:translate(-12%,8%);animation:mri-front-glow 9s ease-in-out infinite alternate}
.mri-flip-front:after{content:"";position:absolute;left:0;right:0;top:-45%;height:45%;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent,#bb8deb05 65%,#bb8deb1c 98%,#cfadf04d 100%);animation:mri-front-scan 7s ease-in-out infinite}
.mri-flip-card:nth-child(2n) .mri-flip-front{background:radial-gradient(ellipse at 85% 85%,#4a305c 0%,#30203e 45%,#23192f 100%)}
.mri-flip-card:nth-child(2) .mri-flip-front:after{animation-delay:-1.2s}
.mri-flip-card:nth-child(3) .mri-flip-front:after{animation-delay:-2.4s}
.mri-flip-card:nth-child(4) .mri-flip-front:after{animation-delay:-3.6s}
.mri-flip-card:nth-child(5) .mri-flip-front:after{animation-delay:-4.8s}
.mri-flip-card:nth-child(6) .mri-flip-front:after{animation-delay:-6s}
.mri-flip-card.is-flipped .mri-flip-front:before,.mri-flip-card.is-flipped .mri-flip-front:after{animation-play-state:paused}
@keyframes mri-front-scan{0%{transform:translateY(0);opacity:0}12%{opacity:1}75%{opacity:1}90%,100%{transform:translateY(330%);opacity:0}}
@keyframes mri-front-glow{from{transform:translate(-12%,8%) scale(1);opacity:.55}to{transform:translate(8%,-8%) scale(1.09);opacity:1}}
@media(prefers-reduced-motion:reduce){.mri-flip-front:before,.mri-flip-front:after{animation:none}.mri-flip-front:after{display:none}}
.mri-site .mri-flip-front h3{margin:0!important;text-align:center;font-size:clamp(27px,2.5vw,36px)!important;line-height:1.2!important;color:#f5efff!important}
.mri-site .mri-flip-trigger{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;line-height:inherit}
.mri-flip-trigger:after{content:"";position:absolute;inset:0}
.mri-flip-back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;gap:25px}
.mri-site .mri-flip-back p{color:#d2bddf;font-size:18px;line-height:1.65;margin:0}
.mri-site .mri-flip-back .mri-button{margin:0}
.mri-site .mri-flip-close{position:absolute;right:12px;top:8px;background:none;border:0;color:#d7b3f1;font-size:25px;line-height:1;min-width:44px;min-height:44px;cursor:pointer}
.mri-flip-card:focus-within{outline:2px solid #cba5f1;outline-offset:5px}
.mri-flip-trigger:focus-visible,.mri-flip-close:focus-visible{outline:2px solid #cba5f1;outline-offset:4px}
@media(max-width:750px){.mri-flip-inner{min-height:250px}.mri-flip-front,.mri-flip-back{padding:36px 28px}}
@media(prefers-reduced-motion:reduce){.mri-flip-inner{transition:none}}