.project-container{background:linear-gradient(180deg,#071025,#0f1724);width:100%;overflow:hidden;font-family:Arial,sans-serif}.portfolio-hero{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(https://res.cloudinary.com/dbw5fmwib/image/upload/v1764622198/projects-hero_tn3kte.jpg);background-size:cover;background-position:50%;height:50vh;display:flex;justify-content:center;align-items:center}.portfolio-hero-content{padding:2rem;text-align:center;border-radius:10px}.portfolio-hero-title{color:#ffffff;font-size:3rem;font-weight:800;text-shadow:0 0 10px rgba(0,0,0,.8)}.portfolio-hero-subtitle{font-size:1.2rem;margin-top:1rem}.filters{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:2.5rem 1.5rem;background:linear-gradient(135deg,#0a0e27,#1a1f3a);border-bottom:2px solid rgba(253,216,53,.1)}.filter-btn{padding:.75rem 1.75rem;border:2px solid rgba(253,216,53,.2);border-radius:50px;cursor:pointer;background:rgba(255,255,255,.05);color:#ffffff;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.3px}.filter-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(253,216,53,.1);transform:translate(-50%,-50%);transition:width .4s,height .4s}.filter-btn:hover:before{width:300px;height:300px}.filter-btn:hover{border-color:rgba(253,216,53,.5);transform:translateY(-2px);box-shadow:0 8px 20px rgba(253,216,53,.2);background:rgba(255,255,255,.08)}.filter-btn.active{background:linear-gradient(135deg,#fdd835,#f9c700);color:#0a0e27;border-color:#fdd835;box-shadow:0 6px 25px rgba(253,216,53,.4);transform:translateY(-2px)}.filter-btn.active:before{display:none}.filter-btn:active{transform:translateY(0)}.projects{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;padding:2rem;max-width:1200px;margin:0 auto}.scroll-to-top-btn:hover{background-color:#2b79e6;transform:scale(1.1)}@media (min-width:768px){.projects{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.projects{grid-template-columns:repeat(2,1fr);gap:2.5rem;max-width:1400px}.project-image{height:520px}}.project-card{position:relative;display:block;overflow:hidden;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.15);transition:transform .3s ease}.project-card:hover{transform:scale(1.05)}.project-image{position:relative;width:100%;height:400px;overflow:hidden}.loading-container{display:flex;justify-content:center;align-items:center}.project-image img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.project-card:hover .project-image img{opacity:.99}.overlay{position:absolute;inset:0;background:rgba(0,0,0,.2);transition:background .3s ease}.project-card:hover .overlay{background:rgba(0,0,0,.4)}.project-title{left:1rem;font-size:.9rem;font-weight:700}.arrow,.project-title{position:absolute;bottom:1rem;right:1rem;color:white}.arrow{font-size:2rem;opacity:0;transition:opacity .3s ease}.project-card:hover .arrow{opacity:1}.scroll-to-top{position:fixed;bottom:30px;right:30px;background-color:#003366;border:none;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:24px;color:#fff;cursor:pointer;opacity:0;transition:opacity .3s;z-index:1000}.scroll-to-top.visible{opacity:1}