.matrix-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.15}.main-glass{background:rgba(10,10,15,.75);border-radius:22px;box-shadow:0 10px 40px 0 rgba(0,0,0,.35);backdrop-filter:blur(45px) saturate(160%);-webkit-backdrop-filter:blur(45px) saturate(160%);border:1px solid rgba(255,255,255,.034);margin:100px auto 32px;padding:2.5rem 1.5rem;max-width:1200px;position:relative;z-index:1}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.project-card{background-color:#1a1a1a;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s;position:relative;padding-top:56.25%;border:1px solid #333333;text-decoration:none}.project-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.project-image-container{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.project-image{height:100%;width:100%;background-size:cover;background-position:50%;transition:transform .5s ease}.project-card:hover .project-image{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);color:#e0e0e0;opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:center;padding:1.5rem;text-align:center}.project-card:hover .project-overlay{opacity:1}.project-title{font-size:1.25rem;margin-bottom:.5rem;color:#00ffff}.project-description{color:#a0a0a0;margin-bottom:1rem;font-size:.9rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;justify-content:center}.tag{background-color:#ff0000;color:#000000;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}@media (max-width:768px){.project-grid{grid-template-columns:1fr}}