.projects-main{min-height:100vh;padding:1.5rem;background-color:#e0e0e0;user-select:none;display:flex;flex-direction:column;align-items:center}.projects-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#111;user-select:text}.projects-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.projects-filter-btn{padding:.5rem 1.25rem;border-radius:9999px;background:#e0e0e0;box-shadow:6px 6px 10px #bebebe,-6px -6px 10px #ffffff;border:none;cursor:pointer;font-weight:600;color:#444;transition:all .25s ease-in-out;user-select:none}.projects-filter-btn:hover{background:#d3d3d3}.projects-filter-btn.active{background:#3b82f6;color:white;box-shadow:inset 4px 4px 8px #2563eb,inset -4px -4px 8px #3b82f6}.projects-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:1200px}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background:#e0e0e0;border-radius:1.25rem;box-shadow:8px 8px 15px #bebebe,-8px -8px 15px #ffffff;padding:1rem 1rem 1.25rem;display:flex;flex-direction:column;transition:box-shadow .3s ease-in-out;cursor:default;user-select:none}.project-card:hover{box-shadow:4px 4px 12px #bebebe,-4px -4px 12px #ffffff}.project-image{width:100%;height:200px;object-fit:cover;border-radius:1rem;margin-bottom:.75rem;cursor:pointer;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #ffffff;transition:box-shadow .3s ease-in-out}.project-image:hover{box-shadow:3px 3px 7px #bebebe,-3px -3px 7px #ffffff}.project-name{font-size:1.125rem;font-weight:700;color:#222;margin-bottom:.25rem;user-select:text}.project-desc{font-size:.9rem;color:#555;flex-grow:1;user-select:text}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.project-tag{background:#d0d0d0;padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;color:#555;user-select:none;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #ffffff}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:10000;cursor:pointer}.modal-image{max-width:90vw;max-height:90vh;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.6);user-select:none;cursor:default}.dark .projects-main{background-color:#1a202c}.dark .projects-title{color:#e2e8f0}.dark .projects-filter-btn{background-color:#374151;color:#e2e8f0;box-shadow:6px 6px 10px #1a1f29,-6px -6px 10px #3a4452}.dark .projects-filter-btn:hover{background-color:#4b5563}.dark .projects-filter-btn.active{background:#3b82f6;color:white;box-shadow:inset 4px 4px 8px #2563eb,inset -4px -4px 8px #3b82f6}.dark .project-card{background:#2d3748;box-shadow:8px 8px 15px #1a1f29,-8px -8px 15px #3a4452}.dark .project-image{box-shadow:6px 6px 12px #1a1f29,-6px -6px 12px #3a4452}.dark .project-image:hover{box-shadow:3px 3px 7px #1a1f29,-3px -3px 7px #3a4452}.dark .project-name{color:#e2e8f0}.dark .project-desc{color:#cbd5e1}.dark .project-tag{background:#2d3748;color:#a0aec0;box-shadow:inset 2px 2px 4px #1a1f29,inset -2px -2px 4px #3a4452}.dark .modal-overlay{background-color:rgba(0,0,0,.85)}.dark .modal-image{box-shadow:0 10px 30px rgba(255,255,255,.2)}