.vel-fade-enter-active,.vel-fade-leave-active{transition:all .3s ease}.vel-fade-enter-from,.vel-fade-leave-to{opacity:0}.vel-img-swiper{display:block;position:relative}.vel-modal{background:#00000080;bottom:0;left:0;margin:0;position:fixed;right:0;top:0;z-index:9998}.vel-img-wrapper{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50% -50%);transition:.3s linear;will-change:transform opacity}.vel-img,.vel-img-wrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vel-img{background-color:#000000b3;box-shadow:0 5px 20px 2px #000000b3;display:block;max-height:80vh;max-width:80vw;position:relative;transition:transform .3s ease-in-out}@media (max-width:750px){.vel-img{max-height:95vh;max-width:85vw}}.vel-btns-wrapper{position:static}.vel-btns-wrapper .btn__close,.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;font-size:32px;opacity:.6;outline:none;position:absolute;top:50%;transform:translateY(-50%);transition:.15s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vel-btns-wrapper .btn__close:hover,.vel-btns-wrapper .btn__next:hover,.vel-btns-wrapper .btn__prev:hover{opacity:1}.vel-btns-wrapper .btn__close.disable,.vel-btns-wrapper .btn__close.disable:hover,.vel-btns-wrapper .btn__next.disable,.vel-btns-wrapper .btn__next.disable:hover,.vel-btns-wrapper .btn__prev.disable,.vel-btns-wrapper .btn__prev.disable:hover{cursor:default;opacity:.2}.vel-btns-wrapper .btn__next{right:12px}.vel-btns-wrapper .btn__prev{left:12px}.vel-btns-wrapper .btn__close{right:10px;top:24px}@media (max-width:750px){.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{font-size:20px}.vel-btns-wrapper .btn__close{font-size:24px}.vel-btns-wrapper .btn__next{right:4px}.vel-btns-wrapper .btn__prev{left:4px}}.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:12px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:12px}@media (max-width:750px){.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:4px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:4px}}.vel-modal.is-rtl .vel-img-title{direction:rtl}.vel-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.vel-loading .ring{display:inline-block;height:64px;width:64px}.vel-loading .ring:after{animation:ring 1.2s linear infinite;border-color:hsla(0,0%,100%,.7) transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:46px;margin:1px;width:46px}@keyframes ring{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.vel-on-error{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.vel-on-error .icon{color:#aaa;font-size:80px}.vel-img-title{bottom:60px;color:#ccc;cursor:default;font-size:12px;left:50%;line-height:1;max-width:80%;opacity:.8;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;transform:translate(-50%);transition:opacity .15s;white-space:nowrap}.vel-img-title:hover{opacity:1}.vel-icon{fill:currentColor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}.vel-toolbar{border-radius:4px;bottom:8px;display:flex;left:50%;opacity:.9;overflow:hidden;padding:0;position:absolute;transform:translate(-50%)}.vel-toolbar,.vel-toolbar .toolbar-btn{background-color:#2d2d2d;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vel-toolbar .toolbar-btn{-ms-flex-negative:0;-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;outline:none;padding:6px 10px}.vel-toolbar .toolbar-btn:active,.vel-toolbar .toolbar-btn:hover{background-color:#3d3d3d}.loading-state[data-v-2fb7909d]{align-items:center;color:#9f9f9f;display:flex;gap:12px;justify-content:center;padding:60px 20px;text-align:center}.loading-state i[data-v-2fb7909d]{animation:spin-2fb7909d 2s linear infinite}@keyframes spin-2fb7909d{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.alert-error[data-v-2fb7909d]{align-items:center;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;display:flex;gap:12px;margin-bottom:30px;padding:16px 20px}.empty-state[data-v-2fb7909d]{color:#9f9f9f;padding:60px 20px;text-align:center}.empty-state i[data-v-2fb7909d]{display:block;font-size:48px;margin-bottom:16px}.project-filter[data-v-2fb7909d]{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0 0 40px;padding:0}.project-filter li[data-v-2fb7909d]{margin:0}.project-filter a[data-v-2fb7909d]{border:1px solid rgba(79,70,229,.3);border-radius:25px;color:#fff;cursor:pointer;display:inline-block;padding:8px 20px;transition:all .3s ease}.project-filter a[data-v-2fb7909d]:hover{border-color:#4f46e5;color:#4f46e5}.project-filter a.current[data-v-2fb7909d]{background:#4f46e5;border-color:#4f46e5}.project-item[data-v-2fb7909d]{background:#1a1a2e;border:1px solid rgba(102,126,234,.1);border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.project-item[data-v-2fb7909d]:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea33}.featured-badge[data-v-2fb7909d]{align-items:center;background:linear-gradient(135deg,#4f46e5,#667eea);border-radius:20px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;position:absolute;right:12px;top:12px;z-index:10}.featured-badge i[data-v-2fb7909d]{font-size:10px}.project-image[data-v-2fb7909d]{background:#000;height:250px;overflow:hidden;position:relative}.project-image img[data-v-2fb7909d]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.project-item:hover .project-image img[data-v-2fb7909d]{transform:scale(1.05)}.details-btn[data-v-2fb7909d]{align-items:center;background:#4f46e5;border-radius:50%;color:#fff;display:flex;font-size:20px;height:50px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:50px}.project-item:hover .details-btn[data-v-2fb7909d]{opacity:1}.project-content[data-v-2fb7909d]{padding:24px}.sub-title[data-v-2fb7909d]{color:#4f46e5;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.project-content h3[data-v-2fb7909d]{font-size:1.3rem;margin:0 0 12px}.project-content h3 a[data-v-2fb7909d]{color:#fff;text-decoration:none;transition:color .3s ease}.project-content h3 a[data-v-2fb7909d]:hover{color:#4f46e5}.project-content p[data-v-2fb7909d]{color:#9f9f9f;font-size:14px;line-height:1.6;margin:0}.text-sm[data-v-2fb7909d]{font-size:12px}.text-gray-500[data-v-2fb7909d]{color:#6b7280}.view-more-container[data-v-2fb7909d]{animation:fadeIn-2fb7909d .3s ease;display:flex;justify-content:center;margin-top:50px}@keyframes fadeIn-2fb7909d{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-view-more[data-v-2fb7909d]{align-items:center;background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 36px;transition:all .3s ease}.btn-view-more[data-v-2fb7909d]:hover{background:#3f35d4;box-shadow:0 10px 30px #667eea4d;transform:translateY(-2px)}.btn-view-more.btn-collapse[data-v-2fb7909d]{background:#667eea33;border:1px solid rgba(102,126,234,.3);color:#667eea}.btn-view-more.btn-collapse[data-v-2fb7909d]:hover{background:#667eea4d;border-color:#667eea}@media (max-width:768px){.project-filter[data-v-2fb7909d]{gap:8px}.project-filter a[data-v-2fb7909d]{font-size:12px;padding:6px 16px}.project-image[data-v-2fb7909d]{height:200px}.project-content[data-v-2fb7909d]{padding:16px}.project-content h3[data-v-2fb7909d]{font-size:1.1rem}.featured-badge[data-v-2fb7909d]{font-size:11px;padding:5px 10px}.btn-view-more[data-v-2fb7909d]{font-size:.95rem;padding:12px 28px}}
