.tutorial-card{background:#fff;border:1px solid #abb0b459;border-radius:10px;flex-direction:column;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 10px 30px #09233e14}.tutorial-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #09233e26}.tutorial-card__thumbnail{aspect-ratio:16/9;background:#e8eceb;position:relative;overflow:hidden}.tutorial-card__thumbnail img{object-fit:cover;width:100%;height:100%;transition:all .35s;display:block}.tutorial-card:hover .tutorial-card__thumbnail img{transform:scale(1.05)}.tutorial-card__status{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:.35rem .8rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;position:absolute;top:14px;right:14px}.tutorial-card__status--done{background:#1c8f6af2}.tutorial-card__status--pending{color:#09233e;background:#f1a43ff2}.tutorial-card__content{flex-direction:column;flex:1;padding:15px;display:flex}.tutorial-card h3{color:#09233e;margin-bottom:10px;font-family:Nunito,sans-serif;font-size:1.25rem;line-height:1.3}.tutorial-card p{color:#4a5e71;flex:1;font-family:Inter,sans-serif;line-height:1.6}.tutorial-card__button{color:#fff;cursor:pointer;background:#09233e;border:none;border-radius:10px;width:100%;padding:.95rem 1rem;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:700;transition:all .25s}.tutorial-card__button:hover{background:#0d355b}.tutorial-card__button:active{transform:scale(.98)}@media (max-width:768px){.tutorial-card h3{font-size:1.1rem}.tutorial-card__content{padding:1rem}.tutorial-card__button{padding:.9rem}}