.lazy-load-image-background.blur{-webkit-filter:blur(15px);filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{-webkit-filter:blur(0);filter:blur(0);transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-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 rgba(0,0,0,.1);color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.project-item:hover{background:#3a3a5e;box-shadow:0 4px 8px rgba(0,0,0,.2);cursor:pointer;-webkit-transform:translateY(-5px);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;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.pagination .btn.active{background-color:#ff4c60;box-shadow:0 3px 8px rgba(255,76,96,.3);color:#fff}.pagination-nav{font-size:12px}.project-list.fade-in{-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out}.project-list.fade-out{-webkit-animation:fadeOut .3s ease-in-out;animation:fadeOut .3s ease-in-out}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeOut{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOut{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-20px);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:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;color:#fff;display:inline-block;font-size:12px;padding:3px 10px;transition:all .3s}.tech-badge:hover{background-color:rgba(255,209,92,.2);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:rgba(255,209,92,.1);border:1px solid rgba(255,209,92,.3);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:rgba(69,67,96,.4);border:1px solid rgba(255,209,92,.2);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);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:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;color:#fff;display:inline-block;font-size:13px;padding:5px 12px;transition:all .3s}.popup-tech-badge:hover{background-color:rgba(255,209,92,.2);border-color:#ffd15c;-webkit-transform:translateY(-2px);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 rgba(255,76,96,.3);-webkit-transform:translateY(-3px);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}}.blog-section-title{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:2rem}.blog-posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-top:.5rem}.blog-post-card{background:#302f4e;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.08);color:#fff;display:flex;flex-direction:row;min-height:200px;overflow:hidden;transition:box-shadow .2s}.blog-post-card:hover{background:#2a2a45;box-shadow:0 4px 32px rgba(0,0,0,.16)}.blog-thumbnail{align-items:stretch;background:#22223b;border-bottom:none;border-bottom-right-radius:16px;border-left:1px solid #454360;border-top-right-radius:16px;display:flex;height:100%;justify-content:center;margin-left:1.5rem;min-height:200px;overflow:hidden;position:relative;width:320px}.blog-thumbnail img{display:block;height:100%;object-fit:cover;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.blog-post-card:hover .blog-thumbnail img{-webkit-transform:scale(1.05);transform:scale(1.05)}.blog-thumbnail:before{background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.3));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.blog-post-content{display:flex;flex:1 1;flex-direction:column;height:100%;padding:1.2rem 1.5rem 1.5rem}.blog-title{color:#ffd15c;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.blog-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.blog-time{color:#ffd15c;font-size:.95rem}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-tag{background:rgba(255,209,92,.1);border:1px solid #ffd15c;border-radius:12px;color:#ffd15c;font-size:.85rem;font-weight:500;padding:.2rem .7rem}.blog-description{color:#fff;flex:1 1 auto;font-size:1rem;margin:.5rem 0 1.2rem}.blog-readmore{align-self:flex-start;background:#ff4c60;border:none;border-radius:24px;box-shadow:0 2px 8px rgba(255,76,96,.08);color:#fff;font-weight:600;margin-top:auto;padding:.5rem 1.5rem;text-decoration:none;transition:background .2s}.blog-readmore:hover{background:#d63d4f;color:#fff}.blog-viewmore-wrapper{margin-top:2.5rem;text-align:center}.blog-viewmore{align-items:center;background:#454360;border:none;border-radius:24px;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:.7rem 2.2rem;text-decoration:none;transition:background .2s,color .2s}.blog-viewmore:before{content:"📝";font-size:1.2rem}.blog-viewmore:hover{background:#d63d4f;color:#fff}.lazy-load-image-wrapper{display:block;opacity:1;position:relative;transition:opacity .3s;width:100%}.lazy-load-image-wrapper img{transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.lazy-load-image-wrapper.lazy-load-image-loaded{opacity:1}.lazy-load-image-wrapper img.blur{-webkit-filter:blur(10px);filter:blur(10px)}.lazy-load-image-wrapper img.blur.lazy-load-image-loaded{-webkit-filter:blur(0);filter:blur(0)}
/*# sourceMappingURL=main.4019925c.css.map*/