.projects-page{font-family:var(--font-base,sans-serif);color:#000}.project-card{transition:all .3s ease;border:1.5px solid #e2e8f0!important;border-radius:18px}.project-card:hover{transform:translateY(-6px);border-color:#93c5fd!important;box-shadow:0 16px 32px rgba(21,130,199,.12)!important}.project-img-wrapper{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0f172a}.project-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:hover .project-img{transform:scale(1.05)}.project-cat-badge{position:absolute;top:12px;left:12px;background:rgba(15,23,42,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#38bdf8;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:6px;border:1px solid rgba(56,189,248,.3)}.filter-btn{background:#fff;border:1.5px solid #e2e8f0;color:#000;font-size:13.5px;font-weight:600;padding:8px 18px;border-radius:50px;cursor:pointer;transition:all .2s ease}.filter-btn:hover{color:var(--color-primary,#1582c7)}.filter-btn.active,.filter-btn:hover{border-color:var(--color-primary,#1582c7)}.filter-btn.active{background:var(--color-primary,#1582c7);color:#fff;box-shadow:0 4px 14px rgba(21,130,199,.25)}