.projects{background-color:#f9fafb}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}#personal-projects-heading,#professional-projects-heading{margin-bottom:1rem;margin-top:2rem;color:#6b7280;font-weight:600}.project-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:all .3s ease;border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column}.project-card>div:nth-child(2){display:flex;flex-direction:column;flex:1}.project-card:hover{box-shadow:0 8px 40px rgba(0,0,0,.15);transform:translateY(-2px)}.project-image{height:200px;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#475569,#3b82f6)}.project-image.project-image-screenshot{background:rgba(0,0,0,0)!important;padding:0!important;height:auto!important;background-image:none!important;background-color:rgba(0,0,0,0)!important}.project-image.project-image-screenshot:before{display:none!important}.project-image.project-image-screenshot img{border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);background:#fff!important;display:block!important;width:100%!important;height:200px!important;-o-object-fit:cover!important;object-fit:cover!important;background-color:#fff!important;background-image:none!important}.project-image.project-image-icon{background:linear-gradient(135deg,#475569,#3b82f6)}.project-image.project-image-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent);z-index:1}.project-image.project-image-icon i{font-size:3rem;z-index:2;position:relative}.project-content{padding:2rem}.project-content h3{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:1rem}.project-content p{color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;margin-bottom:1.5rem}.project-tech>*{padding:.4375rem 1rem!important}.tech-tag{background:linear-gradient(135deg,#64748b,#3b82f6);color:#fff;padding:.25rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;box-shadow:0 2px 8px rgba(245,158,11,.3);transition:all .3s ease}.tech-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.4)}.project-link{color:#475569;text-decoration:none;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:color .3s ease;margin-top:auto;align-self:center}.project-link:hover{color:#334155}.project-card-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;margin-top:auto;padding-top:.5rem}.project-card-links a{color:#475569;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;transition:color .3s ease;font-size:.875rem}.project-card-links a:hover{color:#334155}.project-card-links a:focus-visible{outline:2px solid #475569;outline-offset:2px;border-radius:4px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}}.skill-category h3{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:2rem;text-align:center}.skill-item{margin-bottom:1.5rem}.skill-name{display:block;font-weight:500;color:#374151;margin-bottom:.5rem}.skill-bar{height:8px;background:#e5e7eb;border-radius:.25rem;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(90deg,#475569,#3b82f6);border-radius:.25rem;transition:width 1s ease}