a[data-v-a18d2087]{text-decoration:none}.hero-image[data-v-a18d2087]{width:100%;height:auto;display:block;-o-object-fit:contain;object-fit:contain}.learning-page[data-v-a18d2087]{width:100%}.container[data-v-a18d2087]{max-width:1200px;margin:0 auto;padding:20px 16px}.section-title[data-v-a18d2087]{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#333;text-align:center}.project-card[data-v-a18d2087]{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease;height:100%;cursor:pointer}.project-card[data-v-a18d2087]:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.project-image-wrapper[data-v-a18d2087]{position:relative;overflow:hidden;aspect-ratio:4/3}.project-img[data-v-a18d2087]{width:100%;height:100%;-o-object-fit:fill;object-fit:fill;transition:all .3s ease;background-color:#f5f5f5}.project-card:hover .project-img[data-v-a18d2087]{transform:scale(1.05)}.project-overlay[data-v-a18d2087]{position:absolute;bottom:0;left:0;width:100%;height:0;background:#000c;display:flex;align-items:center;justify-content:center;transition:all .3s ease;overflow:hidden}.project-card:hover .project-overlay[data-v-a18d2087]{height:100%}.project-overlay-content[data-v-a18d2087]{color:#fff;text-align:center;padding:20px;transform:translateY(20px);transition:all .3s ease;width:100%}.project-card:hover .project-overlay-content[data-v-a18d2087]{transform:translateY(0)}.project-overlay-date[data-v-a18d2087]{font-size:.9rem;margin-bottom:10px;color:#ffffffe6}.project-overlay-description[data-v-a18d2087]{font-size:.9rem;line-height:1.6;color:#ffffffe6}.project-bottom[data-v-a18d2087]{padding:15px 20px;background-color:#fff}.project-bottom-title[data-v-a18d2087]{font-size:1.2rem;font-weight:700;margin:0;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.pagination-container[data-v-a18d2087]{display:flex;justify-content:center;align-items:center;margin-top:40px}@media(max-width:768px){.project-image-wrapper[data-v-a18d2087]{aspect-ratio:1/1}.project-bottom[data-v-a18d2087]{padding:10px 12px}.project-bottom-title[data-v-a18d2087]{font-size:.95rem}.section-title[data-v-a18d2087]{font-size:2rem}}