*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;background-color:#f4f6f8;color:#333;line-height:1.6}header{background-color:#1f2937;color:#fff;padding:2rem 1rem;text-align:center}header h1{font-size:2.5rem;margin-bottom:.5rem}header p{font-size:1.2rem;color:#cbd5e1}section{padding:3rem 1rem;max-width:900px;margin:auto;text-align:center}section h2{font-size:2rem;margin-bottom:1rem;color:#1f2937}section p{font-size:1.1rem;margin-bottom:2rem}.placeholder{background-color:#e2e8f0;border-radius:8px;padding:2rem;margin-bottom:2rem;color:#64748b}.projects-grid{margin:3rem 0}.projects-grid h3{font-size:1.8rem;margin-bottom:2rem;color:#1f2937;text-align:center}.expertise-section,.services-section{margin:2rem 0;padding:1.5rem;background-color:#f8fafc;border-radius:8px;border-left:4px solid #1d4ed8}.expertise-section h3,.services-section h3{font-size:1.5rem;margin-bottom:1rem;color:#1f2937;font-weight:600}.expertise-section p,.services-section p{font-size:1rem;color:#374151;line-height:1.6;margin-bottom:1rem;text-align:left}.project-item{display:inline-block;width:300px;margin:1rem;padding:1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;vertical-align:top;text-align:center}.project-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.project-item a{text-decoration:none;color:inherit;display:block}.project-item a:hover{text-decoration:none;color:inherit}.project-item img{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:1rem;border:2px solid #e2e8f0}.project-item h4{font-size:1.3rem;margin-bottom:.8rem;color:#1f2937;font-weight:600}.project-item p{font-size:.95rem;color:#64748b;line-height:1.5;margin-bottom:0}.contact-section{margin-top:4rem;padding:2rem;background-color:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.contact-section h3{font-size:1.6rem;margin-bottom:1rem;color:#1f2937;font-weight:600}.contact-section p{font-size:1.1rem;color:#374151;margin-bottom:1rem;line-height:1.6}.contact-section a{color:#1d4ed8;font-weight:600;text-decoration:none}.contact-section a:hover{color:#1e40af;text-decoration:underline}@media (max-width:768px){.project-item{width:90%;margin:1rem auto;display:block}section{padding:2rem .5rem}}footer{background-color:#1f2937;color:#cbd5e1;text-align:center;padding:1.5rem}a{color:#1d4ed8;text-decoration:none;font-weight:500}a:hover{color:#1e40af;text-decoration:underline}