@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";.user-card{font-family:Poppins,sans-serif;background-color:#fff;border-radius:15px;box-shadow:0 10px 20px #00000014,0 3px 6px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:320px;margin:1.5rem}.user-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001f,0 5px 10px #00000026}.card-header{background-image:linear-gradient(45deg,#4f46e5,#8b5cf6);height:100px;position:relative}.placeholder-image{width:120px;height:120px;border-radius:50%;background-color:#f3f4f6;border:5px solid #ffffff;position:absolute;top:40px;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center}.placeholder-svg{width:70%;height:70%;fill:#9ca3af}.card-body{text-align:center;padding:80px 20px 30px}.card-name{margin:0;font-size:1.75rem;font-weight:600;color:#1f2937}.card-title{font-size:.9rem;font-weight:500;color:#4f46e5;margin:.25rem 0 .5rem}.card-email{font-size:.9rem;color:#6b7280;margin:0}.contact-btn{margin-top:1.5rem;padding:12px 30px;border:none;border-radius:50px;background-image:linear-gradient(45deg,#4f46e5,#8b5cf6);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.contact-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #4f46e566}.app-container{text-align:center;padding:2rem;font-family:Arial,sans-serif;background-color:#fff}.user-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}