body { margin: 0; font-family: Arial, sans-serif; background: #f4f4f4; } .container { width: 90%; max-width: 900px; margin: auto; padding: 40px 0; } a { text-decoration: none; color: inherit; display: block; } .card { background: white; border-radius: 14px; padding: 20px 25px; margin-bottom: 18px; box-shadow: 0 6px 16px rgba(0,0,0,0.08); transition: 0.25s; border-left: 6px solid rgb(246,195,70); display: flex; align-items: center; gap: 20px; } .card:hover { transform: translateY(-4px); box-shadow: 0 10px 22px rgba(0,0,0,0.12); } .card img { width: 90px; height: 90px; border-radius: 50%; object-fit: cover; flex-shrink: 0; } .card-text { flex: 1; } .title { font-size: 18px; font-weight: bold; margin: 0; } .subtitle { margin-top: 6px; font-size: 14px; color: #666; } .highlight { color: rgb(246,195,70); }