.card.svelte-ebhap4{all:unset;cursor:pointer;display:block;width:18rem;height:30rem;perspective:1000px;margin:0;padding:0;pointer-events:auto;position:relative}.card-inner.svelte-ebhap4{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.card.flipped.svelte-ebhap4 .card-inner:where(.svelte-ebhap4){transform:rotateY(180deg)}.card-face.svelte-ebhap4{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px #0000001a;background:#fff;display:flex;flex-direction:column}.card-back.svelte-ebhap4{transform:rotateY(180deg)}.card-image.svelte-ebhap4{flex:0 0 50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image.svelte-ebhap4 img:where(.svelte-ebhap4){width:100%;height:100%;object-fit:cover}.placeholder.svelte-ebhap4{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;position:relative}.placeholder.svelte-ebhap4:after{content:"👤";font-size:4rem;opacity:.3}.placeholder.superhero.svelte-ebhap4:after{content:"🦸"}@keyframes svelte-ebhap4-spin{to{transform:rotate(360deg)}}.card-content.svelte-ebhap4{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.card-name.svelte-ebhap4{font-size:1.25rem;font-weight:700;color:#1a202c;margin:0;line-height:1.2}.card-subtitle.svelte-ebhap4{font-size:.875rem;font-weight:600;color:#718096;margin:0}.card-description.svelte-ebhap4{font-size:.875rem;color:#4a5568;margin:0;flex:1;overflow-y:auto;line-height:1.5}.card.svelte-ebhap4:hover .card-inner:where(.svelte-ebhap4){transform:rotateY(5deg)}.card.flipped.svelte-ebhap4:hover .card-inner:where(.svelte-ebhap4){transform:rotateY(185deg)}.card.svelte-ebhap4:focus-visible{outline:2px solid #667eea;outline-offset:2px;border-radius:.5rem}@media (prefers-reduced-motion: reduce){.card-inner.svelte-ebhap4{transition:none}.card.svelte-ebhap4:hover .card-inner:where(.svelte-ebhap4){transform:none}.card.flipped.svelte-ebhap4 .card-inner:where(.svelte-ebhap4),.card.flipped.svelte-ebhap4:hover .card-inner:where(.svelte-ebhap4){transform:rotateY(180deg)}}@media (max-width: 640px){.card.svelte-ebhap4{width:100%;max-width:18rem}}main.cardcontainer.svelte-6o96ni{padding:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:2rem;justify-items:center}@media (max-width: 640px){main.cardcontainer.svelte-6o96ni{grid-template-columns:1fr;padding:1rem}}