.basic-card{&[data-v-76b3c100]{position:relative;background:transparent;border-radius:var(--v-radius-xl);padding:0;box-shadow:0 12px 28px #0000001f,0 6px 16px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;overflow:hidden;display:flex;flex-direction:column}&[data-v-76b3c100]:hover{transform:translateY(-12px) scale(1.05);box-shadow:0 32px 60px #0003,0 16px 32px #00000026,0 0 30px hsla(var(--v-color-primary-hsl),.3),inset 0 1px #ffffff4d;animation:card-glow-76b3c100 .6s ease-out forwards}&:hover .basic-card__img[data-v-76b3c100]{transform:scale(1.1);filter:brightness(1.1) saturate(1.2)}&:hover .basic-card__image-overlay[data-v-76b3c100]{opacity:.3}&[data-v-76b3c100]:active{transform:translateY(-4px) scale(1.02)}}.basic-card__image-wrapper[data-v-76b3c100]{position:relative;width:100%;aspect-ratio:16 / 9}.basic-card__content{&[data-v-76b3c100]{background:linear-gradient(145deg,#fffaeb,#fffdf5,#fffdeb);text-align:center;padding:var(--v-unit-4) var(--v-unit-6);margin:0;min-height:80px;display:flex;align-items:center;justify-content:center}.v-text[data-v-76b3c100]{line-height:1.2;font-weight:600;text-shadow:0 1px 2px hsla(0,0%,0%,.08);margin:0}}.basic-card__article[data-v-76b3c100]{display:flex;flex-direction:column;gap:var(--v-unit-3);width:100%}.basic-card__snippet[data-v-76b3c100]{font-size:var(--v-font-size-md)!important;line-height:1.4!important;font-weight:400!important;color:var(--v-color-text-medium)!important;text-align:left!important;margin-top:var(--v-unit-2)!important}.basic-card__image[data-v-76b3c100]{position:absolute;inset:0;border-radius:var(--v-radius-xl) var(--v-radius-xl) 0 0;overflow:hidden;background:linear-gradient(45deg,#ecf4f9,#f3f7fc)}.basic-card__image-overlay[data-v-76b3c100]{position:absolute;inset:0;background:linear-gradient(135deg,hsla(var(--v-color-primary-hsl),.1),hsla(var(--v-color-accent-primary-hsl),.15),hsla(var(--v-color-primary-hsl),.1));opacity:0;transition:opacity .4s ease;z-index:2}.basic-card__img[data-v-76b3c100]{width:100%;height:100%;object-fit:cover;opacity:0;animation:fade-in-bounce-76b3c100 1.2s cubic-bezier(.68,-.55,.265,1.55) forwards;transition:all .4s cubic-bezier(.4,0,.2,1);filter:brightness(1.05) contrast(1.1) saturate(1.1)}.basic-card__progress{&[data-v-76b3c100]{background:linear-gradient(90deg,#0003,#0000001a);backdrop-filter:blur(4px);width:100%;height:8px;position:absolute;bottom:0;left:0;border-radius:0;z-index:3;overflow:hidden;border:none;box-shadow:none}&[data-v-76b3c100]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,hsla(0,0%,100%,.3) 50%,transparent 100%);animation:progress-shimmer-76b3c100 4s infinite ease-in-out}}.basic-card__progress-complete{&[data-v-76b3c100]{background:linear-gradient(90deg,var(--v-color-accent-primary) 0%,var(--v-color-primary) 50%,var(--v-color-accent-primary) 100%);height:100%;border-radius:0;transition:width 2s cubic-bezier(.25,.46,.45,.94);transition-delay:1s;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #fff6}&[data-v-76b3c100]:before{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(180deg,hsla(0,0%,100%,.4) 0%,hsla(0,0%,100%,.1) 50%,transparent 100%)}&[data-v-76b3c100]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,hsla(0,0%,100%,.6) 50%,transparent 100%);animation:progress-complete-shine-76b3c100 3s infinite ease-in-out;animation-delay:1.5s}}.basic-card__progress-complete[style*="100%"]{&[data-v-76b3c100]{animation:progress-sparkles-76b3c100 1.5s ease-in-out forwards}&[data-v-76b3c100]:before{animation:sparkle-shine-76b3c100 2s infinite ease-in-out}&[data-v-76b3c100]:after{animation:progress-complete-shine-76b3c100 2s infinite ease-in-out,sparkle-burst-76b3c100 .8s ease-out}}.basic-card__progress-complete[style*="100%"][data-v-76b3c100]:before{background:radial-gradient(circle at 20% 50%,hsla(60,100%,80%,.8) 0%,transparent 4px),radial-gradient(circle at 60% 30%,hsla(45,100%,85%,.6) 0%,transparent 3px),radial-gradient(circle at 80% 70%,hsla(50,100%,90%,.7) 0%,transparent 2px),linear-gradient(180deg,hsla(0,0%,100%,.4) 0%,hsla(0,0%,100%,.1) 50%,transparent 100%)}@keyframes progress-shimmer-76b3c100{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes progress-complete-shine-76b3c100{0%{left:-100%}to{left:100%}}@keyframes fade-in-bounce-76b3c100{0%{opacity:0;transform:scale(.8) rotate(-2deg)}60%{opacity:.8;transform:scale(1.05) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}.basic-card__completed[data-v-76b3c100]{position:absolute;top:var(--v-unit-2);left:var(--v-unit-2);background:linear-gradient(135deg,var(--v-color-accent-primary) 0%,var(--v-color-primary) 100%);color:#fff;padding:var(--v-unit-2) var(--v-unit-4);border-radius:var(--v-radius-xl);font-size:var(--v-font-size-sm);font-weight:900;box-shadow:var(--v-shadow-lg);border:2px solid var(--v-color-background);text-shadow:0 1px 2px rgba(0,0,0,.3);z-index:7;animation:completed-bounce-76b3c100 1.2s cubic-bezier(.68,-.55,.265,1.55) both;transform-origin:center}.basic-card__completed-text[data-v-76b3c100]{font-size:var(--v-font-size-sm);line-height:1}.basic-card__time{&[data-v-76b3c100]{position:absolute;top:var(--v-unit-3);right:var(--v-unit-3);background:linear-gradient(135deg,var(--v-color-primary) 0%,var(--v-color-accent-primary) 100%);color:#fff;padding:var(--v-unit-2) var(--v-unit-3);border-radius:var(--v-radius-xl);font-size:var(--v-font-size-sm);font-weight:800;box-shadow:0 6px 16px #00000040,0 3px 8px #00000026,inset 0 2px 4px #ffffff4d;border:3px solid hsla(0,0%,100%,.4);text-shadow:0 2px 4px hsla(0,0%,0%,.4);z-index:6;animation:time-badge-bounce-76b3c100 .8s cubic-bezier(.68,-.55,.265,1.55) .6s both;backdrop-filter:blur(4px)}&[data-v-76b3c100]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2) 0%,transparent 50%,hsla(0,0%,0%,.1) 100%);border-radius:inherit;z-index:-1}}@keyframes completed-bounce-76b3c100{0%{opacity:0;transform:scale(.3) rotate(-15deg)}50%{opacity:1;transform:scale(1.2) rotate(5deg)}70%{transform:scale(.9) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes time-badge-bounce-76b3c100{0%{opacity:0;transform:scale(.5) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes card-glow-76b3c100{0%{filter:brightness(1) saturate(1)}50%{filter:brightness(1.1) saturate(1.3) contrast(1.1)}to{filter:brightness(1.05) saturate(1.2) contrast(1.05)}}@keyframes progress-sparkles-76b3c100{0%{filter:brightness(1) saturate(1);box-shadow:inset 0 1px 2px #fff6}50%{filter:brightness(1.3) saturate(1.5);box-shadow:inset 0 1px 2px #fff9,0 0 15px hsla(var(--v-color-primary-hsl),.5)}to{filter:brightness(1.1) saturate(1.2);box-shadow:inset 0 1px 2px #fff6,0 0 10px hsla(var(--v-color-primary-hsl),.3)}}@keyframes sparkle-shine-76b3c100{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}@keyframes sparkle-burst-76b3c100{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.basic-card[data-v-76b3c100]{transition:none}.basic-card__img[data-v-76b3c100]{animation:fade-in .5s ease-out forwards}.basic-card__time[data-v-76b3c100],.basic-card__completed[data-v-76b3c100]{animation:none;opacity:1}.basic-card[data-v-76b3c100]:hover{transform:none}}