.projects-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;text-align:center}.projects-container h1{font-family:var(--font-playwrite-ar);font-size:4rem;font-weight:400;color:#2f8aa0;text-align:center;font-weight:900;margin:0 0 2rem}@media(max-width:1024px){.projects-container h1{font-size:3.5rem}}@media(max-width:750px){.projects-container h1{font-size:2.4rem}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.project-card{background:rgb(233.4,237.6,241.8);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.2)}.project-card .project-content{padding:1.5rem;display:flex;flex-direction:column;height:100%}.project-card h2{font-size:2.2rem;font-weight:800;margin-bottom:.5rem;color:rgb(148,76.8,92.8)}.project-card .project-date{color:rgb(18.8,55.2,64);font-size:.9rem;margin-bottom:1rem}.project-card .project-team{margin-bottom:1rem}.project-card .project-team span{font-size:.9rem;color:rgb(18.8,55.2,64)}.project-card .project-team span:first-child{font-weight:500;margin-right:.5rem}.project-card .technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-card .technologies .tech-pill{background:#2f8aa0;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.project-card .project-description{color:#000;line-height:1.5;font-size:.95rem}.project-links{margin-top:auto;display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.project-links .project-link{background-color:rgb(88.6,161.4,179);color:#fff;font-size:1.2rem;text-decoration:none;padding:.5rem 1rem;border-radius:4px;text-align:center;transition:background-color .3s ease}.project-links .project-link:hover{background-color:rgb(37.6,110.4,128)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.modal-content h2{color:#b96074;margin-bottom:1.5rem}.modal-content .modal-close{position:absolute;top:1rem;right:1rem;font-size:1.5rem;background:none;border:none;cursor:pointer;color:rgb(18.8,55.2,64);padding:.5rem;line-height:1}.modal-content .modal-details{margin:1.5rem 0}.modal-content .modal-details h3{color:rgb(18.8,55.2,64);margin-bottom:1rem}.modal-content .modal-details ul{list-style-type:disc;padding-left:1.5rem}.modal-content .modal-details ul li{margin-bottom:.5rem;color:rgb(18.8,55.2,64)}.modal-content .modal-github-link{color:#2f8aa0;text-decoration:none;font-size:1.2rem;font-weight:500}