.projects-page{background:var(--background);min-height:100vh;padding-top:140px;padding-bottom:100px;position:relative}.projects-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#571bc10f 0%,#0000 60%);width:60vw;height:60vw;position:fixed;top:20%;right:-10%}.filter-bar-wrapper{z-index:50;pointer-events:none;justify-content:center;margin-bottom:4rem;display:flex;position:sticky;top:100px}.filter-bar{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);pointer-events:auto;border-radius:9999px;gap:.5rem;padding:.5rem;display:inline-flex;box-shadow:0 10px 30px #00000080}.filter-btn{color:var(--on-surface-variant);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.6rem 1.5rem;font-family:Space Grotesk,sans-serif;font-size:.85rem;transition:all .3s}.filter-btn:hover{color:var(--on-surface);background:#ffffff0d}.filter-btn.active{color:var(--background);background:var(--primary-container);font-weight:600;box-shadow:0 0 15px #00f0ff66}.project-3d-grid{perspective:1200px;z-index:10;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:3rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;position:relative}.project-card-3d{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);transform-style:preserve-3d;border-radius:16px;flex-direction:column;min-height:480px;text-decoration:none;transition:all .5s cubic-bezier(.25,.8,.25,1);display:flex;overflow:hidden;transform:rotateX(8deg)rotateY(-4deg)translateZ(0);box-shadow:0 15px 35px #0006}.project-card-3d:hover{border-color:var(--primary-container);transform:rotateX(0)rotateY(0)translateZ(30px)translateY(-10px);box-shadow:0 25px 40px #0009,0 0 20px #00f0ff33,inset 0 0 10px #00f0ff1a}.project-img-wrapper{width:100%;height:220px;position:relative;overflow:hidden}.project-img-wrapper img{object-fit:cover;filter:grayscale(40%);width:100%;height:100%;transition:transform .6s}.project-card-3d:hover .project-img-wrapper img{filter:grayscale(0%);transform:scale(1.08)}.project-img-overlay{background:linear-gradient(to top, var(--background), transparent);opacity:.8;position:absolute;inset:0}.project-content{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.project-title{color:var(--on-surface);margin-bottom:.5rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.project-status-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.project-status-badge.released{color:#00ff9d;background:#00ff9d26;border-color:#00ff9d;box-shadow:0 0 10px #00ff9d33}.project-status-badge.in-progress{color:#ffe600;background:#ffe60026;border-color:#ffe600}.project-status-badge.done{color:#00d9ff;background:#00d9ff26;border-color:#00d9ff}.project-tags{color:var(--on-surface-variant);flex-wrap:wrap;flex-grow:1;gap:.5rem;margin-bottom:2rem;font-size:.95rem;line-height:1.6;display:flex}.project-tag{color:var(--primary);background:#00f0ff0d;border:1px solid #00f0ff1a;border-radius:4px;padding:.3rem .6rem;font-family:monospace;font-size:.75rem}.project-action-btn{width:100%;color:var(--on-surface);letter-spacing:.1em;text-transform:uppercase;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-family:Space Grotesk,sans-serif;font-size:.9rem;transition:all .3s;display:inline-flex}.project-card-3d:hover .project-action-btn{color:var(--primary-container);background:#00f0ff0d;border-color:#00f0ff4d}.project-action-btn .material-symbols-outlined{font-size:1.25rem;transition:transform .3s}.project-card-3d:hover .project-action-btn .material-symbols-outlined{transform:translate(4px)}