.coaching-cards-container{position:relative;width:100%;max-width:550px;margin:2rem auto;perspective:1000px;padding:0 1rem}.coaching-cards-container:hover:before{opacity:.4}.dark .coaching-cards-container:before{color:#9ca3af}.card-stack{position:relative;width:100%;padding-top:75%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;touch-action:none;-webkit-touch-callout:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:grab}.card-stack:has(.dragging) .coaching-card:first-child{animation:none}#card-counter{font-size:.875rem;color:#6b7280;font-weight:500;background:#ffffffe6;padding:.5rem 1rem;border-radius:21px;box-shadow:0 2px 4px #0000001a,0 0 0 1px #fbbf2433}.dark #card-counter:is(.dark *){background-color:#f59e0b33;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}@keyframes cardHint{0%,to{transform:translate(0) rotate(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 4px #fbbf2499,0 8px 24px -8px #00000026}25%{transform:translate(-10px) rotate(-2deg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 2px #fbbf2499,-8px 8px 24px -8px #0003}75%{transform:translate(10px) rotate(2deg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 3px #fbbf2499,8px 8px 24px -8px #0003}}.coaching-card{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 2px #fbbf2433,0 8px 24px -8px #00000026;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;-webkit-touch-callout:none;transform-origin:center;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;align-items:center;justify-content:center;padding:2.5rem;text-align:center;font-size:1.75rem;font-weight:600;line-height:1.4;color:#1f2937;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.coaching-card:not(:first-child){pointer-events:none}.coaching-card:nth-child(1){box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a,0 0 0 2px #fbbf2499}.coaching-card:nth-child(2){box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a,0 0 0 2px #fbbf2414}.coaching-card:nth-child(3){box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -1px #00000005,0 0 0 2px #fbbf240f}.coaching-card:nth-child(4){box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000003,0 0 0 2px #fbbf240a}.coaching-card.swipe-left{transform:translate(-200%) rotate(-30deg)!important;opacity:0!important}.coaching-card.swipe-right{transform:translate(200%) rotate(30deg)!important;opacity:0!important}.coaching-card:first-child:not(.dragging){animation:cardHint 3s cubic-bezier(.23,1,.32,1) infinite;animation-delay:.25s}.coaching-card:hover:not(.dragging){box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 2px #fbbf2499,0 12px 32px -12px #0000001a}.dark .coaching-card:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(32 26 17 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark .coaching-card{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003,0 0 0 2px #fbbf2433,0 8px 24px -8px #0000004d}.dark .coaching-card:nth-child(1){box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003,0 0 0 2px #fbbf2499,0 8px 24px -8px #0000004d}.dark .coaching-card:nth-child(2){box-shadow:0 4px 6px -1px #00000040,0 2px 4px -1px #00000026,0 0 0 2px #fbbf2440}.dark .coaching-card:nth-child(3){box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a,0 0 0 2px #fbbf2433}.dark .coaching-card:nth-child(4){box-shadow:0 4px 6px -1px #00000026,0 2px 4px -1px #0000000d,0 0 0 2px #fbbf2426}.coaching-card.dragging{cursor:grabbing;transition:none;box-shadow:0 8px 16px -4px #0003,0 4px 8px -2px #0000001a,0 0 0 2px #fbbf2499,0 16px 32px -16px #0003}.completion-message{position:absolute;padding:1rem;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border-radius:1.5rem;opacity:0;transform:scale(.9);transition:all .6s cubic-bezier(.34,1.56,.64,1);pointer-events:none;box-shadow:1px 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 2px #fbbf241a}.dark .completion-message{background:#292524;color:#f3f4f6;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003,0 0 0 2px #fbbf2499}.completion-message.visible{opacity:1;transform:scale(1);pointer-events:auto}.completion-message h3{font-size:2.25rem;font-weight:600;margin-bottom:2rem}.completion-message button{padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1.125rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;box-shadow:0 2px 4px #fbbf241a,0 0 0 2px #fbbf241a;position:relative;overflow:hidden}.completion-message button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.completion-message button:hover:before{left:100%}.completion-message button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf244d}@media (max-width: 640px){.coaching-cards-container{margin:1.5rem auto}.coaching-card{font-size:1.25rem;padding:1.25rem}.completion-message h3{font-size:1.5rem}.completion-message button{padding:.75rem 1.5rem;font-size:1rem}}