.page-header{padding:10rem 2rem 4rem;text-align:center}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;color:rgba(255,255,255,.5)}.breadcrumb a{color:rgba(255,255,255,.7);text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:var(--primary)}.page-header h1{font-size:4rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.03em}.page-description{font-size:1.2rem;color:rgba(255,255,255,.6);max-width:700px;margin:0 auto}.filters-section{padding:2rem;position:sticky;top:80px;z-index:100;background:rgba(10,10,15,.8);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.filters{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.filter-btn{padding:.8rem 1.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:rgba(255,255,255,.7);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-family:Outfit,sans-serif}.filter-btn .count{padding:.2rem .6rem;background:rgba(255,255,255,.1);border-radius:6px;font-size:.85rem}.filter-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(0,217,255,.3);color:var(--white);transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:transparent;color:var(--white)}.filter-btn.active .count{background:rgba(255,255,255,.2)}.projects-section{padding:4rem 2rem 6rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:3rem}.project-item{background:rgba(255,255,255,.03);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all .4s ease;opacity:1}.project-item.hidden{display:none}.project-item:hover{transform:translateY(-10px);border-color:rgba(0,217,255,.3);box-shadow:0 20px 60px rgba(0,217,255,.2)}.project-item .project-image{position:relative;height:300px;overflow:hidden}.project-item .project-content{padding:2.5rem}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.project-date{color:var(--gray);font-size:.9rem;font-weight:500}.project-item .project-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;line-height:1.3}.project-item .project-description{color:rgba(255,255,255,.65);margin-bottom:2rem;line-height:1.7;font-size:1rem}.project-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1.5rem;background:rgba(255,255,255,.03);border-radius:12px;margin-bottom:2rem}.detail-item{font-size:.9rem}.detail-item strong{display:block;color:var(--primary);font-weight:600;margin-bottom:.3rem;font-size:.85rem}.detail-item:not(:has(strong)){color:rgba(255,255,255,.7)}.project-item .project-tech{display:flex;flex-wrap:wrap;gap:.6rem}.project-item .project-tech span{padding:.4rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.85rem;color:rgba(255,255,255,.7);transition:all .3s ease}.project-item .project-tech span:hover{background:rgba(0,217,255,.1);border-color:rgba(0,217,255,.3);color:var(--primary)}.load-more-wrapper{text-align:center;margin-top:4rem}.load-more-btn{min-width:250px}.cta-section{padding:4rem 2rem}.cta-content{text-align:center;padding:4rem 3rem;max-width:800px;margin:0 auto}.cta-content h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cta-content p{font-size:1.2rem;color:rgba(255,255,255,.6);margin-bottom:2rem}.project-item{animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.page-header h1{font-size:3rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.project-details{grid-template-columns:1fr}}@media (max-width:768px){.page-header{padding:8rem 1.5rem 3rem}.page-header h1{font-size:2.5rem}.page-description{font-size:1.1rem}.filters-section{position:relative;top:0}.filters{flex-direction:column;align-items:stretch}.filter-btn{justify-content:space-between}.projects-grid{grid-template-columns:1fr;gap:2rem}.project-item .project-content{padding:2rem}.project-item .project-image{height:250px}.cta-content{padding:3rem 2rem}.cta-content h2{font-size:2rem}}@media (max-width:480px){.page-header h1{font-size:2rem}.project-item .project-title{font-size:1.5rem}.project-item .project-content{padding:1.5rem}.cta-content h2{font-size:1.75rem}.cta-content p{font-size:1rem}}.projects-grid.loading{opacity:.5;pointer-events:none}.empty-state{text-align:center;padding:6rem 2rem;color:rgba(255,255,255,.5)}.empty-state svg{width:100px;height:100px;margin-bottom:2rem;opacity:.3}.empty-state h3{font-size:1.5rem;margin-bottom:1rem;color:rgba(255,255,255,.7)}.empty-state p{font-size:1.1rem}