.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.image-carousel{align-items:center;display:flex;justify-content:center;margin-bottom:15px;position:relative}.carousel-image-wrapper{height:382px;max-width:100%;position:relative;text-align:center;width:766px}.carousel-image,.carousel-image-wrapper .lazy-load-image-wrapper,.carousel-image-wrapper img{height:100%;width:100%}.carousel-image{left:0;object-fit:contain;position:absolute;top:0}.carousel-nav{background-color:initial;border:none;color:#ffd15c;cursor:pointer;font-size:22px;padding:8px;transition:color .3s ease}.carousel-nav:hover{color:#ff4c60}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease}.project-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.project-item{background:#302f4e;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-item:hover{background:#3a3a5e;box-shadow:0 4px 8px #0003;cursor:pointer;transform:translateY(-5px)}.project-thumbnail{height:auto;width:100%}.project-content{color:#fff;display:flex;flex-direction:column;flex-grow:1;padding:0 15px 15px}.project-content h4{font-size:18px;font-weight:600;margin-bottom:10px;margin-top:15px}.project-content p{flex-grow:1;margin-bottom:15px}.project-tags{color:#ffd15c;display:block;margin-bottom:10px}.tech-stack{margin-top:auto;padding-top:5px}.filter-buttons{margin-bottom:20px}.filter-buttons .btn{background-color:#454360;border:none;color:#fff;cursor:pointer;margin-right:10px;padding:5px 10px;transition:background-color .3s ease,color .3s ease}.filter-buttons .btn:hover{background-color:#5a5a7a;color:#ffd15c}.filter-buttons .btn.active{background-color:#ff4c60;color:#fff}.pagination{margin-top:20px;text-align:center}.pagination .btn{align-items:center;background-color:#454360;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;margin:0 4px;min-width:32px;padding:0;transition:all .3s ease}.pagination .btn:hover{background-color:#5a5a7a;color:#ffd15c;transform:translateY(-2px)}.pagination .btn.active{background-color:#ff4c60;box-shadow:0 3px 8px #ff4c604d;color:#fff}.pagination-nav{font-size:12px}.project-list.fade-in{animation:fadeIn .3s ease-in-out}.project-list.fade-out{animation:fadeOut .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.tech-stack{margin-top:15px}.tech-stack-label{color:#ffd15c;font-size:14px;font-weight:500;margin-bottom:5px}.tech-badges{display:flex;flex-wrap:wrap;gap:6px}.tech-badge{background-color:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;display:inline-block;font-size:12px;padding:3px 10px;transition:all .3s}.tech-badge:hover{background-color:#ffd15c33;border-color:#ffd15c}.project-content p{margin-bottom:8px}@media (max-width:768px){.project-list{grid-template-columns:1fr}}.white-popup{background:#302f4e;border-radius:10px;margin:0 auto;max-width:800px;padding:25px;position:relative}.white-popup h2{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:0}.project-role-badge{background-color:#ffd15c1a;border:1px solid #ffd15c4d;border-radius:20px;color:#ffd15c;display:inline-block;font-size:13px;font-weight:500;letter-spacing:.5px;margin-left:5px;padding:2px 10px;vertical-align:middle}.project-content-section{margin:15px 0 20px}.project-description{line-height:1.6;margin-bottom:10px}.project-features{margin:0 0 0 10px;padding-left:15px}.project-features li{color:#e3e3e3;line-height:1.6;margin-bottom:8px;position:relative}.popup-tech-stack{background-color:#45436066;border:1px solid #ffd15c33;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:15px;padding:15px}.popup-tech-stack-label{align-items:center;color:#ffd15c;display:flex;font-size:16px;font-weight:500;margin-bottom:12px}.popup-tech-stack-label:before{content:"\e038";font-family:simple-line-icons;font-size:18px;margin-right:8px}.popup-tech-badges{display:flex;flex-wrap:wrap;gap:8px}.popup-tech-badge{background-color:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;display:inline-block;font-size:13px;padding:5px 12px;transition:all .3s}.popup-tech-badge:hover{background-color:#ffd15c33;border-color:#ffd15c;transform:translateY(-2px)}.project-links{display:flex;justify-content:flex-start;margin-top:15px}.project-links a.btn{align-items:center;border:none;border-radius:30px;display:inline-flex;font-size:15px;font-weight:500;padding:8px 20px;transition:all .3s}.project-links a.btn:before{content:"\e60c";font-family:simple-line-icons;font-size:16px;margin-right:8px}.project-links a.btn:hover{box-shadow:0 5px 15px #ff4c604d;transform:translateY(-3px)}.white-popup.no-thumbnail h2{margin-top:0}.mt-0{margin-top:0!important}.mobile-pagination{align-items:center;display:flex;justify-content:center}.pagination-indicator{color:#ffd15c;font-weight:500;margin:0 15px}.pagination-nav{align-items:center;border-radius:20px!important;display:flex!important;height:40px;justify-content:center;min-width:40px}@media (max-width:768px){.pagination .btn:not(.pagination-nav){display:none}.pagination{margin-top:30px}.project-item{margin-bottom:20px}.white-popup{max-width:90%;padding:20px 15px}.popup-tech-badges{gap:6px}.popup-tech-badge{font-size:12px;padding:4px 10px}.pagination-indicator{font-size:16px}.pagination-nav{border-radius:18px;font-size:13px;height:36px;min-width:36px}}.lazy-load-image-wrapper{display:block;opacity:1;position:relative;transition:opacity .3s;width:100%}.lazy-load-image-wrapper img{transition:filter .3s}.lazy-load-image-wrapper.lazy-load-image-loaded{opacity:1}.lazy-load-image-wrapper img.blur{filter:blur(10px)}.lazy-load-image-wrapper img.blur.lazy-load-image-loaded{filter:blur(0)}.cert-thumb{height:268px;padding:20px}.cert-thumb,.cert-thumb .lazy-load-image-wrapper{align-items:center;display:flex;justify-content:center}.cert-thumb .lazy-load-image-wrapper{height:100%;width:auto}.cert-thumb .lazy-load-image-wrapper img{height:100%;max-width:100%;object-fit:contain;width:auto}
/*# sourceMappingURL=main.18ee6fe2.css.map*/