.card[data-v-e838dbe9]{align-items:center;aspect-ratio:16/9;backdrop-filter:blur(12px);background-color:hsl(var(--background)/.82);border:1px solid hsl(var(--border)/.5);border-radius:16px;box-shadow:8px 8px 18px #00000026,-6px -6px 14px #ffffffd9,inset 0 1px 3px #ffffffe6,inset 0 -1px 2px #0000000d;display:flex;justify-content:center;overflow:hidden;perspective:1000px;position:relative;width:100%}.card[data-v-e838dbe9],.card svg[data-v-e838dbe9]{transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card svg[data-v-e838dbe9]{fill:hsl(var(--muted-foreground));width:48px}.card__image[data-v-e838dbe9]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card[data-v-e838dbe9]:hover{box-shadow:12px 12px 24px #0000002e,-8px -8px 18px #ffffffe6,inset 0 1px 3px #fffffff2,inset 0 -1px 2px #0000000d;transform:scale(1.05)}.card__content[data-v-e838dbe9]{backdrop-filter:blur(16px);background-color:hsl(var(--background)/.92);box-sizing:border-box;height:100%;left:0;padding:20px;position:absolute;top:0;transform:rotateX(-90deg);transform-origin:bottom;transition:all .6s cubic-bezier(.175,.885,.32,1.275);width:100%}.card:hover .card__content[data-v-e838dbe9]{transform:rotateX(0)}.card__title[data-v-e838dbe9]{color:hsl(var(--foreground));font-size:20px;font-weight:700;margin:0}.card:hover svg[data-v-e838dbe9]{scale:0}.card__description[data-v-e838dbe9]{color:hsl(var(--muted-foreground));font-size:12px;line-height:1.4;margin:10px 0}.card__actions[data-v-e838dbe9]{display:flex;flex-wrap:wrap;gap:8px}.card__button[data-v-e838dbe9]{background:hsl(var(--primary));border:none;border-radius:8px;color:hsl(var(--primary-foreground));cursor:pointer;font-size:12px;padding:15px;text-decoration:none;transition:opacity .2s}.card__button[data-v-e838dbe9]:hover{opacity:.85}.secondary[data-v-e838dbe9]{background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground))}:root.dark .card[data-v-e838dbe9]{background-color:hsl(var(--card)/.82);border-color:hsl(var(--border)/.6);box-shadow:8px 8px 18px #00000080,-6px -6px 14px #ffffff0a,inset 0 1px 3px #ffffff0a,inset 0 -1px 2px #00000059}:root.dark .card[data-v-e838dbe9]:hover{box-shadow:12px 12px 24px #0009,-8px -8px 18px #ffffff0d,inset 0 1px 3px #ffffff0d,inset 0 -1px 2px #0006}:root.dark .card__content[data-v-e838dbe9]{background-color:hsl(var(--card)/.92)}