/* SERVICE: Web Design — Light Theme */
.service-webdesign .module-card::before{background:linear-gradient(90deg,#DB2777,transparent)}
.service-webdesign .module-card:hover{border-color:#DB2777;box-shadow:0 20px 60px rgba(219,39,119,0.08)}
.service-webdesign .module-icon{background:linear-gradient(135deg,#DB2777,rgba(219,39,119,0.1))}
.service-webdesign .module-card:hover .module-icon{box-shadow:0 0 30px rgba(219,39,119,0.15);transform:scale(1.1) rotate(-5deg)}
.service-webdesign .tag{background:rgba(219,39,119,0.06);color:#DB2777;border-color:rgba(219,39,119,0.1)}
.service-webdesign .svc-details{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .4s ease;opacity:0}
.service-webdesign .module-card.expanded .svc-details{max-height:300px;opacity:1}
.service-webdesign .svc-details p{margin-top:1rem;color:var(--text-muted);font-size:.88rem;line-height:1.7}
.service-webdesign .svc-skills-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.service-webdesign .svc-skill-chip{padding:.4rem .8rem;border-radius:100px;background:rgba(219,39,119,0.04);border:1px solid rgba(219,39,119,0.08);font-size:.72rem;font-weight:500;color:#DB2777}
.service-webdesign .svc-expand-btn{margin-top:1rem;padding:.4rem 1rem;border-radius:100px;border:1px solid rgba(219,39,119,0.2);background:rgba(219,39,119,0.05);color:#DB2777;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:'Space Grotesk',sans-serif}
.service-webdesign .svc-expand-btn:hover{background:rgba(219,39,119,0.1);border-color:#DB2777}
.service-webdesign .svc-expand-btn .arrow{display:inline-block;transition:transform .3s ease}
.service-webdesign .module-card.expanded .svc-expand-btn .arrow{transform:rotate(180deg)}