.projects-page-wrapper{background-color:#f8f9fa;min-height:100vh}.filter-btn{background:#fff;border:1px solid #dee2e6;padding:8px 16px;font-weight:600;color:#6c757d;cursor:pointer;transition:all .3s ease;border-radius:8px;font-size:14px}.filter-btn.active,.filter-btn:hover{color:#fff;background:#4b45cc;border-color:#4b45cc}.pd-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.03);padding:24px;margin-bottom:16px}.pd-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px}.pd-icon-box{width:64px;height:64px;border-radius:12px;background-color:#0b132b;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:8px}.pd-icon-box img{width:100%;height:100%;object-fit:contain}.pd-title-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.pd-title{font-size:22px;font-weight:800;color:#1a1a2e;margin:0}.pd-badge{background-color:#1dd1a1;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:12px}.pd-desc{color:#6c757d;font-size:14px;margin:0}.pd-divider{height:1px;background-color:#f1f3f5;margin:0 -24px 20px}.pd-downloads{display:flex;flex-wrap:wrap;gap:20px}.pd-dl-group{background-color:#f8f9fa;border-radius:8px;padding:16px;flex:1 1;min-width:250px}.pd-dl-title{display:flex;align-items:center;gap:8px;font-weight:700;color:#1a1a2e;font-size:13px;margin-bottom:16px}.pd-dl-buttons{display:flex;gap:12px;flex-wrap:wrap}.pd-btn{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;padding:8px 16px;border-radius:6px;text-decoration:none;color:#fff;transition:opacity .2s}.pd-btn:hover{opacity:.9;color:#fff}.btn-ms-store{background-color:#00a8ff}.btn-direct{background-color:#0b132b}.btn-deb{background-color:#e15f41}.btn-gplay{background-color:#000}.btn-appstore{background-color:#4834d4}.btn-webapp{background-color:#1dd1a1}.project-preview-link{transition:all .3s ease}.project-preview-img{transition:transform .5s ease;display:block}.project-preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;transition:opacity .3s ease}.project-preview-icon,.project-preview-overlay{display:flex;align-items:center;justify-content:center}.project-preview-icon{width:32px;height:32px;background:#1dd1a1;color:#fff;border-radius:50%;transform:translateY(10px);transition:transform .3s ease}.project-preview-link:hover{box-shadow:0 10px 25px rgba(0,0,0,.1)!important}.project-preview-link:hover .project-preview-img{transform:scale(1.15)}.project-preview-link:hover .project-preview-overlay{opacity:1}.project-preview-link:hover .project-preview-icon{transform:translateY(0)}