.template-3d-card{background:radial-gradient(circle at 50% 34%,#9d4edd 0,#46106f 34%,#12031f 76%);perspective:900px}.template-3d-scene{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d;transition:.35s}.template-3d-card:hover .template-3d-scene{transform:rotateX(5deg) rotateY(-7deg) scale(1.04)}.crystal{width:100px;height:100px;display:grid;place-items:center;color:#ffe29a;font-size:3.2rem;border:1px solid #f9d77a99;background:linear-gradient(145deg,#ffffff2e,#a855f720);clip-path:polygon(50% 0,94% 28%,80% 85%,50% 100%,20% 85%,6% 28%);filter:drop-shadow(0 20px 24px #0008);animation:crystalFloat 4s ease-in-out infinite}.orbit{position:absolute;width:210px;height:210px;border:1px solid #e9c9ff75;border-radius:50%;transform-style:preserve-3d;animation:landingOrbit 9s linear infinite}.orbit-b{width:160px;height:160px;border-color:#ffd8758a;animation-direction:reverse;animation-duration:7s}.spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 20px 6px #e9c9ff;animation:sparkFloat 3s ease-in-out infinite}.spark-a{left:23%;top:24%}.spark-b{right:22%;top:43%;animation-delay:-1.5s}@keyframes crystalFloat{50%{transform:translateY(-15px) rotateY(12deg)}}@keyframes landingOrbit{to{transform:rotateZ(360deg) rotateX(68deg)}}@keyframes sparkFloat{50%{transform:translateY(-18px);opacity:.35}}@media(prefers-reduced-motion:reduce){.crystal,.orbit,.spark{animation:none}}