body{margin:0;padding:0;box-sizing:border-box}.projects-container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.projects-title{font-size:2rem;font-weight:700;text-align:center;color:#3b82f6;margin-bottom:2rem}.search-container{width:100%;position:relative;display:flex;margin-bottom:2rem}.search-input{width:100%;padding:.75rem 3rem;font-size:1rem;border:1px solid #e5e7eb;border-radius:.375rem;outline:none;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.5)}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.no-results{text-align:center;color:#6b7280;font-size:1.125rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.project-card{background-color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:box-shadow .3s ease}.project-card:hover{box-shadow:0 10px 15px rgba(0,0,0,.1)}.image-container{position:relative}.project-image{width:100%;height:200px;object-fit:cover}.status-badge{position:absolute;top:.75rem;left:1rem;color:#fff;padding:.25rem .5rem;border-radius:9999px;font-size:.875rem;display:flex;align-items:center}.status-icon{margin-right:.25rem}.project-content{padding:1rem}.project-title{font-size:1.125rem;font-weight:600;color:#3b82f6;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-summary{color:#6b7280;font-size:.875rem}.project-footer{background-color:#f9fafb;padding:.75rem 1rem;display:flex;justify-content:flex-end}.learn-more-btn{background-color:transparent;color:#3b82f6;font-weight:500;padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s}.learn-more-btn:hover{background-color:#eff6ff}.pagination{display:flex;justify-content:center;align-items:center;margin-top:2rem;flex-wrap:wrap}.pagination-button{background-color:#f0f0f0;color:#000;border:none;border-radius:4px;padding:8px 16px;text-decoration:none;transition:background-color 1s;cursor:pointer;margin:0 4px;min-width:40px}.pagination-button.active{background-color:#2563eb;color:#fff;border:1px solid #2563eb}.pagination-button:hover:not(.active):not(:disabled){background-color:#ddd}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.nav-button{font-weight:700}@media (max-width:480px){.pagination-button{padding:6px 12px;min-width:20px}.nav-button:first-child,.nav-button:last-child{display:none}}.modal-overlay{position:fixed;top:4rem;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:#fff;padding:20px;border-radius:8px;max-width:50%;max-height:80%;overflow-y:auto;position:relative}.close-modal{position:absolute;top:10px;right:10px;font-size:24px;background:none;border:none;cursor:pointer}.modal-image{width:100%;max-height:300px;object-fit:cover;border-radius:8px;margin-bottom:20px}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.modal-content{background-color:#fff;padding:20px;border-radius:8px;max-width:80%;max-height:80%;overflow-y:auto;position:relative}}