.cards-container{display:flex;flex-wrap:wrap;gap:20px;max-width:1200px;margin:0 auto}.e-card{flex:1 1 300px;max-width:350px;min-width:250px;min-height:200px;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 16px rgba(0,0,0,0.2);transition:transform 0.3s,box-shadow 0.3s;display:flex;flex-direction:column}.e-card:not(#projects-list):hover{transform:translateY(-5px);background:var(--color-bg-primary)}.card-image{margin-top:10%;width:100%;height:180px;display:flex;align-items:center;justify-content:center;color:white;font-size:3rem;overflow:hidden}.card-image-1{width:100%;height:180px;display:flex;align-items:center;justify-content:center;color:white;font-size:3rem;overflow:hidden}.card-image img{width:auto;height:100%;object-fit:cover;display:block;border-radius:var(--radius)}.card-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.card-title{font-size:var(--lg);font-weight:bold;margin-bottom:var(--sm);color:var(--color-text)}.card-subtitle{font-size:var(--md);font-weight:500;margin-bottom:var(--xs);color:var(--color-primary)}.card-text{color:var(--color-text-secondary);line-height:1.5;margin-bottom:20px;flex-grow:1}.card-list li{color:var(--color-text-secondary)}.card-button{background:#667eea;color:white;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:0.9rem;font-weight:500;transition:background 0.3s;align-self:flex-start;text-decoration:none;display:inline-block}.card-button:hover{background:#5a67d8}@media (max-width:768px){.e-card{flex-basis:calc(50% - 20px);max-width:100%}}@media (max-width:480px){.e-card{flex-basis:100%;min-width:100%}.card-image{height:150px}}