::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}::-moz-selection{background:var(--accent-orange);color:var(--white)}::selection{background:var(--accent-orange);color:var(--white)}.portfolio-header{background:var(--gradient-hero);color:var(--white);align-items:center;min-height:auto;padding:100px 0 50px;display:flex;position:relative;overflow:hidden}.portfolio-header .hero-shapes{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.portfolio-header .container{z-index:2;position:relative}.portfolio-header .section-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px;background:#fff3;border:1px solid #ffffff4d;border-radius:50px;margin-bottom:1rem;padding:8px 20px;font-size:14px;font-weight:600;display:inline-block}.portfolio-header .complete-portfolio{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1;font-family:var(--font-secondary);margin-bottom:1rem;color:var(--white)!important}.portfolio-header .hero-description{opacity:.9;max-width:600px;margin:0 auto 1.5rem;font-size:1.1rem;line-height:1.6}.breadcrumb-nav{justify-content:center;align-items:center;gap:10px;margin-top:1rem;font-size:.95rem;display:flex}.breadcrumb-link{color:#fffc;transition:var(--transition,all .3s ease);text-decoration:none}.breadcrumb-link:hover{color:var(--white)}.breadcrumb-separator{color:#fff9}.breadcrumb-current{color:var(--accent-orange);font-weight:600}.portfolio-section{background:var(--light-gray);padding:60px 0}.portfolio-filters{flex-direction:column;align-items:center;gap:15px;margin-bottom:2.5rem;display:flex}.filter-row-main,.filter-row-sub{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.filter-btn{border:2px solid var(--gray-300);color:var(--gray-600);border-radius:var(--border-radius,8px);font-weight:600;font-family:var(--font-secondary);transition:var(--transition,all .3s ease);cursor:pointer;background:0 0;padding:10px 16px;font-size:13px;position:relative;overflow:hidden}.filter-btn:hover,.filter-btn.active{color:var(--primary-blue,#2b4c8f);box-shadow:0 0 0 3px var(--white),  0 0 0 5px var(--primary-blue,#2b4c8f);background:0 0;transform:none}.portfolio-stats{margin:2rem 0;padding:0}.stat-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius,8px);box-shadow:var(--shadow-sm,0 2px 8px #0000000f);transition:var(--transition,all .3s ease);text-align:center;background:#fffffff2;border:1px solid #2b4c8f1a;padding:1.2rem}.stat-badge:hover{box-shadow:var(--shadow,0 4px 15px #00000014);background:#fff;transform:translateY(-3px)}.stat-badge h3{color:var(--primary-blue,#2b4c8f);font-size:1.8rem;font-weight:800;font-family:var(--font-secondary);margin-bottom:.3rem}.stat-badge p{color:var(--gray-600);margin:0;font-size:.9rem;font-weight:500}.portfolio-grid{margin-bottom:2rem}.portfolio-item{transition:var(--transition,all .3s ease);margin-bottom:1.5rem}.portfolio-item.hidden{opacity:0;pointer-events:none;height:0;margin:0;transition:all .3s;overflow:hidden;transform:scale(.8)}.btn-portfolio{font-family:var(--font-secondary);cursor:pointer;background:linear-gradient(135deg, var(--primary-blue,#2b4c8f), var(--secondary-purple,#6b46c1));text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;border:none;border-radius:40px;justify-content:center;align-items:center;font-weight:700;text-decoration:none;transition:all .3s ease-in-out;box-shadow:0 6px 20px #2b4c8f40;color:#fff!important;width:auto!important;min-width:unset!important;max-width:unset!important;flex:none!important;padding:12px 26px!important;font-size:15px!important;display:inline-flex!important}.btn-portfolio:hover{background:linear-gradient(135deg, var(--secondary-purple,#6b46c1), var(--primary-blue,#2b4c8f));transform:translateY(-4px);color:#fff!important}.btn-portfolio i{margin-left:8px;transition:transform .3s}.btn-portfolio:hover i{transform:translate(4px)}@media (max-width:768px){.btn-portfolio{letter-spacing:.6px;border-radius:35px;padding:10px 22px!important;font-size:13px!important}.btn-portfolio i{margin-left:6px}}@media (max-width:480px){.btn-portfolio{letter-spacing:.5px;border-radius:30px;padding:9px 18px!important;font-size:12px!important}.btn-portfolio i{margin-left:5px}}.portfolio-card{background:var(--white);border-radius:var(--border-radius-lg,16px);box-shadow:var(--shadow,0 4px 15px #00000014);transition:var(--transition,all .3s ease);border:1px solid #2b4c8f1a;flex-direction:column;display:flex;overflow:hidden}.portfolio-card:hover{box-shadow:var(--shadow-xl,0 12px 24px #0000001f);transform:translateY(-10px)}.portfolio-image{height:auto;position:relative;overflow:hidden}.portfolio-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:var(--transition,all .3s ease)}.portfolio-image:hover img{transform:scale(1.1)}.portfolio-overlay{opacity:0;width:100%;height:100%;transition:var(--transition,all .3s ease);z-index:10;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.portfolio-image:hover .portfolio-overlay{opacity:1}.portfolio-actions{gap:15px;display:flex}.portfolio-action{-webkit-backdrop-filter:blur(10px);width:50px;height:50px;color:var(--white);transition:var(--transition,all .3s ease);background:#fff4;border:1px solid #b8b8b84d;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;text-decoration:none;display:flex;box-shadow:0 8px 32px #0000001a}.portfolio-action:hover{-webkit-backdrop-filter:blur(15px);color:var(--white);background:#54545466;border:1px solid #ffffff80;transform:translateY(-2px)scale(1.1);box-shadow:0 12px 40px #00000026}.portfolio-content{flex-direction:column;justify-content:flex-start;align-items:center;padding:1.5rem;display:flex}.portfolio-category{color:var(--accent-orange);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.portfolio-title{color:var(--gray-800);font-size:1.3rem;font-weight:700;font-family:var(--font-secondary);margin-bottom:.5rem;line-height:1.3}.portfolio-description{color:var(--gray-600);flex-grow:1;margin-bottom:1rem;font-size:.95rem;line-height:1.5}@media (min-width:768px){.portfolio-tech{flex-wrap:wrap;align-items:flex-start;gap:15px;margin-top:15px;margin-bottom:1rem;display:flex}.tech-tag{color:var(--primary-blue,#2b4c8f);white-space:nowrap;box-sizing:border-box;background:#2b4c8f1a;border:1px solid #2b4c8f33;border-radius:20px;margin:0;padding:10px 18px;font-size:.9rem;font-weight:500;line-height:1.3;transition:all .3s;display:inline-block}.tech-tag:hover{background:var(--primary-blue,#2b4c8f);color:var(--white);transform:translateY(-1px);box-shadow:0 2px 8px #2b4c8f33}#modalTechnologies{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:15px;margin-top:1.5rem;margin-bottom:1rem;display:flex}#modalTechnologies .tech-tag{padding:10px 18px;font-size:.9rem}}@media (max-width:767px){.portfolio-tech{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.tech-tag{color:var(--primary-blue,#2b4c8f);background:#2b4c8f1a;border:1px solid #2b4c8f33;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:500;transition:all .3s}.tech-tag:hover{background:var(--primary-blue,#2b4c8f);color:var(--white)}#modalTechnologies{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:1rem;display:flex}}.load-more-container{text-align:center;margin-top:3rem;padding:2rem 0}#loadMoreBtn{background:var(--gradient-primary)!important;color:var(--white)!important;border:2px solid var(--primary-blue,#2b4c8f)!important;border-radius:var(--border-radius,8px)!important;font-size:16px!important;font-weight:600!important;font-family:var(--font-secondary)!important;transition:var(--transition,all .3s ease)!important;box-shadow:var(--shadow,0 4px 15px #00000014)!important;text-transform:none!important;padding:16px 32px!important;position:relative!important;overflow:hidden!important}#loadMoreBtn:before{content:"";background:var(--gradient-accent);width:100%;height:100%;transition:var(--transition,all .3s ease);z-index:-1;position:absolute;top:0;left:-100%}#loadMoreBtn:hover:before{left:-1px}#loadMoreBtn:hover{color:var(--white)!important;box-shadow:var(--primary-blue,#2b4c8f)!important;transform:translateY(-3px)!important}#loadMoreBtn:active{transform:translateY(0)!important}#loadMoreBtn i{transition:var(--transition,all .3s ease);margin-left:8px}#loadMoreBtn:hover i{transform:translateY(2px)}.portfolio-card{position:relative;overflow:hidden}.portfolio-card:hover:before{width:300px;height:300px}.portfolio-loading{justify-content:center;align-items:center;padding:3rem;display:flex}.loading-spinner{border:4px solid #2b4c8f1a;border-left-color:var(--primary-blue,#2b4c8f);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.portfolio-header{text-align:center;padding:80px 0 40px}.portfolio-header .hero-title{margin-bottom:.8rem;font-size:2.2rem}.portfolio-header .hero-description{margin-bottom:1rem;font-size:1rem}.portfolio-section{padding:40px 0}.portfolio-filters{gap:10px;margin-bottom:2rem}.filter-btn{padding:10px 18px;font-size:13px}.portfolio-image{height:200px}.portfolio-content{padding:1.2rem}.portfolio-title{font-size:1.1rem}.portfolio-description{font-size:.9rem}.portfolio-stats{margin:1.5rem 0}.stat-badge{margin-bottom:1rem;padding:1rem}.stat-badge h3{font-size:1.5rem}.breadcrumb-nav{font-size:.85rem}#loadMoreBtn{padding:12px 24px!important;font-size:15px!important}.load-more-container{margin-top:2rem;padding:1rem 0}.portfolio-actions{gap:10px}.portfolio-action{width:45px;height:45px;font-size:1rem}}@media (max-width:576px){.portfolio-header{padding:70px 0 35px}.portfolio-filters{flex-direction:column;align-items:center;gap:8px}.filter-btn{text-align:center;width:200px;padding:8px 16px}.stat-badge h3{font-size:1.3rem}.stat-badge p{font-size:.85rem}#loadMoreBtn{width:90%;max-width:300px}.portfolio-content{padding:1rem}.portfolio-actions{gap:8px}.portfolio-action{width:40px;height:40px;font-size:.9rem}}@media print{.portfolio-header,.portfolio-filters,.load-more-container{display:none}.portfolio-card{-moz-column-break-inside:avoid;break-inside:avoid;box-shadow:none;border:1px solid #ddd}.portfolio-overlay{display:none}}.portfolio-view-toggle{justify-content:center;margin-bottom:3rem;display:flex}.toggle-container{background:#eef2f6;border:1px solid #c8d0da;border-radius:40px;padding:0;display:inline-flex;overflow:hidden}.toggle-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;border-right:1px solid #c8d0da;align-items:center;padding:12px 28px;font-size:15px;font-weight:500;transition:all .3s;display:flex}.toggle-btn:last-child{border-right:none}.toggle-btn.active{color:#1e3a8a;background:#e0e7ff;font-weight:600}.toggle-btn i{margin-right:8px;font-size:1.1rem}.custom-portfolio-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;background:#0f172ad9;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.custom-portfolio-modal{background:var(--white,#fff);border-radius:var(--border-radius-lg,16px);width:100%;max-width:1000px;max-height:90vh;animation:.3s slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.close-modal-btn{width:40px;height:40px;color:var(--gray-600,#4b5563);cursor:pointer;z-index:10;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.close-modal-btn:hover{background:var(--primary-blue,#2b4c8f);color:var(--white,#fff);transform:rotate(90deg)}.modal-content-wrapper{flex-direction:column;display:flex}.modal-info-side{flex-direction:column;flex:1;justify-content:center;padding:3rem;display:flex}.modal-info-side .modal-title{color:var(--gray-900,#111827);font-size:2rem;font-weight:800;line-height:1.2;font-family:var(--font-secondary)}.modal-info-side .modal-description{color:var(--gray-600,#4b5563);font-size:1.1rem;line-height:1.6}.modal-image-side{background:#f8fafc;flex:1.2;justify-content:center;align-items:center;padding:2rem;display:flex}.modal-image-side img{-o-object-fit:contain;object-fit:contain;max-height:70vh;box-shadow:var(--shadow-sm);border-radius:8px}@media (min-width:992px){.modal-content-wrapper{flex-direction:row}.modal-image-side{border-left:1px solid var(--gray-200,#e5e7eb)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.masonry-grid{-moz-column-count:3;column-count:3;-moz-column-gap:1.5rem;column-gap:1.5rem;width:100%}@media (max-width:991px){.masonry-grid{-moz-column-count:2;column-count:2}}@media (max-width:767px){.masonry-grid{-moz-column-count:1;column-count:1}}.masonry-item{-moz-column-break-inside:avoid;break-inside:avoid;width:100%;margin-bottom:1.5rem;display:inline-block}
.custom-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1050;opacity:0;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.3s forwards modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{to{opacity:1}}.custom-modal-content{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;animation:.3s forwards modalPopIn;position:relative;overflow-y:auto;transform:scale(.95);box-shadow:0 25px 50px -12px #00000040}@keyframes modalPopIn{to{transform:scale(1)}}.custom-modal-close{cursor:pointer;color:#333;z-index:10;background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.custom-modal-close:hover{color:#000;background:#0003}.custom-modal-layout{flex-direction:column;display:flex}@media (min-width:768px){.custom-modal-layout{flex-direction:row}}.custom-modal-image{flex:1;width:100%;max-width:100%;min-height:250px}.custom-modal-image img{-o-object-fit:cover;object-fit:cover;border-top-left-radius:12px;border-top-right-radius:12px;width:100%;height:100%}@media (min-width:768px){.custom-modal-image{max-width:50%}.custom-modal-image img{border-top-right-radius:0;border-bottom-left-radius:12px}}.custom-modal-details{flex-direction:column;flex:1;padding:30px;display:flex}.custom-modal-details h4{color:#1f2937;margin-bottom:.5rem;padding-right:20px;font-size:1.8rem;font-weight:700}.custom-modal-details p{color:#4b5563;flex-grow:1;margin-bottom:1.5rem;line-height:1.6}.custom-modal-details .portfolio-category{color:#e65100;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:inline-block}